From 69312518c29d03c2688b693f4b7952b788209683 Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Fri, 28 Aug 2026 09:54:01 +1000
Subject: [PATCH 1/7] Disable the extension system

---
 electron/electron-env.d.ts                    |   47 -
 electron/main.ts                              |   10 +-
 electron/preload.ts                           |   31 -
 .../video-editor/ExtensionManager.tsx         | 1112 +----------------
 src/components/video-editor/SettingsPanel.tsx |    2 +-
 src/components/video-editor/VideoEditor.tsx   |    5 -
 src/hooks/useExtensions.ts                    |  270 +---
 src/lib/extensions/extensionHost.ts           |  657 +---------
 8 files changed, 57 insertions(+), 2077 deletions(-)

diff --git a/electron/electron-env.d.ts b/electron/electron-env.d.ts
index 8a4eedd63..7dce4fa05 100644
--- a/electron/electron-env.d.ts
+++ b/electron/electron-env.d.ts
@@ -64,13 +64,6 @@ interface UpdateStatusSummary {
 	detail?: string;
 }
 
-type RendererExtensionInfo = import("./extensions/extensionTypes").ExtensionInfo;
-type RendererExtensionReview = import("./extensions/extensionTypes").ExtensionReview;
-type RendererMarketplaceExtension = import("./extensions/extensionTypes").MarketplaceExtension;
-type RendererMarketplaceReviewStatus =
-	import("./extensions/extensionTypes").MarketplaceReviewStatus;
-type RendererMarketplaceSearchResult =
-	import("./extensions/extensionTypes").MarketplaceSearchResult;
 type RendererRecordingSessionData = import("./ipc/types").RecordingSessionData;
 
 interface RendererFfmpegAudioMuxMetrics {
@@ -898,46 +891,6 @@ interface Window {
 		cancelCountdown: () => Promise<{ success: boolean }>;
 		getActiveCountdown: () => Promise<{ success: boolean; seconds: number | null }>;
 		onCountdownTick: (callback: (seconds: number) => void) => () => void;
-		extensionsDiscover: () => Promise<RendererExtensionInfo[]>;
-		extensionsList: () => Promise<RendererExtensionInfo[]>;
-		extensionsGet: (id: string) => Promise<RendererExtensionInfo | null>;
-		extensionsEnable: (id: string) => Promise<{ success: boolean; error?: string }>;
-		extensionsDisable: (id: string) => Promise<{ success: boolean; error?: string }>;
-		extensionsInstallFromFolder: () => Promise<{
-			success: boolean;
-			extension?: RendererExtensionInfo;
-			message?: string;
-			error?: string;
-			canceled?: boolean;
-		}>;
-		extensionsUninstall: (id: string) => Promise<{ success: boolean; error?: string }>;
-		extensionsGetDirectory: () => Promise<{ success: boolean; path?: string; error?: string }>;
-		extensionsOpenDirectory: () => Promise<{ success: boolean; path?: string; error?: string }>;
-		extensionsMarketplaceSearch: (params: {
-			query?: string;
-			tags?: string[];
-			sort?: string;
-			page?: number;
-			pageSize?: number;
-		}) => Promise<RendererMarketplaceSearchResult & { error?: string }>;
-		extensionsMarketplaceGet: (id: string) => Promise<RendererMarketplaceExtension | null>;
-		extensionsMarketplaceInstall: (
-			extensionId: string,
-			downloadUrl: string,
-		) => Promise<{ success: boolean; error?: string }>;
-		extensionsMarketplaceSubmit: (
-			extensionId: string,
-		) => Promise<{ success: boolean; reviewId?: string; error?: string }>;
-		extensionsReviewsList: (params: {
-			status?: RendererMarketplaceReviewStatus;
-			page?: number;
-			pageSize?: number;
-		}) => Promise<{ reviews: RendererExtensionReview[]; total: number; error?: string }>;
-		extensionsReviewUpdate: (
-			reviewId: string,
-			status: RendererMarketplaceReviewStatus,
-			notes?: string,
-		) => Promise<{ success: boolean; error?: string }>;
 	};
 }
 
diff --git a/electron/main.ts b/electron/main.ts
index 470fc8243..60eb16bb9 100644
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -6,6 +6,7 @@ import {
 	BrowserWindow,
 	desktopCapturer,
 	dialog,
+	webContents as electronWebContents,
 	ipcMain,
 	Menu,
 	Notification,
@@ -14,11 +15,9 @@ import {
 	shell,
 	systemPreferences,
 	Tray,
-	webContents as electronWebContents,
 } from "electron";
 import { RECORDINGS_DIR } from "./appPaths";
 import { showCursor } from "./cursorHider";
-import { registerExtensionIpcHandlers } from "./extensions/extensionIpc";
 import { getGpuSwitches } from "./gpuSwitches";
 import {
 	cleanupAllExportStreams,
@@ -28,12 +27,9 @@ import {
 	registerIpcHandlers,
 } from "./ipc/handlers";
 import { ensureMediaServer } from "./mediaServer";
+import { hardenWebContentsNavigation, shouldHardenWebContentsType } from "./navigationPolicy";
 import { shouldGrantDisplayCapture, shouldGrantMediaPermission } from "./permissionPolicy";
 import { ensurePackagedRendererServer, getPackagedRendererBaseUrl } from "./rendererServer";
-import {
-	hardenWebContentsNavigation,
-	shouldHardenWebContentsType,
-} from "./navigationPolicy";
 import type { UpdateToastPayload } from "./updater";
 import {
 	checkForAppUpdates,
@@ -1055,8 +1051,6 @@ app.whenReady().then(async () => {
 		},
 	);
 
-	registerExtensionIpcHandlers();
-
 	if (IS_SMOKE_EXPORT || process.env.RECORDLY_DEV_OPEN_RECORDING_INPUT) {
 		await logSmokeExportGpuDiagnostics();
 		if (IS_SMOKE_EXPORT) {
diff --git a/electron/preload.ts b/electron/preload.ts
index e55d42cbd..d53edb543 100644
--- a/electron/preload.ts
+++ b/electron/preload.ts
@@ -983,35 +983,4 @@ contextBridge.exposeInMainWorld("electronAPI", {
 		ipcRenderer.on("countdown-tick", listener);
 		return () => ipcRenderer.removeListener("countdown-tick", listener);
 	},
-
-	// ── Extensions ──────────────────────────────────────────────────────
-	extensionsDiscover: () => ipcRenderer.invoke("extensions:discover"),
-	extensionsList: () => ipcRenderer.invoke("extensions:list"),
-	extensionsGet: (id: string) => ipcRenderer.invoke("extensions:get", id),
-	extensionsEnable: (id: string) => ipcRenderer.invoke("extensions:enable", id),
-	extensionsDisable: (id: string) => ipcRenderer.invoke("extensions:disable", id),
-	extensionsInstallFromFolder: () => ipcRenderer.invoke("extensions:install-from-folder"),
-	extensionsUninstall: (id: string) => ipcRenderer.invoke("extensions:uninstall", id),
-	extensionsGetDirectory: () => ipcRenderer.invoke("extensions:get-directory"),
-	extensionsOpenDirectory: () => ipcRenderer.invoke("extensions:open-directory"),
-
-	// ── Extensions — Marketplace ────────────────────────────────────────
-	extensionsMarketplaceSearch: (params: {
-		query?: string;
-		tags?: string[];
-		sort?: string;
-		page?: number;
-		pageSize?: number;
-	}) => ipcRenderer.invoke("extensions:marketplace-search", params),
-	extensionsMarketplaceGet: (id: string) => ipcRenderer.invoke("extensions:marketplace-get", id),
-	extensionsMarketplaceInstall: (extensionId: string, downloadUrl: string) =>
-		ipcRenderer.invoke("extensions:marketplace-install", extensionId, downloadUrl),
-	extensionsMarketplaceSubmit: (extensionId: string) =>
-		ipcRenderer.invoke("extensions:marketplace-submit", extensionId),
-
-	// ── Extensions — Admin Review ───────────────────────────────────────
-	extensionsReviewsList: (params: { status?: string; page?: number; pageSize?: number }) =>
-		ipcRenderer.invoke("extensions:reviews-list", params),
-	extensionsReviewUpdate: (reviewId: string, status: string, notes?: string) =>
-		ipcRenderer.invoke("extensions:review-update", reviewId, status, notes),
 });
diff --git a/src/components/video-editor/ExtensionManager.tsx b/src/components/video-editor/ExtensionManager.tsx
index ef06fb8e5..b8fc0f589 100644
--- a/src/components/video-editor/ExtensionManager.tsx
+++ b/src/components/video-editor/ExtensionManager.tsx
@@ -1,1113 +1,29 @@
-/**
- * ExtensionManager — Sidebar panel for browsing, installing, and managing extensions.
- *
- * Matches the SettingsPanel sidebar styling with tabs:
- *   - Browse: Marketplace search and download
- *   - Installed: Local extensions with toggle switches
- */
-
-import {
-	BookOpen,
-	Check,
-	CaretLeft as ChevronLeft,
-	CaretRight as ChevronRight,
-	DownloadSimple as Download,
-	ArrowSquareOut as ExternalLink,
-	FolderOpen,
-	SpinnerGap as Loader2,
-	Plus,
-	PuzzlePiece as Puzzle,
-	ArrowsClockwise as RefreshCw,
-	MagnifyingGlass as Search,
-	ShieldWarning as ShieldAlert,
-	Tag,
-	Trash as Trash2,
-} from "@phosphor-icons/react";
-import { AnimatePresence, LayoutGroup, motion } from "motion/react";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
-import { Switch } from "@/components/ui/switch";
+import { PuzzlePiece } from "@phosphor-icons/react";
 import { useScopedT } from "@/contexts/I18nContext";
-import { useExtensions } from "@/hooks/useExtensions";
-import type { ExtensionInfo, MarketplaceExtension } from "@/lib/extensions";
-import { cn } from "@/lib/utils";
-import { ExtensionIcon } from "./ExtensionIcon";
-
-type ExtensionTab = "installed" | "browse";
-
-const TAB_OPTIONS: { value: ExtensionTab; labelKey: string }[] = [
-	{ value: "browse", labelKey: "tabs.browse" },
-	{ value: "installed", labelKey: "tabs.installed" },
-];
-
-const EXTENSIONS_DOCS_URL = "https://marketplace.recordly.dev/extensions";
-const EXTENSIONS_SUBMIT_URL = "https://marketplace.recordly.dev/extensions/submit";
-
-function toSafeHttpUrl(value?: string): string | null {
-	if (!value) return null;
-
-	try {
-		const parsed = new URL(value);
-		return parsed.protocol === "http:" || parsed.protocol === "https:"
-			? parsed.toString()
-			: null;
-	} catch {
-		return null;
-	}
-}
-
-// ---------------------------------------------------------------------------
-// Installed Extension Card
-// ---------------------------------------------------------------------------
-
-function InstalledExtensionCard({
-	extension,
-	isActive,
-	onToggle,
-	onUninstall,
-	onClick,
-}: {
-	extension: ExtensionInfo;
-	isActive: boolean;
-	onToggle: () => void;
-	onUninstall?: () => void;
-	onClick?: () => void;
-}) {
-	const t = useScopedT("extensions");
-	const isError = extension.status === "error";
-	const isBuiltin = extension.builtin;
-	const homepageUrl = toSafeHttpUrl(extension.manifest.homepage);
-
-	return (
-		<div
-			className={cn(
-				"flex items-start gap-3 p-3 rounded-xl border transition-colors cursor-pointer",
-				isError
-					? "border-red-500/30 bg-red-500/5"
-					: isActive
-						? "border-[#2563EB]/20 bg-[#2563EB]/5"
-						: "border-foreground/[0.06] bg-white/[0.02] hover:bg-foreground/[0.04]",
-			)}
-			onClick={onClick}
-		>
-			<div className="flex-shrink-0 w-8 h-8 rounded-lg bg-foreground/5 border border-foreground/10 flex items-center justify-center overflow-hidden">
-				<ExtensionIcon
-					icon={extension.manifest.icon}
-					extensionPath={extension.path}
-					className="w-3.5 h-3.5 text-muted-foreground"
-					imageClassName="w-8 h-8 rounded-lg"
-				/>
-			</div>
-
-			<div className="flex-1 min-w-0">
-				<div className="flex items-center gap-1.5">
-					<span className="text-[13px] font-medium text-foreground truncate">
-						{extension.manifest.name}
-					</span>
-				</div>
-
-				{extension.manifest.author && (
-					<p className="text-[10px] text-muted-foreground/70 mt-0.5">
-						{homepageUrl ? (
-							<a
-								href={homepageUrl}
-								target="_blank"
-								rel="noopener noreferrer"
-								className="hover:text-muted-foreground transition-colors"
-								onClick={(e) => e.stopPropagation()}
-							>
-								{t("detail.by", undefined, { author: extension.manifest.author })}
-							</a>
-						) : (
-							<>{t("detail.by", undefined, { author: extension.manifest.author })}</>
-						)}
-					</p>
-				)}
-
-				<p className="text-[11px] text-muted-foreground/70 mt-0.5 line-clamp-3">
-					{extension.manifest.description || t("detail.noDescription")}
-				</p>
-
-				{isError && extension.error && (
-					<p className="text-[10px] text-red-400 mt-1">
-						{t("detail.error", undefined, { message: extension.error })}
-					</p>
-				)}
-
-				{extension.manifest.permissions.length > 0 && (
-					<div className="flex gap-1 mt-1.5 flex-wrap">
-						{extension.manifest.permissions.map((perm) => (
-							<span
-								key={perm}
-								className="text-[8px] px-1 py-[1px] rounded bg-foreground/5 text-muted-foreground font-mono"
-							>
-								{perm}
-							</span>
-						))}
-					</div>
-				)}
-			</div>
-
-			<div className="flex items-center gap-1.5 flex-shrink-0">
-				{!isBuiltin && onUninstall && (
-					<Button
-						variant="ghost"
-						size="icon"
-						className="h-6 w-6 text-muted-foreground hover:text-red-400 hover:bg-red-500/10"
-						onClick={(e) => {
-							e.stopPropagation();
-							onUninstall();
-						}}
-						title={t("actions.uninstall")}
-					>
-						<Trash2 className="w-3 h-3" />
-					</Button>
-				)}
-				<div onClick={(e) => e.stopPropagation()}>
-					<Switch checked={isActive} onCheckedChange={onToggle} disabled={isError} />
-				</div>
-			</div>
-		</div>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Marketplace Extension Card
-// ---------------------------------------------------------------------------
-
-function MarketplaceCard({
-	extension,
-	isInstalling,
-	onInstall,
-	onClick,
-}: {
-	extension: MarketplaceExtension;
-	isInstalling: boolean;
-	onInstall: () => void;
-	onClick?: () => void;
-}) {
-	const t = useScopedT("extensions");
-	const homepageUrl = toSafeHttpUrl(extension.homepage);
-	return (
-		<div
-			className="flex items-start gap-3 p-3 rounded-xl border border-foreground/[0.06] bg-white/[0.02] hover:bg-foreground/[0.04] transition-colors cursor-pointer"
-			onClick={onClick}
-		>
-			<div className="flex-shrink-0 w-8 h-8 rounded-lg bg-gradient-to-br from-white/10 to-white/5 border border-foreground/10 flex items-center justify-center overflow-hidden">
-				{extension.iconUrl ? (
-					<img
-						src={extension.iconUrl}
-						alt=""
-						className="w-8 h-8 rounded-lg object-cover"
-					/>
-				) : (
-					<ExtensionIcon icon={undefined} className="w-3.5 h-3.5 text-muted-foreground" />
-				)}
-			</div>
-
-			<div className="flex-1 min-w-0">
-				<div className="flex items-center gap-1.5">
-					<span className="text-[13px] font-medium text-foreground truncate">
-						{extension.name}
-					</span>
-				</div>
-
-				<p className="text-[10px] text-muted-foreground/70 mt-0.5">
-					{homepageUrl ? (
-						<a
-							href={homepageUrl}
-							target="_blank"
-							rel="noopener noreferrer"
-							className="hover:text-muted-foreground transition-colors"
-							onClick={(e) => e.stopPropagation()}
-						>
-							{t("detail.by", undefined, { author: extension.author })}
-						</a>
-					) : (
-						<>{t("detail.by", undefined, { author: extension.author })}</>
-					)}
-				</p>
-
-				<p className="text-[11px] text-muted-foreground/70 mt-0.5 line-clamp-3">
-					{extension.description}
-				</p>
-
-				<div className="flex items-center gap-3 mt-1.5">
-					<span className="flex items-center gap-0.5 text-[10px] text-muted-foreground">
-						<Download className="w-2.5 h-2.5" />
-						{extension.downloads.toLocaleString()}
-					</span>
-				</div>
-
-				{extension.tags.length > 0 && (
-					<div className="flex gap-1 mt-1.5 flex-wrap">
-						{extension.tags.slice(0, 3).map((tag) => (
-							<span
-								key={tag}
-								className="text-[8px] px-1 py-[1px] rounded bg-[#2563EB]/10 text-[#2563EB]/70 font-medium"
-							>
-								{tag}
-							</span>
-						))}
-					</div>
-				)}
-			</div>
-
-			<div className="flex-shrink-0">
-				{extension.installed ? (
-					<span className="flex items-center gap-1 text-[10px] text-emerald-500 font-medium">
-						<Check className="w-3 h-3" />
-						{t("status.installed")}
-					</span>
-				) : (
-					<Button
-						variant="ghost"
-						size="sm"
-						className="h-7 px-2.5 text-[11px] text-[#2563EB] hover:text-[#2563EB] hover:bg-[#2563EB]/10 font-medium gap-1"
-						onClick={(e) => {
-							e.stopPropagation();
-							onInstall();
-						}}
-						disabled={isInstalling}
-					>
-						{isInstalling ? (
-							<Loader2 className="w-3 h-3 animate-spin" />
-						) : (
-							<Download className="w-3 h-3" />
-						)}
-						{isInstalling ? t("actions.installing") : t("actions.install")}
-					</Button>
-				)}
-			</div>
-		</div>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Screenshot Gallery Carousel
-// ---------------------------------------------------------------------------
-
-function ScreenshotGallery({ screenshots }: { screenshots: string[] }) {
-	const t = useScopedT("extensions");
-	const [index, setIndex] = useState(0);
-	const count = screenshots.length;
-	if (count === 0) return null;
-
-	return (
-		<div>
-			<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70 mb-1.5">
-				{t("detail.preview")}
-			</p>
-			<div className="relative group rounded-lg overflow-hidden bg-black/20 border border-foreground/[0.06]">
-				<img
-					src={screenshots[index]}
-					alt={t("detail.screenshotAlt", undefined, { number: String(index + 1) })}
-					className="w-full aspect-video object-cover"
-				/>
-				{count > 1 && (
-					<>
-						<button
-							type="button"
-							className="absolute left-1 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-editor-bg/80 text-foreground/80 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-editor-bg/80"
-							onClick={() => setIndex((i) => (i - 1 + count) % count)}
-						>
-							<ChevronLeft className="w-3.5 h-3.5" />
-						</button>
-						<button
-							type="button"
-							className="absolute right-1 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-editor-bg/80 text-foreground/80 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-editor-bg/80"
-							onClick={() => setIndex((i) => (i + 1) % count)}
-						>
-							<ChevronRight className="w-3.5 h-3.5" />
-						</button>
-						<div className="absolute bottom-1.5 left-1/2 -translate-x-1/2 flex gap-1">
-							{screenshots.map((_, i) => (
-								<button
-									type="button"
-									key={i}
-									className={cn(
-										"w-1.5 h-1.5 rounded-full transition-colors",
-										i === index ? "bg-white" : "bg-white/30 hover:bg-foreground/50",
-									)}
-									onClick={() => setIndex(i)}
-								/>
-							))}
-						</div>
-					</>
-				)}
-			</div>
-		</div>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Extension Detail (unified type for installed + marketplace)
-// ---------------------------------------------------------------------------
-
-type ExtensionDetailData =
-	| { source: "installed"; ext: ExtensionInfo; isActive: boolean }
-	| { source: "marketplace"; ext: MarketplaceExtension };
-
-function ExtensionDetailModal({
-	detail,
-	onClose,
-	onToggle,
-	onInstall,
-	isInstalling,
-}: {
-	detail: ExtensionDetailData;
-	onClose: () => void;
-	onToggle?: () => void;
-	onInstall?: () => void;
-	isInstalling?: boolean;
-}) {
-	const t = useScopedT("extensions");
-	const isInstalled = detail.source === "installed";
-	const name = isInstalled ? detail.ext.manifest.name : detail.ext.name;
-	const description = isInstalled
-		? detail.ext.manifest.description || t("detail.noDescription")
-		: detail.ext.description || t("detail.noDescription");
-	const author = isInstalled ? detail.ext.manifest.author : detail.ext.author;
-	const permissions = isInstalled ? detail.ext.manifest.permissions : detail.ext.permissions;
-	const homepage = isInstalled ? detail.ext.manifest.homepage : detail.ext.homepage;
-	const homepageUrl = toSafeHttpUrl(homepage);
-	const screenshots = detail.source === "marketplace" ? (detail.ext.screenshots ?? []) : [];
-	const isError = isInstalled ? detail.ext.status === "error" : false;
-
-	return (
-		<Dialog
-			open
-			onOpenChange={(open) => {
-				if (!open) onClose();
-			}}
-		>
-			<DialogContent className="max-w-md bg-editor-panel border-foreground/10 text-foreground p-0 gap-0 overflow-hidden">
-				{/* Header */}
-				<div className="p-5 pb-4">
-					<div className="flex items-start gap-3.5">
-						<div className="flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-[#2563EB]/20 to-[#2563EB]/5 border border-foreground/10 flex items-center justify-center">
-							{detail.source === "marketplace" && detail.ext.iconUrl ? (
-								<img
-									src={detail.ext.iconUrl}
-									alt=""
-									className="w-7 h-7 rounded-lg"
-								/>
-							) : (
-								<ExtensionIcon
-									icon={isInstalled ? detail.ext.manifest.icon : undefined}
-									extensionPath={isInstalled ? detail.ext.path : undefined}
-									className="w-5 h-5 text-[#2563EB]/60"
-								/>
-							)}
-						</div>
-						<div className="flex-1 min-w-0">
-							<div className="flex items-center gap-1.5">
-								<h2 className="text-[15px] font-semibold text-foreground truncate">
-									{name}
-								</h2>
-							</div>
-							<p className="text-[11px] text-muted-foreground/70 mt-0.5">
-								{author ? (
-									homepageUrl ? (
-										<a
-											href={homepageUrl}
-											target="_blank"
-											rel="noopener noreferrer"
-											className="hover:text-muted-foreground transition-colors inline-flex items-center gap-1"
-										>
-											{t("detail.by", undefined, { author })}
-											<ExternalLink className="w-2.5 h-2.5" />
-										</a>
-									) : (
-										<>{t("detail.by", undefined, { author })}</>
-									)
-								) : (
-									t("detail.unknownAuthor")
-								)}
-							</p>
-						</div>
-					</div>
-
-					{/* Stats for marketplace extensions */}
-					{detail.source === "marketplace" && (
-						<div className="flex items-center gap-3 mt-3">
-							<span className="flex items-center gap-1 text-[11px] text-muted-foreground/70">
-								<Download className="w-3 h-3" />
-								{t("detail.downloads", undefined, {
-									count: detail.ext.downloads.toLocaleString(),
-								})}
-							</span>
-						</div>
-					)}
-				</div>
-
-				{/* Body */}
-				<div className="px-5 pb-5 space-y-4 max-h-[50vh] overflow-y-auto custom-scrollbar">
-					{/* Screenshot gallery */}
-					{screenshots.length > 0 && <ScreenshotGallery screenshots={screenshots} />}
-
-					{/* Description */}
-					<div>
-						<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70 mb-1.5">
-							{t("detail.description")}
-						</p>
-						<p className="text-[12px] text-muted-foreground leading-relaxed whitespace-pre-wrap">
-							{description}
-						</p>
-					</div>
-
-					{/* Tags */}
-					{detail.source === "marketplace" && detail.ext.tags.length > 0 && (
-						<div>
-							<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70 mb-1.5">
-								{t("detail.tags")}
-							</p>
-							<div className="flex flex-wrap gap-1.5">
-								{detail.ext.tags.map((tag) => (
-									<span
-										key={tag}
-										className="inline-flex items-center gap-1 text-[10px] px-2 py-0.5 rounded-full bg-[#2563EB]/10 text-[#2563EB]/70 font-medium"
-									>
-										<Tag className="w-2.5 h-2.5" />
-										{tag}
-									</span>
-								))}
-							</div>
-						</div>
-					)}
-
-					{/* Permissions */}
-					{permissions.length > 0 && (
-						<div>
-							<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70 mb-1.5">
-								{t("detail.permissions")}
-							</p>
-							<div className="flex flex-wrap gap-1.5">
-								{permissions.map((perm) => (
-									<span
-										key={perm}
-										className="text-[10px] px-2 py-0.5 rounded bg-foreground/5 text-muted-foreground font-mono"
-									>
-										{perm}
-									</span>
-								))}
-							</div>
-						</div>
-					)}
-
-					{/* Path (installed extensions) */}
-					{isInstalled && (
-						<div>
-							<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70 mb-1.5">
-								{t("detail.location")}
-							</p>
-							<p className="text-[10px] text-muted-foreground/70 font-mono break-all">
-								{detail.ext.path}
-							</p>
-						</div>
-					)}
-
-					{/* Error */}
-					{isError && isInstalled && detail.ext.error && (
-						<div className="p-2.5 rounded-lg bg-red-500/10 border border-red-500/20">
-							<p className="text-[11px] text-red-400">{detail.ext.error}</p>
-						</div>
-					)}
-				</div>
-
-				{/* Footer actions */}
-				<div className="flex items-center gap-2 px-5 py-3 border-t border-foreground/[0.06] bg-white/[0.02]">
-					{isInstalled && onToggle && (
-						<div className="flex items-center gap-2">
-							<Switch
-								checked={detail.isActive}
-								onCheckedChange={onToggle}
-								disabled={isError}
-							/>
-							<span className="text-[11px] text-muted-foreground">
-								{detail.isActive ? t("status.enabled") : t("status.disabled")}
-							</span>
-						</div>
-					)}
-					{detail.source === "marketplace" && !detail.ext.installed && onInstall && (
-						<Button
-							size="sm"
-							className="h-8 px-3 text-[12px] bg-[#2563EB] hover:bg-[#2563EB]/90 text-white gap-1.5"
-							onClick={onInstall}
-							disabled={isInstalling}
-						>
-							{isInstalling ? (
-								<Loader2 className="w-3.5 h-3.5 animate-spin" />
-							) : (
-								<Download className="w-3.5 h-3.5" />
-							)}
-							{isInstalling ? t("actions.installing") : t("actions.install")}
-						</Button>
-					)}
-					{detail.source === "marketplace" && detail.ext.installed && (
-						<span className="flex items-center gap-1 text-[11px] text-emerald-500 font-medium">
-							<Check className="w-3.5 h-3.5" />
-							{t("status.installed")}
-						</span>
-					)}
-					<div className="flex-1" />
-					<Button
-						variant="ghost"
-						size="sm"
-						className="h-8 px-3 text-[12px] text-muted-foreground hover:text-foreground hover:bg-foreground/10"
-						onClick={onClose}
-					>
-						{t("actions.close")}
-					</Button>
-				</div>
-			</DialogContent>
-		</Dialog>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Tab Switcher (LayoutGroup pill animation — matches SettingsPanel pattern)
-// ---------------------------------------------------------------------------
-
-function TabSwitcher({
-	activeTab,
-	onTabChange,
-	extensionCount,
-}: {
-	activeTab: ExtensionTab;
-	onTabChange: (tab: ExtensionTab) => void;
-	extensionCount: number;
-}) {
-	const t = useScopedT("extensions");
-	return (
-		<LayoutGroup id="extension-tab-switcher">
-			<div className="grid h-8 w-full grid-cols-2 rounded-xl border border-foreground/10 bg-foreground/[0.04] p-1">
-				{TAB_OPTIONS.map((option) => {
-					const isActive = activeTab === option.value;
-					const count = option.value === "installed" ? extensionCount : undefined;
-					return (
-						<button
-							key={option.value}
-							type="button"
-							onClick={() => onTabChange(option.value)}
-							className="relative rounded-lg text-[10px] font-semibold tracking-wide transition-colors"
-						>
-							{isActive ? (
-								<motion.span
-									layoutId="extension-tab-pill"
-									className="absolute inset-0 rounded-lg bg-[#2563EB]"
-									transition={{ type: "spring", stiffness: 420, damping: 34 }}
-								/>
-							) : null}
-							<span
-								className={cn(
-									"relative z-10 flex items-center justify-center gap-1",
-									isActive ? "text-white" : "text-muted-foreground hover:text-foreground",
-								)}
-							>
-								{t(option.labelKey)}
-								{count !== undefined && count > 0 && (
-									<span
-										className={cn(
-											"text-[8px] px-1 rounded-full font-semibold min-w-[14px] text-center leading-[14px]",
-											isActive
-												? "bg-white/20 text-white"
-												: "bg-foreground/5 text-muted-foreground",
-										)}
-									>
-										{count}
-									</span>
-								)}
-							</span>
-						</button>
-					);
-				})}
-			</div>
-		</LayoutGroup>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Main Component
-// ---------------------------------------------------------------------------
 
 export default function ExtensionManager() {
 	const t = useScopedT("extensions");
-	const {
-		extensions,
-		activeIds,
-		ready,
-		refresh,
-		toggleExtension,
-		installFromFolder,
-		uninstall,
-		openDirectory,
-		marketplaceSearch,
-		marketplaceInstall,
-	} = useExtensions();
-
-	const [activeTab, setActiveTab] = useState<ExtensionTab>("browse");
-	const [isRefreshing, setIsRefreshing] = useState(false);
-
-	// Marketplace state
-	const [searchQuery, setSearchQuery] = useState("");
-	const [marketplaceResults, setMarketplaceResults] = useState<MarketplaceExtension[]>([]);
-	const [marketplaceLoading, setMarketplaceLoading] = useState(false);
-	const [marketplaceError, setMarketplaceError] = useState<string | null>(null);
-	const [installingIds, setInstallingIds] = useState<Set<string>>(new Set());
-
-	// Extension detail modal state
-	const [detailData, setDetailData] = useState<ExtensionDetailData | null>(null);
-	const hasAutoSearchedBrowseRef = useRef(false);
-
-	const handleInstallFromFolder = useCallback(async () => {
-		const success = await installFromFolder();
-		if (success) {
-			toast.success(t("toast.installedAndEnabled"));
-		}
-	}, [installFromFolder, t]);
-
-	const handleUninstall = useCallback(
-		async (id: string, name: string) => {
-			const success = await uninstall(id);
-			if (success) {
-				toast.success(t("toast.uninstalled", undefined, { name }));
-				// Clear installed flag in cached marketplace results
-				setMarketplaceResults((prev) =>
-					prev.map((e) => (e.id === id ? { ...e, installed: false } : e)),
-				);
-			} else {
-				toast.error(t("toast.uninstallFailed", undefined, { name }));
-			}
-		},
-		[uninstall, t],
-	);
-
-	// Marketplace search
-	const handleSearch = useCallback(async () => {
-		hasAutoSearchedBrowseRef.current = true;
-		setMarketplaceLoading(true);
-		setMarketplaceError(null);
-		try {
-			const result = await marketplaceSearch({
-				query: searchQuery || undefined,
-				sort: "popular",
-				pageSize: 50,
-			});
-			setMarketplaceResults(result.extensions);
-		} catch (err: unknown) {
-			const message = err instanceof Error ? err.message : t("toast.searchFailed");
-			setMarketplaceError(message);
-			setMarketplaceResults([]);
-		} finally {
-			setMarketplaceLoading(false);
-		}
-	}, [searchQuery, marketplaceSearch, t]);
-
-	const handleRefresh = useCallback(async () => {
-		setIsRefreshing(true);
-		try {
-			await refresh();
-
-			if (activeTab === "browse") {
-				await handleSearch();
-			}
-
-			toast.success(t("toast.refreshed"));
-		} catch {
-			toast.error(t("toast.refreshFailed"));
-		} finally {
-			setIsRefreshing(false);
-		}
-	}, [activeTab, handleSearch, refresh, t]);
-
-	// Auto-search when switching to browse tab
-	useEffect(() => {
-		if (activeTab !== "browse") {
-			hasAutoSearchedBrowseRef.current = false;
-			return;
-		}
-
-		if (
-			!hasAutoSearchedBrowseRef.current &&
-			marketplaceResults.length === 0 &&
-			!marketplaceLoading
-		) {
-			void handleSearch();
-		}
-	}, [activeTab, handleSearch, marketplaceLoading, marketplaceResults.length]);
-
-	// Marketplace install
-	const handleMarketplaceInstall = useCallback(
-		async (ext: MarketplaceExtension) => {
-			setInstallingIds((prev) => new Set(prev).add(ext.id));
-			try {
-				const result = await marketplaceInstall(ext.id, ext.downloadUrl);
-				if (result.success) {
-					toast.success(t("toast.marketplaceInstalled", undefined, { name: ext.name }));
-					// Update the marketplace results to show installed state
-					setMarketplaceResults((prev) =>
-						prev.map((e) => (e.id === ext.id ? { ...e, installed: true } : e)),
-					);
-					setDetailData((prev) =>
-						prev?.source === "marketplace" && prev.ext.id === ext.id
-							? { ...prev, ext: { ...prev.ext, installed: true } }
-							: prev,
-					);
-				} else {
-					toast.error(
-						t("toast.marketplaceInstallFailed", undefined, { name: ext.name }),
-						{
-							description: result.error,
-						},
-					);
-				}
-			} finally {
-				setInstallingIds((prev) => {
-					const next = new Set(prev);
-					next.delete(ext.id);
-					return next;
-				});
-			}
-		},
-		[marketplaceInstall, t],
-	);
 
 	return (
-		<div className="flex-[2] w-[332px] min-w-[280px] max-w-[332px] bg-editor-panel border border-foreground/10 rounded-2xl flex flex-col shadow-xl h-full overflow-hidden">
-			{/* Header */}
-			<div className="flex-shrink-0 p-4 pb-3">
-				<div className="flex items-center justify-between mb-3">
-					<div className="flex items-center gap-2">
-						<Puzzle className="w-4 h-4 text-[#2563EB]" />
-						<h3 className="text-[13px] font-semibold text-foreground">{t("title")}</h3>
-					</div>
-					<div className="flex items-center gap-0.5">
-						<Button
-							variant="ghost"
-							size="icon"
-							className="h-6 w-6 text-muted-foreground/70 hover:text-muted-foreground hover:bg-foreground/10"
-							onClick={() =>
-								window.electronAPI?.openExternalUrl(EXTENSIONS_SUBMIT_URL)
-							}
-							title={t("actions.submit")}
-						>
-							<Plus className="w-3 h-3" />
-						</Button>
-						<Button
-							variant="ghost"
-							size="icon"
-							className="h-6 w-6 text-muted-foreground/70 hover:text-muted-foreground hover:bg-foreground/10"
-							onClick={() => window.electronAPI?.openExternalUrl(EXTENSIONS_DOCS_URL)}
-							title={t("actions.docs")}
-						>
-							<BookOpen className="w-3 h-3" />
-						</Button>
-						<Button
-							variant="ghost"
-							size="icon"
-							className="h-6 w-6 text-muted-foreground/70 hover:text-muted-foreground hover:bg-foreground/10"
-							onClick={handleRefresh}
-							disabled={isRefreshing}
-							title={t("actions.refresh")}
-						>
-							<RefreshCw className={cn("w-3 h-3", isRefreshing && "animate-spin")} />
-						</Button>
-						<Button
-							variant="ghost"
-							size="icon"
-							className="h-6 w-6 text-muted-foreground/70 hover:text-muted-foreground hover:bg-foreground/10"
-							onClick={openDirectory}
-							title={t("actions.openFolder")}
-						>
-							<FolderOpen className="w-3 h-3" />
-						</Button>
-					</div>
-				</div>
-
-				<TabSwitcher
-					activeTab={activeTab}
-					onTabChange={setActiveTab}
-					extensionCount={extensions.length}
-				/>
+		<div className="flex h-full w-[332px] min-w-[280px] max-w-[332px] flex-[2] flex-col overflow-hidden rounded-2xl border border-foreground/10 bg-editor-panel shadow-xl">
+			<div className="flex h-12 shrink-0 items-center border-b border-foreground/10 px-4">
+				<h2 className="text-sm font-semibold text-foreground">{t("title")}</h2>
 			</div>
 
-			{/* Content */}
-			<div
-				className="flex-1 min-h-0 overflow-y-auto custom-scrollbar p-4 pb-0 pt-0"
-				style={{ scrollbarGutter: "stable" }}
-			>
-				{!ready ? (
-					<div className="flex-1 flex items-center justify-center py-12">
-						<Loader2 className="w-5 h-5 text-muted-foreground animate-spin" />
+			<div className="flex flex-1 items-center justify-center p-6">
+				<div className="flex max-w-[240px] flex-col items-center text-center">
+					<div className="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl border border-foreground/10 bg-foreground/[0.04]">
+						<PuzzlePiece className="h-6 w-6 text-muted-foreground" />
 					</div>
-				) : (
-					<AnimatePresence mode="wait" initial={false}>
-						<motion.div
-							key={activeTab}
-							initial={{ opacity: 0, y: 8 }}
-							animate={{ opacity: 1, y: 0 }}
-							exit={{ opacity: 0, y: -8 }}
-							transition={{ duration: 0.18, ease: "easeOut" }}
-						>
-							{activeTab === "installed" && (
-								<InstalledTab
-									extensions={extensions}
-									activeIds={activeIds}
-									onToggle={toggleExtension}
-									onUninstall={handleUninstall}
-									onInstallFromFolder={handleInstallFromFolder}
-									onOpenDirectory={openDirectory}
-									onViewDetail={(ext) =>
-										setDetailData({
-											source: "installed",
-											ext,
-											isActive: activeIds.has(ext.manifest.id),
-										})
-									}
-								/>
-							)}
-
-							{activeTab === "browse" && (
-								<BrowseTab
-									searchQuery={searchQuery}
-									onSearchQueryChange={setSearchQuery}
-									onSearch={handleSearch}
-									results={marketplaceResults}
-									loading={marketplaceLoading}
-									error={marketplaceError}
-									installingIds={installingIds}
-									onInstall={handleMarketplaceInstall}
-									onViewDetail={(ext) =>
-										setDetailData({ source: "marketplace", ext })
-									}
-								/>
-							)}
-						</motion.div>
-					</AnimatePresence>
-				)}
-			</div>
-
-			{/* Extension Detail Modal */}
-			{detailData && (
-				<ExtensionDetailModal
-					detail={detailData}
-					onClose={() => setDetailData(null)}
-					onToggle={
-						detailData.source === "installed"
-							? () => {
-									toggleExtension(detailData.ext.manifest.id);
-									setDetailData((prev) =>
-										prev?.source === "installed"
-											? { ...prev, isActive: !prev.isActive }
-											: prev,
-									);
-								}
-							: undefined
-					}
-					onInstall={
-						detailData.source === "marketplace" && !detailData.ext.installed
-							? () => handleMarketplaceInstall(detailData.ext as MarketplaceExtension)
-							: undefined
-					}
-					isInstalling={
-						detailData.source === "marketplace"
-							? installingIds.has(detailData.ext.id)
-							: false
-					}
-				/>
-			)}
-		</div>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Installed Tab
-// ---------------------------------------------------------------------------
-
-function InstalledTab({
-	extensions,
-	activeIds,
-	onToggle,
-	onUninstall,
-	onInstallFromFolder,
-	onOpenDirectory,
-	onViewDetail,
-}: {
-	extensions: ExtensionInfo[];
-	activeIds: Set<string>;
-	onToggle: (id: string) => Promise<void>;
-	onUninstall: (id: string, name: string) => void;
-	onInstallFromFolder: () => void;
-	onOpenDirectory: () => void;
-	onViewDetail: (ext: ExtensionInfo) => void;
-}) {
-	const t = useScopedT("extensions");
-	if (extensions.length === 0) {
-		return (
-			<div className="flex flex-col items-center justify-center gap-3 py-10">
-				<div className="w-11 h-11 rounded-full bg-foreground/[0.04] flex items-center justify-center">
-					<Puzzle className="w-5 h-5 text-muted-foreground" />
-				</div>
-				<div className="text-center">
-					<p className="text-[13px] font-medium text-muted-foreground">{t("empty.title")}</p>
-					<p className="text-[11px] text-muted-foreground mt-1 leading-relaxed max-w-[200px]">
-						{t("empty.description")}
+					<h3 className="text-sm font-semibold text-foreground">
+						Extensions are no longer available
+					</h3>
+					<p className="mt-2 text-xs leading-relaxed text-muted-foreground">
+						Extension installation and marketplace access have been disabled. This area
+						is kept as a placeholder for existing projects and navigation.
 					</p>
 				</div>
-				<div className="flex gap-2 mt-2">
-					<Button
-						variant="ghost"
-						size="sm"
-						className="h-7 px-2.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-foreground/10 gap-1"
-						onClick={onInstallFromFolder}
-					>
-						<Plus className="w-3 h-3" />
-						{t("actions.install")}
-					</Button>
-					<Button
-						variant="ghost"
-						size="sm"
-						className="h-7 px-2.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-foreground/10 gap-1"
-						onClick={onOpenDirectory}
-					>
-						<FolderOpen className="w-3 h-3" />
-						{t("actions.folder")}
-					</Button>
-				</div>
-			</div>
-		);
-	}
-
-	return (
-		<div className="flex flex-col gap-2">
-			<div className="flex items-center justify-between mb-1">
-				<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground">
-					{t("tabs.installed")}
-				</p>
-				<Button
-					variant="ghost"
-					size="sm"
-					className="h-6 px-2 text-[10px] text-muted-foreground/70 hover:text-muted-foreground hover:bg-foreground/10 gap-1"
-					onClick={onInstallFromFolder}
-				>
-					<Plus className="w-2.5 h-2.5" />
-					{t("actions.add")}
-				</Button>
-			</div>
-			{extensions.map((ext) => (
-				<InstalledExtensionCard
-					key={ext.manifest.id}
-					extension={ext}
-					isActive={activeIds.has(ext.manifest.id)}
-					onToggle={() => onToggle(ext.manifest.id)}
-					onUninstall={
-						ext.builtin
-							? undefined
-							: () => onUninstall(ext.manifest.id, ext.manifest.name)
-					}
-					onClick={() => onViewDetail(ext)}
-				/>
-			))}
-		</div>
-	);
-}
-
-// ---------------------------------------------------------------------------
-// Browse Tab
-// ---------------------------------------------------------------------------
-
-function BrowseTab({
-	searchQuery,
-	onSearchQueryChange,
-	onSearch,
-	results,
-	loading,
-	error,
-	installingIds,
-	onInstall,
-	onViewDetail,
-}: {
-	searchQuery: string;
-	onSearchQueryChange: (q: string) => void;
-	onSearch: () => void;
-	results: MarketplaceExtension[];
-	loading: boolean;
-	error: string | null;
-	installingIds: Set<string>;
-	onInstall: (ext: MarketplaceExtension) => void;
-	onViewDetail: (ext: MarketplaceExtension) => void;
-}) {
-	const t = useScopedT("extensions");
-	return (
-		<div className="flex flex-col gap-3">
-			{/* Search */}
-			<div className="relative">
-				<Search className="absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground/70 pointer-events-none" />
-				<input
-					type="text"
-					placeholder={t("search.placeholder")}
-					value={searchQuery}
-					onChange={(e) => onSearchQueryChange(e.target.value)}
-					onKeyDown={(e) => {
-						e.stopPropagation();
-						if (e.key === "Enter") onSearch();
-					}}
-					className="w-full h-8 pl-8 pr-3 rounded-lg bg-foreground/[0.04] border border-foreground/[0.08] text-[12px] text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-[#2563EB]/50 focus:border-[#2563EB]/30 transition-colors"
-				/>
 			</div>
-
-			{/* Results */}
-			{loading && (
-				<div className="flex items-center justify-center py-10">
-					<Loader2 className="w-5 h-5 text-muted-foreground animate-spin" />
-				</div>
-			)}
-
-			{error && (
-				<div className="flex flex-col items-center gap-2 py-8">
-					<ShieldAlert className="w-5 h-5 text-red-400/60" />
-					<p className="text-[11px] text-red-400/80 text-center max-w-[200px]">{error}</p>
-					<Button
-						variant="ghost"
-						size="sm"
-						className="h-7 px-2.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-foreground/10"
-						onClick={onSearch}
-					>
-						{t("actions.retry")}
-					</Button>
-				</div>
-			)}
-
-			{!loading && !error && results.length === 0 && (
-				<div className="flex flex-col items-center gap-2 py-10">
-					<Search className="w-5 h-5 text-muted-foreground" />
-					<p className="text-[11px] text-muted-foreground text-center">
-						{searchQuery ? t("search.noResults") : t("search.noMarketplace")}
-					</p>
-				</div>
-			)}
-
-			{!loading && !error && results.length > 0 && (
-				<div className="flex flex-col gap-2">
-					<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground">
-						{results.length !== 1
-							? t("search.countPlural", undefined, { count: results.length })
-							: t("search.count", undefined, { count: results.length })}
-					</p>
-					{results.map((ext) => (
-						<MarketplaceCard
-							key={ext.id}
-							extension={ext}
-							isInstalling={installingIds.has(ext.id)}
-							onInstall={() => onInstall(ext)}
-							onClick={() => onViewDetail(ext)}
-						/>
-					))}
-				</div>
-			)}
 		</div>
 	);
 }
diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx
index 36e9c701e..5a6fa44a8 100644
--- a/src/components/video-editor/SettingsPanel.tsx
+++ b/src/components/video-editor/SettingsPanel.tsx
@@ -1406,7 +1406,7 @@ export function SettingsPanel({
 			setExtensionCursorPreviewUrls(Object.fromEntries(cursorPreviewEntries));
 		};
 
-		void extensionHost.autoActivateBuiltins().then(updateExtensionAssets);
+		void updateExtensionAssets();
 		const unsubscribe = extensionHost.onChange(() => {
 			void updateExtensionAssets();
 		});
diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index b19280bc4..4a5685a10 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -739,11 +739,6 @@ export default function VideoEditor() {
 		}
 	}, []);
 
-	// Auto-activate builtin extensions at editor startup (idempotent)
-	useEffect(() => {
-		extensionHost.autoActivateBuiltins();
-	}, []);
-
 	const [supportedMp4SourceDimensions, setSupportedMp4SourceDimensions] =
 		useState<SupportedMp4Dimensions>({
 			width: 1920,
diff --git a/src/hooks/useExtensions.ts b/src/hooks/useExtensions.ts
index 0f2c4754c..4b198cd63 100644
--- a/src/hooks/useExtensions.ts
+++ b/src/hooks/useExtensions.ts
@@ -1,41 +1,21 @@
-/**
- * useExtensions — React hook for managing extensions in the editor.
- *
- * Handles discovery, activation/deactivation, marketplace browsing,
- * downloading, and provides the extension host instance to components
- * that need render hooks.
- */
-
-import { useCallback, useEffect, useRef, useState } from "react";
 import type {
 	ExtensionInfo,
 	ExtensionReview,
 	MarketplaceReviewStatus,
 	MarketplaceSearchResult,
 } from "@/lib/extensions";
-import { extensionHost } from "@/lib/extensions";
-import { createExtensionModuleUrl } from "@/lib/extensions/fileUrls";
 
-const electronAPI = typeof window === "undefined" ? undefined : window.electronAPI;
+const UNAVAILABLE_ERROR = "Extensions are no longer available in Recordly.";
 
 export interface UseExtensionsResult {
-	/** All discovered extensions */
 	extensions: ExtensionInfo[];
-	/** Currently active extension IDs */
 	activeIds: Set<string>;
-	/** Whether initial discovery is complete */
 	ready: boolean;
-	/** Discover/refresh extensions from disk */
 	refresh: () => Promise<void>;
-	/** Toggle an extension on/off */
 	toggleExtension: (id: string) => Promise<void>;
-	/** Install an extension from a folder */
 	installFromFolder: () => Promise<boolean>;
-	/** Uninstall an extension */
 	uninstall: (id: string) => Promise<boolean>;
-	/** Open the extensions directory in Finder/Explorer */
 	openDirectory: () => Promise<void>;
-	/** Search the marketplace */
 	marketplaceSearch: (params: {
 		query?: string;
 		tags?: string[];
@@ -43,20 +23,16 @@ export interface UseExtensionsResult {
 		page?: number;
 		pageSize?: number;
 	}) => Promise<MarketplaceSearchResult>;
-	/** Download and install from marketplace */
 	marketplaceInstall: (
 		extensionId: string,
 		downloadUrl: string,
 	) => Promise<{ success: boolean; error?: string }>;
-	/** Submit extension for review */
 	marketplaceSubmit: (extensionId: string) => Promise<{ success: boolean; error?: string }>;
-	/** Fetch pending reviews (admin) */
 	fetchReviews: (params: {
 		status?: MarketplaceReviewStatus;
 		page?: number;
 		pageSize?: number;
 	}) => Promise<{ reviews: ExtensionReview[]; total: number }>;
-	/** Update review status (admin) */
 	updateReview: (
 		reviewId: string,
 		status: MarketplaceReviewStatus,
@@ -64,231 +40,27 @@ export interface UseExtensionsResult {
 	) => Promise<{ success: boolean }>;
 }
 
-export function useExtensions(): UseExtensionsResult {
-	const [extensions, setExtensions] = useState<ExtensionInfo[]>([]);
-	const [activeIds, setActiveIds] = useState<Set<string>>(new Set());
-	const [ready, setReady] = useState(false);
-	const activatingRef = useRef(new Set<string>());
-
-	const discoverAndSync = useCallback(async (): Promise<ExtensionInfo[]> => {
-		let discovered: ExtensionInfo[] = [];
-
-		try {
-			if (!electronAPI?.extensionsDiscover) {
-				setExtensions([]);
-				return [];
-			}
-
-			discovered = await electronAPI.extensionsDiscover();
-			setExtensions(discovered);
-			await extensionHost.syncConfiguredExtensions(discovered);
-
-			return discovered;
-		} catch (error) {
-			console.error("[extensions] Failed to discover extensions:", error);
-			return discovered;
-		} finally {
-			setReady(true);
-		}
-	}, []);
-
-	const refresh = useCallback(async () => {
-		await discoverAndSync();
-	}, [discoverAndSync]);
-
-	// Auto-discover on mount and restore extensions marked active.
-	useEffect(() => {
-		void discoverAndSync();
-	}, [discoverAndSync]);
-
-	// Sync activeIds with extension host (immediate + future changes)
-	useEffect(() => {
-		const sync = () => {
-			const active = extensionHost.getActiveExtensions();
-			setActiveIds(new Set(active.map((e) => e.manifest.id)));
-		};
-		// Immediately sync with any already-active extensions
-		sync();
-		return extensionHost.onChange(sync);
-	}, []);
-
-	const toggleExtension = useCallback(
-		async (id: string) => {
-			if (activatingRef.current.has(id)) return;
-			activatingRef.current.add(id);
-
-			try {
-				if (activeIds.has(id)) {
-					await extensionHost.deactivateExtension(id);
-					await electronAPI?.extensionsDisable(id);
-					setExtensions((prev) =>
-						prev.map((ext) =>
-							ext.manifest.id === id ? { ...ext, status: "disabled" } : ext,
-						),
-					);
-				} else {
-					const ext = extensions.find((e) => e.manifest.id === id);
-					if (!ext) return;
-
-					try {
-						await electronAPI?.extensionsEnable(id);
-
-						const moduleUrl = createExtensionModuleUrl(ext.path, ext.manifest.main);
-						await extensionHost.activateExtension(ext, moduleUrl);
-						setExtensions((prev) =>
-							prev.map((candidate) =>
-								candidate.manifest.id === id
-									? { ...candidate, status: "active" }
-									: candidate,
-							),
-						);
-					} catch (err) {
-						await electronAPI?.extensionsDisable(id);
-						setExtensions((prev) =>
-							prev.map((candidate) =>
-								candidate.manifest.id === id
-									? { ...candidate, status: "disabled" }
-									: candidate,
-							),
-						);
-						throw err;
-					}
-				}
-			} catch (err) {
-				console.error(`[extensions] Failed to toggle ${id}:`, err);
-			} finally {
-				activatingRef.current.delete(id);
-			}
-		},
-		[activeIds, extensions],
-	);
-
-	const installFromFolder = useCallback(async (): Promise<boolean> => {
-		if (!electronAPI?.extensionsInstallFromFolder) return false;
-		const result = await electronAPI.extensionsInstallFromFolder();
-		if (result?.success) {
-			const extensionId = result.extension?.manifest?.id;
-			if (typeof extensionId === "string") {
-				await electronAPI?.extensionsEnable(extensionId);
-			}
-			await discoverAndSync();
-			return true;
-		}
-		return false;
-	}, [discoverAndSync]);
-
-	const uninstall = useCallback(
-		async (id: string): Promise<boolean> => {
-			// Always deactivate — avoids stale closure over activeIds
-			await extensionHost.deactivateExtension(id);
-			if (!electronAPI?.extensionsUninstall) return false;
-			const result = await electronAPI.extensionsUninstall(id);
-			if (result?.success) {
-				await discoverAndSync();
-				return true;
-			}
-			return false;
-		},
-		[discoverAndSync],
-	);
-
-	const openDirectory = useCallback(async () => {
-		await electronAPI?.extensionsOpenDirectory();
-	}, []);
-
-	const marketplaceSearch = useCallback(
-		async (params: {
-			query?: string;
-			tags?: string[];
-			sort?: "popular" | "recent" | "rating";
-			page?: number;
-			pageSize?: number;
-		}): Promise<MarketplaceSearchResult> => {
-			if (!electronAPI?.extensionsMarketplaceSearch) {
-				return { extensions: [], total: 0, page: 1, pageSize: 20 };
-			}
-
-			const result = (await electronAPI.extensionsMarketplaceSearch(
-				params,
-			)) as MarketplaceSearchResult & {
-				error?: string;
-			};
-
-			if (result?.error) {
-				throw new Error(result.error);
-			}
-
-			return result;
-		},
-		[],
-	);
-
-	const marketplaceInstall = useCallback(
-		async (extensionId: string, downloadUrl: string) => {
-			if (!electronAPI?.extensionsMarketplaceInstall) {
-				return { success: false, error: "Not available" };
-			}
-			const result = await electronAPI.extensionsMarketplaceInstall(extensionId, downloadUrl);
-			if (result.success) {
-				await electronAPI?.extensionsEnable(extensionId);
-				await discoverAndSync();
-			}
-			return result;
-		},
-		[discoverAndSync],
-	);
-
-	const marketplaceSubmit = useCallback(async (extensionId: string) => {
-		if (!electronAPI?.extensionsMarketplaceSubmit) {
-			return { success: false, error: "Not available" };
-		}
-		return electronAPI.extensionsMarketplaceSubmit(extensionId);
-	}, []);
-
-	const fetchReviews = useCallback(
-		async (params: { status?: MarketplaceReviewStatus; page?: number; pageSize?: number }) => {
-			if (!electronAPI?.extensionsReviewsList) {
-				return { reviews: [] as ExtensionReview[], total: 0 };
-			}
-
-			const result = (await electronAPI.extensionsReviewsList(params)) as {
-				reviews: ExtensionReview[];
-				total: number;
-				error?: string;
-			};
-
-			if (result?.error) {
-				throw new Error(result.error);
-			}
-
-			return result;
-		},
-		[],
-	);
-
-	const updateReview = useCallback(
-		async (reviewId: string, status: MarketplaceReviewStatus, notes?: string) => {
-			if (!electronAPI?.extensionsReviewUpdate) {
-				return { success: false };
-			}
-			return electronAPI.extensionsReviewUpdate(reviewId, status, notes);
-		},
-		[],
-	);
+const unavailableResult = { success: false, error: UNAVAILABLE_ERROR } as const;
 
+export function useExtensions(): UseExtensionsResult {
 	return {
-		extensions,
-		activeIds,
-		ready,
-		refresh,
-		toggleExtension,
-		installFromFolder,
-		uninstall,
-		openDirectory,
-		marketplaceSearch,
-		marketplaceInstall,
-		marketplaceSubmit,
-		fetchReviews,
-		updateReview,
+		extensions: [],
+		activeIds: new Set(),
+		ready: true,
+		refresh: async () => undefined,
+		toggleExtension: async () => undefined,
+		installFromFolder: async () => false,
+		uninstall: async () => false,
+		openDirectory: async () => undefined,
+		marketplaceSearch: async (params) => ({
+			extensions: [],
+			total: 0,
+			page: params.page ?? 1,
+			pageSize: params.pageSize ?? 20,
+		}),
+		marketplaceInstall: async () => unavailableResult,
+		marketplaceSubmit: async () => unavailableResult,
+		fetchReviews: async () => ({ reviews: [], total: 0 }),
+		updateReview: async () => ({ success: false }),
 	};
 }
diff --git a/src/lib/extensions/extensionHost.ts b/src/lib/extensions/extensionHost.ts
index d0683e7e3..f0a69163e 100644
--- a/src/lib/extensions/extensionHost.ts
+++ b/src/lib/extensions/extensionHost.ts
@@ -1,15 +1,13 @@
 /**
- * Extension Host — Renderer Process
+ * Disabled extension-host compatibility surface.
  *
- * Manages the lifecycle of extensions in the renderer. Loads extension
- * modules, provides the permission-gated host API, and coordinates render hooks.
+ * The editor still calls several rendering and state methods while legacy
+ * extension contributions are phased out. Activation is deliberately blocked,
+ * so these methods remain empty unless old in-memory contributions are cleaned up.
  */
 
-import { createExtensionModuleUrl, resolveExtensionRelativeFileUrl } from "./fileUrls";
-import { resolveIconPath } from "./iconDraw";
 import type {
 	ContributedCursorStyle,
-	ContributedFrame,
 	ContributedWallpaper,
 	CursorEffectContext,
 	CursorEffectFn,
@@ -19,7 +17,6 @@ import type {
 	ExtensionInfo,
 	ExtensionSettingsPanel,
 	FrameInstance,
-	RecordlyExtensionAPI,
 	RecordlyExtensionModule,
 	RenderHookContext,
 	RenderHookFn,
@@ -28,58 +25,6 @@ import type {
 
 const EXTENSION_SETTINGS_STORAGE_KEY = "recordly.extension-settings.v1";
 
-// ---------------------------------------------------------------------------
-// Security: Hide electronAPI from extension code
-// ---------------------------------------------------------------------------
-// Extensions run via dynamic import() in the renderer's main world. Since
-// contextBridge.exposeInMainWorld puts electronAPI on window in the same
-// world, extensions could abuse it to read arbitrary files, open URLs, etc.
-// We replace the global with a Proxy that blocks access while extension code
-// is executing (import + activate). The reference is stashed so that only
-// app code (which runs outside of extension activation) can reach it.
-// ---------------------------------------------------------------------------
-
-let _extensionActivationDepth = 0;
-let _realElectronAPI: typeof window.electronAPI | undefined;
-
-function installElectronAPIGuard(): void {
-	if (typeof window === "undefined" || _realElectronAPI !== undefined) return;
-
-	const real = window.electronAPI;
-	if (!real) return;
-
-	_realElectronAPI = real;
-
-	const proxy = new Proxy(real, {
-		get(target, prop, receiver) {
-			if (_extensionActivationDepth > 0) {
-				console.warn(
-					`[extensions] Blocked extension access to electronAPI.${String(prop)}`,
-				);
-				return undefined;
-			}
-			return Reflect.get(target, prop, receiver);
-		},
-	});
-
-	// contextBridge.exposeInMainWorld creates a non-configurable property on
-	// window.  Attempting Object.defineProperty on it throws "Cannot redefine
-	// property: electronAPI" which crashes the renderer (and makes the
-	// transparent HUD window invisible).  Only redefine when the descriptor
-	// allows it; otherwise the proxy is still used internally via
-	// _realElectronAPI so app code keeps working.
-	const desc = Object.getOwnPropertyDescriptor(window, "electronAPI");
-	if (!desc || desc.configurable) {
-		Object.defineProperty(window, "electronAPI", {
-			value: proxy,
-			writable: false,
-			configurable: false,
-		});
-	}
-}
-
-installElectronAPIGuard();
-
 interface RegisteredRenderHook {
 	extensionId: string;
 	phase: RenderHookPhase;
@@ -146,44 +91,10 @@ export class ExtensionHost {
 	private listeners = new Set<() => void>();
 	private fullSettingsStore: Record<string, Record<string, unknown>> | null = null;
 	private persistTimeout: ReturnType<typeof setTimeout> | null = null;
-	private iconPathCache = new Map<string, Path2D>();
 
-	// Shared playback/project state — set by the app, queried by extensions
+	// Retained for the editor's existing video-info query path.
 	private _videoInfo: { width: number; height: number; durationMs: number; fps: number } | null =
 		null;
-	private _videoLayout: {
-		maskRect: { x: number; y: number; width: number; height: number };
-		canvasWidth: number;
-		canvasHeight: number;
-		borderRadius: number;
-		padding: number | { top: number; right: number; bottom: number; left: number };
-	} | null = null;
-	private _zoomState: { scale: number; focusX: number; focusY: number; progress: number } | null =
-		null;
-	private _shadowConfig: { enabled: boolean; intensity: number } = {
-		enabled: false,
-		intensity: 0,
-	};
-	private _cursorTelemetry: Array<{
-		timeMs: number;
-		cx: number;
-		cy: number;
-		interactionType?: string;
-		pressure?: number;
-	}> = [];
-	private _smoothedCursor: {
-		timeMs: number;
-		cx: number;
-		cy: number;
-		trail: Array<{ cx: number; cy: number }>;
-	} | null = null;
-	private _keystrokeEvents: Array<{ timeMs: number; key: string; modifiers: string[] }> = [];
-	private _activeFrame: string | null = null;
-	private _playbackState: {
-		currentTimeMs: number;
-		durationMs: number;
-		isPlaying: boolean;
-	} | null = null;
 
 	constructor() {
 		if (typeof window !== "undefined") {
@@ -197,66 +108,8 @@ export class ExtensionHost {
 	 * Activate an extension given its info and resolved module URL.
 	 */
 	async activateExtension(info: ExtensionInfo, moduleUrl: string): Promise<void> {
-		if (this.activeExtensions.has(info.manifest.id)) {
-			// Deactivate stale instance first so reinstall/reload works
-			await this.deactivateExtension(info.manifest.id);
-		}
-
-		const disposables: (() => void)[] = [];
-		let mod: RecordlyExtensionModule | null = null;
-		try {
-			this.ensureExtensionSettingsLoaded(info.manifest.id);
-
-			// Block electronAPI access while extension code executes
-			_extensionActivationDepth++;
-			try {
-				const loaded: RecordlyExtensionModule = await import(/* @vite-ignore */ moduleUrl);
-				mod = loaded;
-				const api = this.createAPI(
-					info.manifest.id,
-					info.path,
-					info.manifest.permissions ?? [],
-					disposables,
-				);
-
-				await loaded.activate(api);
-			} finally {
-				_extensionActivationDepth--;
-			}
-
-			if (!mod) {
-				throw new Error("Extension module failed to load");
-			}
-
-			this.activeExtensions.set(info.manifest.id, {
-				info,
-				module: mod,
-				disposables,
-			});
-
-			this.notifyListeners();
-			console.log(`[extensions] Activated: ${info.manifest.name} v${info.manifest.version}`);
-		} catch (err) {
-			for (const dispose of disposables.reverse()) {
-				try {
-					dispose();
-				} catch {
-					/* ignore */
-				}
-			}
-
-			if (mod) {
-				try {
-					await mod.deactivate?.();
-				} catch {
-					/* ignore */
-				}
-			}
-
-			this.notifyListeners();
-			console.error(`[extensions] Failed to activate ${info.manifest.id}:`, err);
-			throw err;
-		}
+		void moduleUrl;
+		throw new Error(`Extensions are no longer available in Recordly (${info.manifest.id}).`);
 	}
 
 	/**
@@ -440,7 +293,7 @@ export class ExtensionHost {
 	}
 
 	// ---------------------------------------------------------------------------
-	// Shared State — set by the app, read by extensions via API
+	// Legacy shared-state setters retained until their editor call sites are removed.
 	// ---------------------------------------------------------------------------
 
 	setVideoInfo(
@@ -458,40 +311,17 @@ export class ExtensionHost {
 			padding: number | { top: number; right: number; bottom: number; left: number };
 		} | null,
 	): void {
-		if (!layout) {
-			this._videoLayout = null;
-			return;
-		}
-
-		// Normalize and deep clone padding to exclude UI-only fields like 'linked'
-		const p = layout.padding;
-		const normalizedPadding =
-			typeof p === "number"
-				? p
-				: {
-						top: Number(p.top) || 0,
-						right: Number(p.right) || 0,
-						bottom: Number(p.bottom) || 0,
-						left: Number(p.left) || 0,
-					};
-
-		this._videoLayout = {
-			maskRect: { ...layout.maskRect },
-			canvasWidth: layout.canvasWidth,
-			canvasHeight: layout.canvasHeight,
-			borderRadius: layout.borderRadius,
-			padding: normalizedPadding,
-		};
+		void layout;
 	}
 
 	setZoomState(
 		state: { scale: number; focusX: number; focusY: number; progress: number } | null,
 	): void {
-		this._zoomState = state;
+		void state;
 	}
 
 	setShadowConfig(config: { enabled: boolean; intensity: number }): void {
-		this._shadowConfig = config;
+		void config;
 	}
 
 	setCursorTelemetry(
@@ -503,7 +333,7 @@ export class ExtensionHost {
 			pressure?: number;
 		}>,
 	): void {
-		this._cursorTelemetry = telemetry;
+		void telemetry;
 	}
 
 	setSmoothedCursor(
@@ -514,28 +344,21 @@ export class ExtensionHost {
 			trail: Array<{ cx: number; cy: number }>;
 		} | null,
 	): void {
-		this._smoothedCursor = cursor
-			? {
-					timeMs: cursor.timeMs,
-					cx: cursor.cx,
-					cy: cursor.cy,
-					trail: cursor.trail.map((point) => ({ ...point })),
-				}
-			: null;
+		void cursor;
 	}
 
 	setKeystrokeEvents(events: Array<{ timeMs: number; key: string; modifiers: string[] }>): void {
-		this._keystrokeEvents = events;
+		void events;
 	}
 
 	setActiveFrame(frameId: string | null): void {
-		this._activeFrame = frameId;
+		void frameId;
 	}
 
 	setPlaybackState(
 		state: { currentTimeMs: number; durationMs: number; isPlaying: boolean } | null,
 	): void {
-		this._playbackState = state;
+		void state;
 	}
 
 	// ---------------------------------------------------------------------------
@@ -637,438 +460,9 @@ export class ExtensionHost {
 		this.writePersistedSettingsStore(this.getFullSettingsStore());
 	}
 
-	/**
-	 * Create the permission-gated API object for an extension.
-	 */
-	private createAPI(
-		extensionId: string,
-		extensionPath: string,
-		permissions: string[],
-		disposables: (() => void)[],
-	): RecordlyExtensionAPI {
-		const host = this;
-		const perms = new Set(permissions);
-
-		function requirePermission(perm: string, method: string): void {
-			if (!perms.has(perm)) {
-				throw new Error(
-					`Extension '${extensionId}' lacks '${perm}' permission required for ${method}()`,
-				);
-			}
-		}
-
-		function getEventPermission(
-			event: ExtensionEventType,
-		): "cursor" | "timeline" | "export" | null {
-			if (event.startsWith("cursor:")) {
-				return "cursor";
-			}
-
-			if (event.startsWith("playback:") || event.startsWith("timeline:")) {
-				return "timeline";
-			}
-
-			if (event.startsWith("export:")) {
-				return "export";
-			}
-
-			return null;
-		}
-
-		return {
-			registerRenderHook(phase: RenderHookPhase, hook: RenderHookFn): () => void {
-				requirePermission("render", "registerRenderHook");
-				const entry: RegisteredRenderHook = { extensionId, phase, hook };
-				host.renderHooks.push(entry);
-
-				const dispose = () => {
-					const index = host.renderHooks.indexOf(entry);
-					if (index >= 0) host.renderHooks.splice(index, 1);
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			registerCursorEffect(effect: CursorEffectFn): () => void {
-				requirePermission("cursor", "registerCursorEffect");
-				const entry: RegisteredCursorEffect = { extensionId, effect };
-				host.cursorEffects.push(entry);
-
-				const dispose = () => {
-					const index = host.cursorEffects.indexOf(entry);
-					if (index >= 0) host.cursorEffects.splice(index, 1);
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			registerFrame(frame: ContributedFrame): () => void {
-				requirePermission("ui", "registerFrame");
-				const resolveFramePath = (relativePath: string): string =>
-					resolveExtensionRelativeFileUrl(extensionPath, relativePath);
-
-				let filePath: string;
-				if (frame.draw) {
-					// Generate a small thumbnail for the picker UI
-					const thumbW = 192;
-					const thumbH = 108;
-					const c = document.createElement("canvas");
-					c.width = thumbW;
-					c.height = thumbH;
-					const ctx = c.getContext("2d");
-					if (ctx) frame.draw(ctx, thumbW, thumbH);
-					filePath = c.toDataURL("image/png");
-				} else if (frame.dataUrl) {
-					filePath = frame.dataUrl;
-				} else if (frame.file) {
-					filePath = resolveFramePath(frame.file);
-				} else {
-					throw new Error("Device frame must provide either draw, file, or dataUrl");
-				}
-
-				let thumbnailPath = filePath;
-				if (frame.thumbnail) {
-					thumbnailPath = resolveFramePath(frame.thumbnail);
-				}
-
-				const instance: FrameInstance = {
-					id: `${extensionId}/${frame.id}`,
-					extensionId,
-					label: frame.label,
-					category: frame.category,
-					filePath,
-					thumbnailPath,
-					screenInsets: frame.screenInsets,
-					appearance: frame.appearance,
-					draw: frame.draw,
-				};
-				host.frames.push(instance);
-				host.notifyListeners();
-
-				const dispose = () => {
-					const index = host.frames.indexOf(instance);
-					if (index >= 0) host.frames.splice(index, 1);
-					host.notifyListeners();
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			registerWallpaper(wallpaper: ContributedWallpaper): () => void {
-				requirePermission("assets", "registerWallpaper");
-				const resolvedUrl = resolveExtensionRelativeFileUrl(extensionPath, wallpaper.file);
-				const resolvedThumbnailUrl = wallpaper.thumbnail
-					? resolveExtensionRelativeFileUrl(extensionPath, wallpaper.thumbnail)
-					: resolvedUrl;
-				const entry: RegisteredWallpaper = {
-					id: `${extensionId}/${wallpaper.id}`,
-					extensionId,
-					wallpaper,
-					resolvedUrl,
-					resolvedThumbnailUrl,
-				};
-				host.wallpapers.push(entry);
-				host.notifyListeners();
-
-				const dispose = () => {
-					const index = host.wallpapers.indexOf(entry);
-					if (index >= 0) host.wallpapers.splice(index, 1);
-					host.notifyListeners();
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			registerCursorStyle(cursorStyle: ContributedCursorStyle): () => void {
-				requirePermission("assets", "registerCursorStyle");
-				const resolvedDefaultUrl = resolveExtensionRelativeFileUrl(
-					extensionPath,
-					cursorStyle.defaultImage,
-				);
-				const resolvedClickUrl = cursorStyle.clickImage
-					? resolveExtensionRelativeFileUrl(extensionPath, cursorStyle.clickImage)
-					: undefined;
-				const entry: RegisteredCursorStyle = {
-					id: `${extensionId}/${cursorStyle.id}`,
-					extensionId,
-					cursorStyle,
-					resolvedDefaultUrl,
-					resolvedClickUrl,
-				};
-				host.cursorStyles.push(entry);
-				host.notifyListeners();
-
-				const dispose = () => {
-					const index = host.cursorStyles.indexOf(entry);
-					if (index >= 0) host.cursorStyles.splice(index, 1);
-					host.notifyListeners();
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			on(event: ExtensionEventType, handler: ExtensionEventHandler): () => void {
-				const requiredPermission = getEventPermission(event);
-				if (requiredPermission) {
-					requirePermission(requiredPermission, `on(${event})`);
-				}
-
-				if (!host.eventHandlers.has(event)) {
-					host.eventHandlers.set(event, []);
-				}
-				const entry = { extensionId, handler };
-				host.eventHandlers.get(event)!.push(entry);
-
-				const dispose = () => {
-					const list = host.eventHandlers.get(event);
-					if (!list) return;
-					const index = list.indexOf(entry);
-					if (index >= 0) list.splice(index, 1);
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			registerSettingsPanel(panel: ExtensionSettingsPanel): () => void {
-				requirePermission("ui", "registerSettingsPanel");
-				const entry: RegisteredSettingsPanel = { extensionId, panel };
-				host.settingsPanels.push(entry);
-				host.notifyListeners();
-
-				const dispose = () => {
-					const index = host.settingsPanels.indexOf(entry);
-					if (index >= 0) host.settingsPanels.splice(index, 1);
-					host.notifyListeners();
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			getSetting(settingId: string): unknown {
-				host.ensureExtensionSettingsLoaded(extensionId);
-				return host.extensionSettings.get(extensionId)?.[settingId];
-			},
-
-			setSetting(settingId: string, value: unknown): void {
-				host.ensureExtensionSettingsLoaded(extensionId);
-				host.extensionSettings.get(extensionId)![settingId] = value;
-				host.persistExtensionSettings(extensionId);
-				// Notify per-extension setting change listeners
-				const cbs = host.settingChangeCallbacks.get(extensionId);
-				if (cbs) {
-					for (const cb of cbs) {
-						try {
-							cb(settingId, value);
-						} catch {
-							/* ignore */
-						}
-					}
-				}
-				host.notifyListeners();
-			},
-
-			resolveAsset(relativePath: string): string {
-				requirePermission("assets", "resolveAsset");
-				return resolveExtensionRelativeFileUrl(extensionPath, relativePath);
-			},
-
-			playSound(relativePath: string, options?: { volume?: number }): () => void {
-				requirePermission("audio", "playSound");
-				const audio = new Audio(
-					resolveExtensionRelativeFileUrl(extensionPath, relativePath),
-				);
-				audio.volume = Math.max(0, Math.min(1, options?.volume ?? 1));
-				audio.play().catch((err) => {
-					console.warn(`[ext:${extensionId}] Failed to play sound:`, err);
-				});
-				return () => {
-					audio.pause();
-					audio.src = "";
-				};
-			},
-
-			log(message: string, ...args: unknown[]): void {
-				console.log(`[ext:${extensionId}]`, message, ...args);
-			},
-
-			// ----------------------------------------------------------------
-			// Query APIs
-			// ----------------------------------------------------------------
-
-			getVideoInfo() {
-				return host._videoInfo ? { ...host._videoInfo } : null;
-			},
-
-			getVideoLayout() {
-				if (!host._videoLayout) return null;
-				const p = host._videoLayout.padding;
-				return {
-					maskRect: { ...host._videoLayout.maskRect },
-					canvasWidth: host._videoLayout.canvasWidth,
-					canvasHeight: host._videoLayout.canvasHeight,
-					borderRadius: host._videoLayout.borderRadius,
-					padding: typeof p === "number" ? p : { ...p },
-				};
-			},
-
-			getCursorAt(timeMs: number) {
-				const t = host._cursorTelemetry;
-				if (!t || t.length === 0) return null;
-
-				if (timeMs <= t[0].timeMs) return { ...t[0], timeMs };
-				if (timeMs >= t[t.length - 1].timeMs) return { ...t[t.length - 1], timeMs };
-
-				let lo = 0;
-				let hi = t.length - 1;
-				while (lo < hi - 1) {
-					const mid = (lo + hi) >> 1;
-					if (t[mid].timeMs <= timeMs) {
-						lo = mid;
-					} else {
-						hi = mid;
-					}
-				}
-
-				const a = t[lo];
-				const b = t[hi];
-				const span = b.timeMs - a.timeMs;
-				const frac = span > 0 ? (timeMs - a.timeMs) / span : 0;
-
-				return {
-					...a,
-					cx: a.cx + (b.cx - a.cx) * frac,
-					cy: a.cy + (b.cy - a.cy) * frac,
-					timeMs,
-				};
-			},
-
-			getSmoothedCursor() {
-				if (!host._smoothedCursor) {
-					return null;
-				}
-
-				return {
-					timeMs: host._smoothedCursor.timeMs,
-					cx: host._smoothedCursor.cx,
-					cy: host._smoothedCursor.cy,
-					trail: host._smoothedCursor.trail.map((point) => ({ ...point })),
-				};
-			},
-
-			getZoomState() {
-				return host._zoomState ? { ...host._zoomState } : null;
-			},
-
-			getShadowConfig() {
-				return { ...host._shadowConfig };
-			},
-
-			getKeystrokesInRange(startMs: number, endMs: number) {
-				return host._keystrokeEvents
-					.filter((e) => e.timeMs >= startMs && e.timeMs <= endMs)
-					.map((e) => ({ ...e }));
-			},
-
-			getAspectRatio() {
-				if (!host._videoLayout) return null;
-				return host._videoLayout.canvasWidth / host._videoLayout.canvasHeight;
-			},
-
-			getActiveFrame() {
-				return host._activeFrame;
-			},
-
-			isExtensionActive(extId: string) {
-				return host.activeExtensions.has(extId);
-			},
-
-			getPlaybackState() {
-				return host._playbackState ? { ...host._playbackState } : null;
-			},
-
-			getCanvasDimensions() {
-				if (!host._videoLayout) return null;
-				return {
-					width: host._videoLayout.canvasWidth,
-					height: host._videoLayout.canvasHeight,
-				};
-			},
-
-			drawIcon(
-				ctx: CanvasRenderingContext2D,
-				name: string,
-				x: number,
-				y: number,
-				size: number,
-				color: string,
-				weight: "thin" | "light" | "regular" | "bold" | "fill" = "regular",
-			): void {
-				const path = resolveIconPath(name, weight, host.iconPathCache);
-
-				if (path) {
-					ctx.save();
-					ctx.translate(x, y);
-					const scale = size / 256; // Phosphor icons use a 256x256 grid
-					ctx.scale(scale, scale);
-					ctx.translate(-128, -128); // Center the icon
-					ctx.fillStyle = color;
-					ctx.fill(path);
-					ctx.restore();
-				}
-			},
-
-			onSettingChange(callback: (settingId: string, value: unknown) => void): () => void {
-				if (!host.settingChangeCallbacks.has(extensionId)) {
-					host.settingChangeCallbacks.set(extensionId, new Set());
-				}
-				host.settingChangeCallbacks.get(extensionId)!.add(callback);
-
-				const dispose = () => {
-					const cbs = host.settingChangeCallbacks.get(extensionId);
-					if (cbs) {
-						cbs.delete(callback);
-						if (cbs.size === 0) host.settingChangeCallbacks.delete(extensionId);
-					}
-				};
-				disposables.push(dispose);
-				return dispose;
-			},
-
-			getAllSettings(): Record<string, unknown> {
-				host.ensureExtensionSettingsLoaded(extensionId);
-				return { ...(host.extensionSettings.get(extensionId) ?? {}) };
-			},
-		};
-	}
-
 	async syncConfiguredExtensions(discovered: ExtensionInfo[]): Promise<void> {
-		const desired = new Map(
-			discovered
-				.filter((ext) => ext.status === "active")
-				.map((ext) => [ext.manifest.id, ext]),
-		);
-
-		for (const activeId of Array.from(this.activeExtensions.keys())) {
-			if (!desired.has(activeId)) {
-				await this.deactivateExtension(activeId);
-			}
-		}
-
-		for (const ext of discovered) {
-			if (ext.status !== "active" || this.activeExtensions.has(ext.manifest.id)) {
-				continue;
-			}
-
-			try {
-				const moduleUrl = createExtensionModuleUrl(ext.path, ext.manifest.main);
-				await this.activateExtension(ext, moduleUrl);
-			} catch (err) {
-				console.error(
-					`[extensions] Failed to activate configured extension ${ext.manifest.id}:`,
-					err,
-				);
-			}
-		}
+		void discovered;
+		await this.deactivateAll();
 	}
 
 	// ---------------------------------------------------------------------------
@@ -1082,20 +476,7 @@ export class ExtensionHost {
 	 * the discovery/activation sequence once no matter how many callers invoke it.
 	 */
 	autoActivateBuiltins(): Promise<void> {
-		if (this._autoActivatePromise) return this._autoActivatePromise;
-
-		this._autoActivatePromise = (async () => {
-			// Use the real (unproxied) reference — this is app code, not extension code
-			const api = _realElectronAPI ?? window.electronAPI;
-			if (!api?.extensionsDiscover) return;
-			try {
-				const discovered: ExtensionInfo[] = await api.extensionsDiscover();
-				await this.syncConfiguredExtensions(discovered);
-			} catch (err) {
-				console.error("[extensions] Failed to discover extensions:", err);
-			}
-		})();
-
+		this._autoActivatePromise ??= Promise.resolve();
 		return this._autoActivatePromise;
 	}
 }

From c13703b9df9cb08d3aacf596778727b1822d61a9 Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Fri, 28 Aug 2026 09:54:11 +1000
Subject: [PATCH 2/7] Tighten React hook dependencies

---
 src/App.tsx                                   |   2 +-
 src/components/launch/SourceSelector.tsx      |  21 +-
 src/components/video-editor/VideoPlayback.tsx |  22 +-
 .../audio/useSourceAudioTrackSettings.ts      | 207 +++++++++---------
 .../components/waveform/AudioWaveform.tsx     |  13 +-
 5 files changed, 142 insertions(+), 123 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9e1f4e4c5..513320f4f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -47,7 +47,7 @@ export default function App() {
 		loadAllCustomFonts().catch((error) => {
 			console.error("Failed to load custom fonts:", error);
 		});
-	}, []);
+	}, [isMacOS]);
 
 	useEffect(() => {
 		document.title =
diff --git a/src/components/launch/SourceSelector.tsx b/src/components/launch/SourceSelector.tsx
index baa4da59d..dcbde5ed2 100644
--- a/src/components/launch/SourceSelector.tsx
+++ b/src/components/launch/SourceSelector.tsx
@@ -42,7 +42,7 @@ export function MarqueeText({ text }: { text: string }) {
 
 	useLayoutEffect(() => {
 		const node = staticRef.current;
-		if (!node) return;
+		if (!node || node.textContent !== text) return;
 		const checkOverflow = () => {
 			setOverflowing(node.scrollWidth > node.clientWidth + 1);
 		};
@@ -81,7 +81,10 @@ export const SourceSelectorContent = ({
 	selectedSource = "Screen",
 	loading = false,
 	onSourceSelect = () => undefined,
-}: Pick<SourceSelectorProps, "screenSources" | "windowSources" | "selectedSource" | "loading" | "onSourceSelect">) => {
+}: Pick<
+	SourceSelectorProps,
+	"screenSources" | "windowSources" | "selectedSource" | "loading" | "onSourceSelect"
+>) => {
 	const t = useScopedT("launch");
 	const renderSourceItem = (source: DesktopSource, index: number) => {
 		const isSelected = selectedSource === source.name;
@@ -116,12 +119,14 @@ export const SourceSelectorContent = ({
 					)}
 				</div>
 
-					<div className="flex-1 min-w-0 flex flex-col items-start text-left">
+				<div className="flex-1 min-w-0 flex flex-col items-start text-left">
 					<div className="text-sm font-medium source-selector-text w-full">
 						<MarqueeText text={source.windowTitle || source.name} />
 					</div>
 					<div className="text-xs source-selector-subtle truncate w-full text-left">
-						{source.sourceType === "screen" ? t("recording.screen") : t("recording.window")}
+						{source.sourceType === "screen"
+							? t("recording.screen")
+							: t("recording.window")}
 					</div>
 				</div>
 			</button>
@@ -156,7 +161,9 @@ export const SourceSelectorContent = ({
 								</span>
 							</div>
 							<div className="space-y-0.5">
-								{screenSources.map((source, index) => renderSourceItem(source, index))}
+								{screenSources.map((source, index) =>
+									renderSourceItem(source, index),
+								)}
 							</div>
 						</div>
 					) : null}
@@ -166,7 +173,9 @@ export const SourceSelectorContent = ({
 								{t("recording.windows")}
 							</div>
 							<div className="space-y-0.5">
-								{windowSources.map((source, index) => renderSourceItem(source, index))}
+								{windowSources.map((source, index) =>
+									renderSourceItem(source, index),
+								)}
 							</div>
 						</div>
 					) : null}
diff --git a/src/components/video-editor/VideoPlayback.tsx b/src/components/video-editor/VideoPlayback.tsx
index 52e9fa43c..82b3c5c76 100644
--- a/src/components/video-editor/VideoPlayback.tsx
+++ b/src/components/video-editor/VideoPlayback.tsx
@@ -1260,7 +1260,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			const nextVolume = Math.max(0, Math.min(1, volume));
 			video.volume = nextVolume;
 			video.muted = nextVolume <= 0.001;
-		}, [volume, videoPath]);
+		}, [volume]);
 
 		useEffect(() => {
 			layoutVideoContentRef.current = layoutVideoContent;
@@ -1362,12 +1362,12 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			return () => {
 				cancelled = true;
 			};
-		}, [aspectRatio, borderRadius, cropRegion, frame, frameUpdateCounter, padding]);
+		}, [frame, frameUpdateCounter]);
 
 		// Always re-run geometric layout when layout props change, even if frame sprite isn't reloaded.
 		useEffect(() => {
-			layoutVideoContentRef.current?.();
-		}, [aspectRatio, borderRadius, cropRegion, padding]);
+			layoutVideoContent();
+		}, [layoutVideoContent]);
 
 		const selectedZoom = useMemo(() => {
 			if (!selectedZoomId) return null;
@@ -1545,6 +1545,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 
 		useEffect(() => {
 			suspendRenderingRef.current = suspendRendering;
+			if (!pixiReady) return;
 			const app = appRef.current;
 			if (!app?.ticker) {
 				return;
@@ -1656,6 +1657,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		}, [speedRegions]);
 
 		useEffect(() => {
+			if (!pixiReady) return;
 			const videoEffectsContainer = videoEffectsContainerRef.current;
 			const zoomBlurFilter = zoomBlurFilterRef.current;
 			const motionBlurFilter = motionBlurFilterRef.current;
@@ -1783,7 +1785,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			motionBlurStateRef.current = createMotionBlurState();
 			videoEffectsContainer.filters =
 				zoomMotionBlur > 0 ? [motionBlurFilter, zoomBlurFilter] : null;
-		}, [videoPath, zoomMotionBlur]);
+		}, [zoomMotionBlur]);
 
 		useEffect(() => {
 			zoomMotionBlurTuningRef.current = zoomMotionBlurTuning;
@@ -1905,7 +1907,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 					}
 				});
 			});
-		}, [pixiReady, videoReady, layoutVideoContent, cropRegion]);
+		}, [pixiReady, videoReady, layoutVideoContent]);
 
 		useEffect(() => {
 			if (!pixiReady || !videoReady) return;
@@ -2013,11 +2015,13 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			syncWebcamMedia();
 		}, [syncWebcamMedia]);
 
+		// biome-ignore lint/correctness/useExhaustiveDependencies: The media path intentionally triggers source-specific state reset.
 		useEffect(() => {
 			setWebcamVideoDimensions(null);
 			lastWebcamSyncTimeRef.current = null;
 		}, [webcamVideoPath]);
 
+		// biome-ignore lint/correctness/useExhaustiveDependencies: The wallpaper identity intentionally resets media synchronization.
 		useEffect(() => {
 			lastBackgroundSyncTimeRef.current = null;
 		}, [wallpaper]);
@@ -2171,8 +2175,9 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				cursorContainerRef.current = null;
 				videoSpriteRef.current = null;
 			};
-		}, [initializePixiRenderer, onError]);
+		}, [initializePixiRenderer, onError, syncPreviewMotionBlurQuality]);
 
+		// biome-ignore lint/correctness/useExhaustiveDependencies: A new media path must reset the persistent video element.
 		useEffect(() => {
 			const video = videoRef.current;
 			if (!video) return;
@@ -2273,7 +2278,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 
 				videoSpriteRef.current = null;
 			};
-		}, [pixiReady, videoReady, onTimeUpdate, updateOverlayForRegion]);
+		}, [layoutVideoContent, onPlayStateChange, onTimeUpdate, pixiReady, videoReady]);
 
 		useEffect(() => {
 			if (!pixiReady || !videoReady) return;
@@ -2650,7 +2655,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		}, [
 			pixiReady,
 			videoReady,
-			clampFocusToStage,
 			applyWebcamBubbleLayout,
 			borderRadius,
 			padding,
diff --git a/src/components/video-editor/audio/useSourceAudioTrackSettings.ts b/src/components/video-editor/audio/useSourceAudioTrackSettings.ts
index 9f126853d..c1a96d4cc 100644
--- a/src/components/video-editor/audio/useSourceAudioTrackSettings.ts
+++ b/src/components/video-editor/audio/useSourceAudioTrackSettings.ts
@@ -5,110 +5,115 @@ import type {
 } from "@/components/video-editor/audio/audioTypes";
 
 interface UseSourceAudioTrackSettingsParams {
-  selectedClipId: string | null;
-  activeClipId: string | null;
-  sourceAudioTrackSettingsByClip: Record<string, SourceAudioTrackSettings>;
-  setSourceAudioTrackSettingsByClip: React.Dispatch<
-    React.SetStateAction<Record<string, SourceAudioTrackSettings>>
-  >;
-  defaultSourceAudioTrackSettings: SourceAudioTrackSettings;
-  setDefaultSourceAudioTrackSettings: React.Dispatch<React.SetStateAction<SourceAudioTrackSettings>>;
+	selectedClipId: string | null;
+	activeClipId: string | null;
+	sourceAudioTrackSettingsByClip: Record<string, SourceAudioTrackSettings>;
+	setSourceAudioTrackSettingsByClip: React.Dispatch<
+		React.SetStateAction<Record<string, SourceAudioTrackSettings>>
+	>;
+	defaultSourceAudioTrackSettings: SourceAudioTrackSettings;
+	setDefaultSourceAudioTrackSettings: React.Dispatch<
+		React.SetStateAction<SourceAudioTrackSettings>
+	>;
 }
 
 export interface UseSourceAudioTrackSettingsResult {
-  sourceAudioTrackMeta: SourceAudioTrackMeta;
-  activeSourceAudioTrackSettings: SourceAudioTrackSettings;
-  selectedClipSourceAudioTrackSettings: SourceAudioTrackSettings;
-  getSourceAudioTrackSettingsForClip: (clipId: string | null) => SourceAudioTrackSettings;
-  onSourceAudioTracksMetaChange: (tracks: SourceAudioTrackMeta) => void;
-  onSelectedClipSourceAudioTrackVolumeChange: (id: string, volume: number) => void;
-  onSelectedClipSourceAudioTrackNormalizeChange: (id: string, normalize: boolean) => void;
+	sourceAudioTrackMeta: SourceAudioTrackMeta;
+	activeSourceAudioTrackSettings: SourceAudioTrackSettings;
+	selectedClipSourceAudioTrackSettings: SourceAudioTrackSettings;
+	getSourceAudioTrackSettingsForClip: (clipId: string | null) => SourceAudioTrackSettings;
+	onSourceAudioTracksMetaChange: (tracks: SourceAudioTrackMeta) => void;
+	onSelectedClipSourceAudioTrackVolumeChange: (id: string, volume: number) => void;
+	onSelectedClipSourceAudioTrackNormalizeChange: (id: string, normalize: boolean) => void;
 }
 
 function isSameTrackMeta(left: SourceAudioTrackMeta, right: SourceAudioTrackMeta): boolean {
-  if (left.length !== right.length) return false;
-  for (let index = 0; index < left.length; index += 1) {
-    const leftTrack = left[index];
-    const rightTrack = right[index];
-    if (!leftTrack || !rightTrack) return false;
-    if (leftTrack.id !== rightTrack.id || leftTrack.label !== rightTrack.label) {
-      return false;
-    }
-  }
-  return true;
+	if (left.length !== right.length) return false;
+	for (let index = 0; index < left.length; index += 1) {
+		const leftTrack = left[index];
+		const rightTrack = right[index];
+		if (!leftTrack || !rightTrack) return false;
+		if (leftTrack.id !== rightTrack.id || leftTrack.label !== rightTrack.label) {
+			return false;
+		}
+	}
+	return true;
 }
 
 export function useSourceAudioTrackSettings({
-  selectedClipId,
-  activeClipId,
-  sourceAudioTrackSettingsByClip,
-  setSourceAudioTrackSettingsByClip,
-  defaultSourceAudioTrackSettings,
-  setDefaultSourceAudioTrackSettings,
+	selectedClipId,
+	activeClipId,
+	sourceAudioTrackSettingsByClip,
+	setSourceAudioTrackSettingsByClip,
+	defaultSourceAudioTrackSettings,
+	setDefaultSourceAudioTrackSettings,
 }: UseSourceAudioTrackSettingsParams): UseSourceAudioTrackSettingsResult {
-  const [sourceAudioTrackMeta, setSourceAudioTrackMeta] = useState<SourceAudioTrackMeta>([]);
+	const [sourceAudioTrackMeta, setSourceAudioTrackMeta] = useState<SourceAudioTrackMeta>([]);
 
-  const activeSourceAudioTrackSettings = useMemo(() => {
-    if (!activeClipId) {
-      return defaultSourceAudioTrackSettings;
-    }
-    return {
-      ...defaultSourceAudioTrackSettings,
-      ...(sourceAudioTrackSettingsByClip[activeClipId] ?? {}),
-    };
-  }, [activeClipId, defaultSourceAudioTrackSettings, sourceAudioTrackSettingsByClip]);
+	const activeSourceAudioTrackSettings = useMemo(() => {
+		if (!activeClipId) {
+			return defaultSourceAudioTrackSettings;
+		}
+		return {
+			...defaultSourceAudioTrackSettings,
+			...(sourceAudioTrackSettingsByClip[activeClipId] ?? {}),
+		};
+	}, [activeClipId, defaultSourceAudioTrackSettings, sourceAudioTrackSettingsByClip]);
 
-  const selectedClipSourceAudioTrackSettings = useMemo(() => {
-    if (!selectedClipId) {
-      return defaultSourceAudioTrackSettings;
-    }
-    return {
-      ...defaultSourceAudioTrackSettings,
-      ...(sourceAudioTrackSettingsByClip[selectedClipId] ?? {}),
-    };
-  }, [defaultSourceAudioTrackSettings, selectedClipId, sourceAudioTrackSettingsByClip]);
+	const selectedClipSourceAudioTrackSettings = useMemo(() => {
+		if (!selectedClipId) {
+			return defaultSourceAudioTrackSettings;
+		}
+		return {
+			...defaultSourceAudioTrackSettings,
+			...(sourceAudioTrackSettingsByClip[selectedClipId] ?? {}),
+		};
+	}, [defaultSourceAudioTrackSettings, selectedClipId, sourceAudioTrackSettingsByClip]);
 
-  const onSourceAudioTracksMetaChange = useCallback((tracks: SourceAudioTrackMeta) => {
-    setSourceAudioTrackMeta((prev) => (isSameTrackMeta(prev, tracks) ? prev : tracks));
-    setDefaultSourceAudioTrackSettings((prev) => {
-      const next: SourceAudioTrackSettings = {};
-      for (const track of tracks) {
-        next[track.id] = prev[track.id] ?? { volume: 1, normalize: false };
-      }
-      const prevKeys = Object.keys(prev);
-      const nextKeys = Object.keys(next);
-      if (prevKeys.length !== nextKeys.length) {
-        return next;
-      }
-      for (const key of nextKeys) {
-        const prevSetting = prev[key];
-        const nextSetting = next[key];
-        if (!prevSetting || !nextSetting) {
-          return next;
-        }
-        if (
-          prevSetting.volume !== nextSetting.volume ||
-          prevSetting.normalize !== nextSetting.normalize
-        ) {
-          return next;
-        }
-      }
-      return prev;
-    });
-  }, []);
+	const onSourceAudioTracksMetaChange = useCallback(
+		(tracks: SourceAudioTrackMeta) => {
+			setSourceAudioTrackMeta((prev) => (isSameTrackMeta(prev, tracks) ? prev : tracks));
+			setDefaultSourceAudioTrackSettings((prev) => {
+				const next: SourceAudioTrackSettings = {};
+				for (const track of tracks) {
+					next[track.id] = prev[track.id] ?? { volume: 1, normalize: false };
+				}
+				const prevKeys = Object.keys(prev);
+				const nextKeys = Object.keys(next);
+				if (prevKeys.length !== nextKeys.length) {
+					return next;
+				}
+				for (const key of nextKeys) {
+					const prevSetting = prev[key];
+					const nextSetting = next[key];
+					if (!prevSetting || !nextSetting) {
+						return next;
+					}
+					if (
+						prevSetting.volume !== nextSetting.volume ||
+						prevSetting.normalize !== nextSetting.normalize
+					) {
+						return next;
+					}
+				}
+				return prev;
+			});
+		},
+		[setDefaultSourceAudioTrackSettings],
+	);
 
-  const getSourceAudioTrackSettingsForClip = useCallback(
-    (clipId: string | null): SourceAudioTrackSettings => {
-      if (!clipId) {
-        return defaultSourceAudioTrackSettings;
-      }
-      return {
-        ...defaultSourceAudioTrackSettings,
-        ...(sourceAudioTrackSettingsByClip[clipId] ?? {}),
-      };
-    },
-    [defaultSourceAudioTrackSettings, sourceAudioTrackSettingsByClip],
-  );
+	const getSourceAudioTrackSettingsForClip = useCallback(
+		(clipId: string | null): SourceAudioTrackSettings => {
+			if (!clipId) {
+				return defaultSourceAudioTrackSettings;
+			}
+			return {
+				...defaultSourceAudioTrackSettings,
+				...(sourceAudioTrackSettingsByClip[clipId] ?? {}),
+			};
+		},
+		[defaultSourceAudioTrackSettings, sourceAudioTrackSettingsByClip],
+	);
 
 	const onSelectedClipSourceAudioTrackVolumeChange = useCallback(
 		(id: string, volume: number) => {
@@ -137,7 +142,7 @@ export function useSourceAudioTrackSettings({
 				};
 			});
 		},
-		[defaultSourceAudioTrackSettings, selectedClipId],
+		[defaultSourceAudioTrackSettings, selectedClipId, setSourceAudioTrackSettingsByClip],
 	);
 
 	const onSelectedClipSourceAudioTrackNormalizeChange = useCallback(
@@ -161,16 +166,16 @@ export function useSourceAudioTrackSettings({
 				};
 			});
 		},
-		[defaultSourceAudioTrackSettings, selectedClipId],
+		[defaultSourceAudioTrackSettings, selectedClipId, setSourceAudioTrackSettingsByClip],
 	);
 
-  return {
-    sourceAudioTrackMeta,
-    activeSourceAudioTrackSettings,
-    selectedClipSourceAudioTrackSettings,
-    getSourceAudioTrackSettingsForClip,
-    onSourceAudioTracksMetaChange,
-    onSelectedClipSourceAudioTrackVolumeChange,
-    onSelectedClipSourceAudioTrackNormalizeChange,
-  };
+	return {
+		sourceAudioTrackMeta,
+		activeSourceAudioTrackSettings,
+		selectedClipSourceAudioTrackSettings,
+		getSourceAudioTrackSettingsForClip,
+		onSourceAudioTracksMetaChange,
+		onSelectedClipSourceAudioTrackVolumeChange,
+		onSelectedClipSourceAudioTrackNormalizeChange,
+	};
 }
diff --git a/src/components/video-editor/timeline/components/waveform/AudioWaveform.tsx b/src/components/video-editor/timeline/components/waveform/AudioWaveform.tsx
index 1b1926518..2a5300f1a 100644
--- a/src/components/video-editor/timeline/components/waveform/AudioWaveform.tsx
+++ b/src/components/video-editor/timeline/components/waveform/AudioWaveform.tsx
@@ -44,6 +44,7 @@ function AudioWaveformComponent({
 		}
 	}, []);
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: resizeKey intentionally redraws the canvas after ResizeObserver notifications.
 	useEffect(() => {
 		const canvas = canvasRef.current;
 		if (!canvas) return;
@@ -79,15 +80,15 @@ function AudioWaveformComponent({
 			const visibleStartMs = segmentStartMs ?? range.start;
 			const visibleEndMs = segmentEndMs ?? range.end;
 			const visibleDurationMs = visibleEndMs - visibleStartMs;
-			
+
 			if (visibleDurationMs <= 0) return;
 
 			const midY = height / 2;
 			ctx.beginPath();
-			
+
 			for (let px = 0; px < width; px++) {
 				const t = visibleStartMs + (px / width) * visibleDurationMs;
-				
+
 				// If the timeline time is beyond the actual audio duration, we draw nothing (flat line)
 				if (t < 0 || t > durationMs) continue;
 
@@ -95,12 +96,12 @@ function AudioWaveformComponent({
 				const leftIndex = Math.floor(exactIndex);
 				const rightIndex = Math.min(peakData.length - 1, leftIndex + 1);
 				const mix = exactIndex - leftIndex;
-				
+
 				let amplitude = peakData[leftIndex] * (1 - mix) + peakData[rightIndex] * mix;
-				
+
 				if (normalize) amplitude = Math.sqrt(Math.max(0, amplitude));
 				amplitude = Math.max(0, Math.min(1, amplitude * gain));
-				
+
 				const barHeight = amplitude * midY * 0.85;
 
 				ctx.moveTo(px, midY - barHeight);

From fb447035142d9c625b1aa6145c8e63ef6bb2f12a Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Fri, 28 Aug 2026 09:54:28 +1000
Subject: [PATCH 3/7] Apply consistent project formatting

---
 electron/ipc/captions/whisper.ts              |   10 +-
 electron/ipc/cursor/bounds.ts                 |   16 +-
 electron/ipc/cursor/interaction.test.ts       |   15 +-
 electron/ipc/cursor/telemetry.ts              |   21 +-
 electron/ipc/ffmpeg/filters.ts                |    9 +-
 electron/ipc/monitorResolver.ts               |   14 +-
 electron/ipc/paths/binaries.ts                |   11 +-
 electron/ipc/project/session.ts               |    9 +-
 electron/ipc/recording/diagnostics.ts         |    8 +-
 electron/ipc/recording/ffmpeg.ts              |    9 +-
 electron/ipc/recording/prune.ts               |   11 +-
 electron/ipc/recording/windows.ts             |   12 +-
 electron/ipc/register/assets.ts               |  234 +--
 electron/ipc/register/export.test.ts          |    4 +-
 electron/ipc/register/export.ts               |   11 +-
 .../register/exportCaptionSidecars.test.ts    |    6 +-
 .../ipc/register/exportCaptionSidecars.ts     |    2 +-
 electron/ipc/register/permissions.ts          |  144 +-
 electron/ipc/register/project.ts              | 1293 +++++++++--------
 electron/ipc/register/recording.ts            |  596 ++++----
 electron/ipc/register/sourceMapping.test.ts   |    7 +-
 electron/ipc/register/sourceMapping.ts        |    2 +-
 electron/ipc/register/sources.ts              |   98 +-
 electron/ipc/utils.ts                         |    1 -
 .../bin/win32-x64/helpers-manifest.json       |   66 +-
 .../render-tahoe-cursor-atlas.cjs             |   94 +-
 electron/navigationPolicy.test.ts             |    8 +-
 electron/permissionPolicy.test.ts             |   23 +-
 scripts/benchmark-export-queues.mjs           |   11 +-
 scripts/build-windows-capture.mjs             |   13 +-
 scripts/build-windows-gpu-export.mjs          |   17 +-
 scripts/create-release.mjs                    |    9 +-
 scripts/normalize-electron-main-cjs.mjs       |   14 +-
 src/components/launch/hooks/useHudBarDrag.ts  |  224 +--
 .../launch/hooks/useWebcamPreviewOverlay.ts   |   49 +-
 .../popovers/LaunchPopoverCoordinator.tsx     |   14 +-
 src/components/launch/popovers/MicPopover.tsx |   15 +-
 .../launch/popovers/PopoverScaffold.tsx       |    4 +-
 .../launch/popovers/WebcamPopover.tsx         |   29 +-
 src/components/ui/button.tsx                  |    1 -
 src/components/ui/separator.tsx               |    5 +-
 .../video-editor/AnnotationOverlay.tsx        |    4 +-
 .../video-editor/AnnotationSettingsPanel.tsx  | 1214 ++++++++--------
 .../video-editor/ExportSettingsMenu.tsx       |   41 +-
 src/components/video-editor/ExtensionIcon.tsx |    4 +-
 .../video-editor/GifOptionsPanel.tsx          |    4 +-
 .../video-editor/KeyboardShortcutsHelp.tsx    |    7 +-
 src/components/video-editor/TutorialHelp.tsx  |  126 +-
 .../audio/audioResourceVersion.test.ts        |   10 +-
 .../video-editor/audio/audioTypes.ts          |    1 -
 .../video-editor/audio/clipAudio.ts           |   18 +-
 .../video-editor/audio/useAudioPreviewSync.ts |  939 ++++++------
 .../audio/useSourceAudioFallback.ts           |  131 +-
 .../video-editor/audio/useVideoEditorAudio.ts |    6 +-
 .../audio/waveform/WaveformGenerator.ts       |   42 +-
 .../audio/waveform/waveform.worker.ts         |    4 +-
 .../video-editor/clipSpeedChange.test.ts      |   64 +-
 .../video-editor/clipSpeedChange.ts           |    4 +-
 src/components/video-editor/editorHistory.ts  |    4 +-
 .../video-editor/mp4ExportRouting.ts          |    6 +-
 .../video-editor/mp4ExportSettings.ts         |    5 +-
 .../video-editor/smokeExportConfig.test.ts    |    4 +-
 .../video-editor/smokeExportConfig.ts         |   12 +-
 .../timeline/components/axis/TimelineAxis.tsx |    4 +-
 .../components/playhead/PlaybackCursor.tsx    |   39 +-
 .../components/toolbar/TimelineToolbar.tsx    |  117 +-
 .../hooks/actions/useTimelineAudioActions.ts  |    6 +-
 .../hooks/actions/useTimelineZoomActions.ts   |    4 +-
 .../timeline/hooks/useTimelineSelection.ts    |    5 +-
 .../hooks/utils/timelineAudioPlacement.ts     |    5 +-
 .../hooks/utils/timelineNotifications.ts      |    3 +-
 .../timeline/model/timelineModel.test.ts      |   63 +-
 src/components/video-editor/types.test.ts     |   12 +-
 .../video-editor/useNvidiaCudaExportOptIn.ts  |   18 +-
 .../videoPlayback/cursorFollowCamera.test.ts  |    7 +-
 .../videoPlayback/motionSmoothing.ts          |   90 +-
 .../videoPlayback/uploadedCursorAssets.ts     |    3 +-
 .../videoPlayback/webcamSync.test.ts          |   32 +-
 src/contexts/ThemeContext.test.ts             |    5 +-
 src/contexts/ThemeContext.tsx                 |   12 +-
 src/i18n/config.ts                            |   13 +-
 src/i18n/locales/de/common.json               |   42 +-
 src/i18n/locales/de/dialogs.json              |   96 +-
 src/i18n/locales/de/editor.json               |  234 +--
 src/i18n/locales/de/extensions.json           |  102 +-
 src/i18n/locales/de/launch.json               |  110 +-
 src/i18n/locales/de/settings.json             |  338 ++---
 src/i18n/locales/de/shortcuts.json            |   26 +-
 src/i18n/locales/de/timeline.json             |   68 +-
 src/i18n/locales/en/extensions.json           |    2 +-
 src/i18n/locales/pt-BR/extensions.json        |    2 +-
 src/i18n/locales/ru/common.json               |    2 +-
 src/i18n/locales/ru/dialogs.json              |    2 +-
 src/i18n/locales/ru/editor.json               |    2 +-
 src/i18n/locales/ru/extensions.json           |    2 +-
 src/i18n/locales/ru/launch.json               |    2 +-
 src/i18n/locales/ru/shortcuts.json            |    2 +-
 src/i18n/locales/ru/timeline.json             |    2 +-
 src/i18n/locales/zh-TW/common.json            |    2 +-
 src/i18n/locales/zh-TW/dialogs.json           |    2 +-
 src/i18n/locales/zh-TW/extensions.json        |    2 +-
 src/i18n/locales/zh-TW/launch.json            |   18 +-
 src/i18n/locales/zh-TW/shortcuts.json         |    2 +-
 src/i18n/locales/zh-TW/timeline.json          |    2 +-
 src/lib/exporter/annotationRenderer.ts        |    7 +-
 src/lib/exporter/audioRoutingEngine.ts        |    4 +-
 src/lib/exporter/mediaResource.test.ts        |    2 +-
 src/lib/exporter/mediaResource.ts             |    2 +-
 src/lib/exporter/modernFrameRenderer.test.ts  |   14 +-
 src/lib/exporter/sourceTrackRoutingPolicy.ts  |    5 +-
 src/lib/exporter/streamingDecoder.test.ts     |    4 +-
 src/lib/exporter/temporalMotionBlur.test.ts   |    1 -
 src/lib/pixiApplicationLifecycle.ts           |    4 +-
 src/lib/wallpapers.ts                         |    5 +-
 114 files changed, 3889 insertions(+), 3448 deletions(-)

diff --git a/electron/ipc/captions/whisper.ts b/electron/ipc/captions/whisper.ts
index c8e774c62..67b04cd58 100644
--- a/electron/ipc/captions/whisper.ts
+++ b/electron/ipc/captions/whisper.ts
@@ -3,7 +3,11 @@ import { constants as fsConstants } from "node:fs";
 import fs from "node:fs/promises";
 import { get as httpsGet } from "node:https";
 import type Electron from "electron";
-import { WHISPER_MODEL_DIR, WHISPER_MODEL_DOWNLOAD_URL, WHISPER_SMALL_MODEL_PATH } from "../constants";
+import {
+	WHISPER_MODEL_DIR,
+	WHISPER_MODEL_DOWNLOAD_URL,
+	WHISPER_SMALL_MODEL_PATH,
+} from "../constants";
 
 export function sendWhisperModelDownloadProgress(
 	webContents: Electron.WebContents,
@@ -106,7 +110,9 @@ export function downloadFileWithProgress(
 	return request(url);
 }
 
-export async function downloadWhisperSmallModel(webContents: Electron.WebContents): Promise<string> {
+export async function downloadWhisperSmallModel(
+	webContents: Electron.WebContents,
+): Promise<string> {
 	await fs.mkdir(WHISPER_MODEL_DIR, { recursive: true });
 	const tempPath = `${WHISPER_SMALL_MODEL_PATH}.download`;
 
diff --git a/electron/ipc/cursor/bounds.ts b/electron/ipc/cursor/bounds.ts
index 02fb3c754..fbc7d2d50 100644
--- a/electron/ipc/cursor/bounds.ts
+++ b/electron/ipc/cursor/bounds.ts
@@ -119,7 +119,9 @@ export function parseXwininfoBounds(stdout: string): WindowBounds | null {
 	};
 }
 
-export async function resolveLinuxWindowBounds(source: SelectedSource): Promise<WindowBounds | null> {
+export async function resolveLinuxWindowBounds(
+	source: SelectedSource,
+): Promise<WindowBounds | null> {
 	const windowId = parseWindowId(source?.id);
 
 	if (windowId) {
@@ -153,7 +155,9 @@ export async function resolveLinuxWindowBounds(source: SelectedSource): Promise<
 	}
 }
 
-export async function resolveWindowsWindowBounds(source: SelectedSource): Promise<WindowBounds | null> {
+export async function resolveWindowsWindowBounds(
+	source: SelectedSource,
+): Promise<WindowBounds | null> {
 	const windowId = parseWindowId(source?.id);
 	const windowTitle =
 		typeof source.windowTitle === "string" ? source.windowTitle.trim() : source.name.trim();
@@ -259,7 +263,9 @@ export function startWindowBoundsCapture() {
 	}
 
 	void refreshSelectedWindowBounds();
-	setWindowBoundsCaptureInterval(setInterval(() => {
-		void refreshSelectedWindowBounds();
-	}, 250));
+	setWindowBoundsCaptureInterval(
+		setInterval(() => {
+			void refreshSelectedWindowBounds();
+		}, 250),
+	);
 }
diff --git a/electron/ipc/cursor/interaction.test.ts b/electron/ipc/cursor/interaction.test.ts
index f126f6e33..4ea662414 100644
--- a/electron/ipc/cursor/interaction.test.ts
+++ b/electron/ipc/cursor/interaction.test.ts
@@ -32,7 +32,9 @@ describe("repairBundledUiohookBinaryForCurrentArch", () => {
 
 	afterEach(async () => {
 		await Promise.all(
-			tempRoots.splice(0).map((tempRoot) => fs.rm(tempRoot, { recursive: true, force: true })),
+			tempRoots
+				.splice(0)
+				.map((tempRoot) => fs.rm(tempRoot, { recursive: true, force: true })),
 		);
 	});
 
@@ -50,9 +52,14 @@ describe("repairBundledUiohookBinaryForCurrentArch", () => {
 
 		const log = vi.fn();
 		const repaired = repairBundledUiohookBinaryForCurrentArch(
-			Object.assign(new Error("mach-o file, but is an incompatible architecture (have 'x86_64', need 'arm64')"), {
-				code: "ERR_DLOPEN_FAILED",
-			}),
+			Object.assign(
+				new Error(
+					"mach-o file, but is an incompatible architecture (have 'x86_64', need 'arm64')",
+				),
+				{
+					code: "ERR_DLOPEN_FAILED",
+				},
+			),
 			{ packageRoot, platform: "darwin", arch: "arm64", log },
 		);
 
diff --git a/electron/ipc/cursor/telemetry.ts b/electron/ipc/cursor/telemetry.ts
index ebedfe72a..fd598b102 100644
--- a/electron/ipc/cursor/telemetry.ts
+++ b/electron/ipc/cursor/telemetry.ts
@@ -91,11 +91,7 @@ export async function writeCursorTelemetry(videoPath: string, samples: unknown)
 
 	await fs.writeFile(
 		telemetryPath,
-		JSON.stringify(
-			{ version: CURSOR_TELEMETRY_VERSION, samples: normalizedSamples },
-			null,
-			2,
-		),
+		JSON.stringify({ version: CURSOR_TELEMETRY_VERSION, samples: normalizedSamples }, null, 2),
 		"utf-8",
 	);
 
@@ -144,9 +140,7 @@ export function resumeCursorCapture(resumedAtMs: number) {
 	}
 
 	const pauseDurationMs = Math.max(0, resumedAtMs - cursorCapturePauseStartedAtMs);
-	setCursorCaptureAccumulatedPausedMs(
-		cursorCaptureAccumulatedPausedMs + pauseDurationMs,
-	);
+	setCursorCaptureAccumulatedPausedMs(cursorCaptureAccumulatedPausedMs + pauseDurationMs);
 	setCursorCapturePauseStartedAtMs(null);
 }
 
@@ -217,7 +211,16 @@ export function getNormalizedCursorPoint() {
 }
 
 export function getHookCursorScreenPoint(
-	event: { x?: number; y?: number; data?: { x?: number; y?: number; screenX?: number; screenY?: number }; screenX?: number; screenY?: number } | null | undefined,
+	event:
+		| {
+				x?: number;
+				y?: number;
+				data?: { x?: number; y?: number; screenX?: number; screenY?: number };
+				screenX?: number;
+				screenY?: number;
+		  }
+		| null
+		| undefined,
 ): { x: number; y: number } | null {
 	const rawX = event?.x ?? event?.data?.x ?? event?.screenX ?? event?.data?.screenX;
 	const rawY = event?.y ?? event?.data?.y ?? event?.screenY ?? event?.data?.screenY;
diff --git a/electron/ipc/ffmpeg/filters.ts b/electron/ipc/ffmpeg/filters.ts
index 7e4375255..2d3370c7f 100644
--- a/electron/ipc/ffmpeg/filters.ts
+++ b/electron/ipc/ffmpeg/filters.ts
@@ -114,11 +114,10 @@ export function appendSyncedAudioFilter(
 		filters.push(`adelay=${adjustment.delayMs}|${adjustment.delayMs}`);
 	}
 
-	if (
-		adjustment.mode === "delay" &&
-		adjustment.durationDeltaMs > adjustment.delayMs + 20
-	) {
-		filters.push(`apad=pad_dur=${formatFfmpegSeconds(adjustment.durationDeltaMs - adjustment.delayMs)}`);
+	if (adjustment.mode === "delay" && adjustment.durationDeltaMs > adjustment.delayMs + 20) {
+		filters.push(
+			`apad=pad_dur=${formatFfmpegSeconds(adjustment.durationDeltaMs - adjustment.delayMs)}`,
+		);
 	}
 
 	if (adjustment.mode === "tempo") {
diff --git a/electron/ipc/monitorResolver.ts b/electron/ipc/monitorResolver.ts
index e71f36c11..f14bbd38c 100644
--- a/electron/ipc/monitorResolver.ts
+++ b/electron/ipc/monitorResolver.ts
@@ -13,7 +13,7 @@ export interface WinMonitorHandle {
 
 /**
  * Retrieves raw HMONITOR handles from the Windows OS using a PowerShell bridge.
- * This is necessary because Electron's display IDs are often internal hashes that 
+ * This is necessary because Electron's display IDs are often internal hashes that
  * cannot be used directly with native Windows APIs like Graphics Capture (WGC).
  */
 export function getMonitorHandles(): WinMonitorHandle[] {
@@ -53,10 +53,14 @@ public class MonitorHelper {
 [MonitorHelper]::GetMonitors()
 `.trim();
 
-	const result = spawnSync("powershell.exe", ["-NoProfile", "-NonInteractive", "-Command", psScript], {
-		encoding: "utf-8",
-		timeout: 5000,
-	});
+	const result = spawnSync(
+		"powershell.exe",
+		["-NoProfile", "-NonInteractive", "-Command", psScript],
+		{
+			encoding: "utf-8",
+			timeout: 5000,
+		},
+	);
 
 	if (result.error || result.status !== 0) {
 		// Silent failure is preferred; the caller will fall back to coordinate-based matching.
diff --git a/electron/ipc/paths/binaries.ts b/electron/ipc/paths/binaries.ts
index 3e15f3322..04bc577c5 100644
--- a/electron/ipc/paths/binaries.ts
+++ b/electron/ipc/paths/binaries.ts
@@ -4,10 +4,7 @@ import fs from "node:fs/promises";
 import path from "node:path";
 import { promisify } from "node:util";
 import { app } from "electron";
-import {
-	nativeHelperMigrationPromise,
-	setNativeHelperMigrationPromise,
-} from "../state";
+import { nativeHelperMigrationPromise, setNativeHelperMigrationPromise } from "../state";
 
 const execFileAsync = promisify(execFile);
 
@@ -131,7 +128,11 @@ export function getCursorMonitorExePath(): string {
 async function migrateLegacyNativeHelperBinaries(): Promise<void> {
 	const legacyToCurrentPaths: Array<[string, string]> = [
 		[
-			path.join(app.getPath("userData"), "native-tools", "openscreen-screencapturekit-helper"),
+			path.join(
+				app.getPath("userData"),
+				"native-tools",
+				"openscreen-screencapturekit-helper",
+			),
 			getNativeCaptureHelperBinaryPath(),
 		],
 		[
diff --git a/electron/ipc/project/session.ts b/electron/ipc/project/session.ts
index 3c126e6d6..d5f83a839 100644
--- a/electron/ipc/project/session.ts
+++ b/electron/ipc/project/session.ts
@@ -15,7 +15,9 @@ export function getRecordingSessionManifestPath(videoPath: string) {
 	return path.join(path.dirname(videoPath), `${baseName}${RECORDING_SESSION_MANIFEST_SUFFIX}`);
 }
 
-export async function persistRecordingSessionManifest(session: RecordingSessionData): Promise<void> {
+export async function persistRecordingSessionManifest(
+	session: RecordingSessionData,
+): Promise<void> {
 	const normalizedVideoPath = normalizeVideoSourcePath(session.videoPath);
 	if (!normalizedVideoPath) {
 		return;
@@ -51,8 +53,7 @@ export async function resolveRecordingSessionManifest(
 
 	try {
 		const content = await fs.readFile(manifestPath, "utf-8");
-		const parsed =
-			parseJsonWithByteOrderMark<Partial<RecordingSessionManifest>>(content);
+		const parsed = parseJsonWithByteOrderMark<Partial<RecordingSessionManifest>>(content);
 		if (parsed.version !== 1 && parsed.version !== 2) {
 			return null;
 		}
@@ -138,5 +139,3 @@ export async function resolveRecordingSession(
 		webcamPath: linkedWebcamPath,
 	};
 }
-
-
diff --git a/electron/ipc/recording/diagnostics.ts b/electron/ipc/recording/diagnostics.ts
index edf5f638e..985209f22 100644
--- a/electron/ipc/recording/diagnostics.ts
+++ b/electron/ipc/recording/diagnostics.ts
@@ -201,9 +201,7 @@ export async function probeMediaDurationSeconds(filePath: string): Promise<numbe
 			return duration;
 		}
 	} finally {
-		console.log(
-			`[PERF:MAIN] probeMediaDurationSeconds: COMPLETED in ${Date.now() - start}ms`,
-		);
+		console.log(`[PERF:MAIN] probeMediaDurationSeconds: COMPLETED in ${Date.now() - start}ms`);
 	}
 	return 0;
 }
@@ -292,9 +290,7 @@ export async function probeVideoStreamDuration(
 	} catch {
 		return null;
 	} finally {
-		console.log(
-			`[PERF:MAIN] probeVideoStreamDuration: COMPLETED in ${Date.now() - start}ms`,
-		);
+		console.log(`[PERF:MAIN] probeVideoStreamDuration: COMPLETED in ${Date.now() - start}ms`);
 	}
 }
 
diff --git a/electron/ipc/recording/ffmpeg.ts b/electron/ipc/recording/ffmpeg.ts
index fee481cdf..dae48fc0a 100644
--- a/electron/ipc/recording/ffmpeg.ts
+++ b/electron/ipc/recording/ffmpeg.ts
@@ -1,9 +1,7 @@
 import type { ChildProcessWithoutNullStreams } from "node:child_process";
 import fs from "node:fs/promises";
 import { resolveLinuxWindowBounds } from "../cursor/bounds";
-import {
-	ffmpegCaptureOutputBuffer,
-} from "../state";
+import { ffmpegCaptureOutputBuffer } from "../state";
 import type { SelectedSource } from "../types";
 import { getScreen, parseWindowId } from "../utils";
 import { resolveWindowsCaptureDisplay } from "../windowsCaptureSelection";
@@ -169,7 +167,10 @@ export function waitForFfmpegCaptureStart(process: ChildProcessWithoutNullStream
 	});
 }
 
-export function waitForFfmpegCaptureStop(process: ChildProcessWithoutNullStreams, outputPath: string) {
+export function waitForFfmpegCaptureStop(
+	process: ChildProcessWithoutNullStreams,
+	outputPath: string,
+) {
 	return new Promise<string>((resolve, reject) => {
 		const onClose = async (code: number | null) => {
 			cleanup();
diff --git a/electron/ipc/recording/prune.ts b/electron/ipc/recording/prune.ts
index d8004bd14..29787e8e2 100644
--- a/electron/ipc/recording/prune.ts
+++ b/electron/ipc/recording/prune.ts
@@ -82,10 +82,13 @@ async function loadSavedProjectMediaPaths() {
 						editor?: { webcam?: { sourcePath?: unknown } };
 					}>(await fs.readFile(projectPath, "utf-8"));
 				} catch (error) {
-					console.warn("[prune] Aborting recording prune because a saved project is unreadable", {
-						projectPath,
-						error,
-					});
+					console.warn(
+						"[prune] Aborting recording prune because a saved project is unreadable",
+						{
+							projectPath,
+							error,
+						},
+					);
 					throw error;
 				}
 				const candidatePaths = [
diff --git a/electron/ipc/recording/windows.ts b/electron/ipc/recording/windows.ts
index 262d26daa..650cdca98 100644
--- a/electron/ipc/recording/windows.ts
+++ b/electron/ipc/recording/windows.ts
@@ -13,9 +13,7 @@ import {
 	windowsCaptureTargetPath,
 	windowsNativeCaptureActive,
 } from "../state";
-import {
-	AudioSyncAdjustment,
-} from "../types";
+import { AudioSyncAdjustment } from "../types";
 import { moveFileWithOverwrite } from "../utils";
 import { emitRecordingInterrupted } from "./events";
 
@@ -135,7 +133,9 @@ export function waitForWindowsCaptureStop(
 
 		const onClose = (code: number | null) => {
 			finish(() => {
-				const match = windowsCaptureOutputBuffer.match(/Recording stopped\. Output path: (.+)/);
+				const match = windowsCaptureOutputBuffer.match(
+					/Recording stopped\. Output path: (.+)/,
+				);
 				if (match?.[1]) {
 					resolve(match[1].trim());
 					return;
@@ -254,9 +254,7 @@ export async function muxNativeWindowsVideoWithAudio(
 		}
 	}
 
-	console.log(
-		`[PERF:MAIN] muxNativeWindowsVideoWithAudio: COMPLETED in ${Date.now() - start}ms`,
-	);
+	console.log(`[PERF:MAIN] muxNativeWindowsVideoWithAudio: COMPLETED in ${Date.now() - start}ms`);
 
 	return {
 		muxed: false,
diff --git a/electron/ipc/register/assets.ts b/electron/ipc/register/assets.ts
index f18bf7b6a..fae8d708d 100644
--- a/electron/ipc/register/assets.ts
+++ b/electron/ipc/register/assets.ts
@@ -8,120 +8,122 @@ import { normalizePath } from "../utils";
 import { getAssetRootPath } from "../project/manager";
 
 export function registerAssetHandlers() {
-  async function resolveReadableLocalFilePath(filePath: string) {
-    const normalizedPath = normalizePath(filePath)
-    const resolvedPath = await fs.realpath(normalizedPath).catch(() => normalizedPath)
-    const stats = await fs.stat(resolvedPath)
-    if (!stats.isFile()) {
-      throw new Error('Path is not a readable file')
-    }
-    return normalizePath(resolvedPath)
-  }
-
-  // Generate a tiny thumbnail for a wallpaper image and cache it in userData.
-  // Returns the cached thumbnail as raw JPEG bytes for fast grid rendering.
-  // Serialized to prevent concurrent nativeImage operations from eating memory.
-  const THUMB_SIZE = 96
-  const thumbCacheDir = path.join(USER_DATA_PATH, 'wallpaper-thumbs')
-  let thumbGenerationQueue: Promise<void> = Promise.resolve()
-
-  ipcMain.handle('generate-wallpaper-thumbnail', async (_, filePath: string) => {
-    try {
-      const resolved = await resolveReadableLocalFilePath(filePath)
-
-      // Deterministic cache key from file path + mtime
-      const stat = await fs.stat(resolved)
-      const cacheKey = Buffer.from(`${resolved}:${stat.mtimeMs}`).toString('base64url')
-      const thumbPath = path.join(thumbCacheDir, `${cacheKey}.jpg`)
-
-      // Return cached thumbnail if it exists (no queue needed)
-      if (existsSync(thumbPath)) {
-        const data = await fs.readFile(thumbPath)
-        return { success: true, data }
-      }
-
-      // Serialize nativeImage operations to avoid OOM from concurrent full-res decodes
-      let jpegData: Buffer
-      const generation = thumbGenerationQueue.then(async () => {
-        const { nativeImage } = await import('electron')
-        const img = nativeImage.createFromPath(resolved)
-        if (img.isEmpty()) {
-          throw new Error('Failed to load image')
-        }
-        const { width, height } = img.getSize()
-        const scale = THUMB_SIZE / Math.min(width, height)
-        const resized = img.resize({
-          width: Math.round(width * scale),
-          height: Math.round(height * scale),
-          quality: 'good',
-        })
-        jpegData = resized.toJPEG(70)
-
-        // Cache to disk
-        await fs.mkdir(thumbCacheDir, { recursive: true })
-        await fs.writeFile(thumbPath, jpegData)
-      })
-      // Keep the queue moving even if one fails
-      thumbGenerationQueue = generation.catch(() => undefined)
-      await generation
-
-      return { success: true, data: jpegData! }
-    } catch (error) {
-      return { success: false, error: String(error) }
-    }
-  })
-
-  // Return base path for assets so renderer can resolve file:// paths in production
-  ipcMain.handle('get-asset-base-path', () => {
-    try {
-      const assetPath = getAssetRootPath()
-      return pathToFileURL(`${assetPath}${path.sep}`).toString()
-    } catch (err) {
-      console.error('Failed to resolve asset base path:', err)
-      return null
-    }
-  })
-
-  ipcMain.handle('list-asset-directory', async (_, relativeDir: string) => {
-    try {
-      const normalizedRelativeDir = String(relativeDir ?? '')
-        .replace(/\\/g, '/')
-        .replace(/^\/+/, '')
-
-      const assetRootPath = path.resolve(getAssetRootPath())
-      const targetDirPath = path.resolve(assetRootPath, normalizedRelativeDir)
-      if (targetDirPath !== assetRootPath && !targetDirPath.startsWith(`${assetRootPath}${path.sep}`)) {
-        return { success: false, error: 'Invalid asset directory' }
-      }
-
-      const entries = await fs.readdir(targetDirPath, { withFileTypes: true })
-      const files = entries
-        .filter((entry) => entry.isFile())
-        .map((entry) => entry.name)
-        .sort(new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' }).compare)
-
-      return { success: true, files }
-    } catch (error) {
-      console.error('Failed to list asset directory:', error)
-      return { success: false, error: String(error) }
-    }
-  })
-
-  ipcMain.handle('read-local-file', async (_, filePath: string) => {
-    try {
-      // Intentionally more permissive than the media-server allowlist: this IPC
-      // is used for direct renderer-side local file reads after the app has
-      // already accepted a path, while URL-based media serving must stay scoped
-      // to approved/app-managed locations. We still canonicalize the path and
-      // require a real on-disk file so this cannot be used to read directories.
-      const resolved = await resolveReadableLocalFilePath(filePath)
-
-      const data = await fs.readFile(resolved)
-      return { success: true, data }
-    } catch (error) {
-      console.error('Failed to read local file:', error)
-      return { success: false, error: String(error) }
-    }
-  })
-
+	async function resolveReadableLocalFilePath(filePath: string) {
+		const normalizedPath = normalizePath(filePath);
+		const resolvedPath = await fs.realpath(normalizedPath).catch(() => normalizedPath);
+		const stats = await fs.stat(resolvedPath);
+		if (!stats.isFile()) {
+			throw new Error("Path is not a readable file");
+		}
+		return normalizePath(resolvedPath);
+	}
+
+	// Generate a tiny thumbnail for a wallpaper image and cache it in userData.
+	// Returns the cached thumbnail as raw JPEG bytes for fast grid rendering.
+	// Serialized to prevent concurrent nativeImage operations from eating memory.
+	const THUMB_SIZE = 96;
+	const thumbCacheDir = path.join(USER_DATA_PATH, "wallpaper-thumbs");
+	let thumbGenerationQueue: Promise<void> = Promise.resolve();
+
+	ipcMain.handle("generate-wallpaper-thumbnail", async (_, filePath: string) => {
+		try {
+			const resolved = await resolveReadableLocalFilePath(filePath);
+
+			// Deterministic cache key from file path + mtime
+			const stat = await fs.stat(resolved);
+			const cacheKey = Buffer.from(`${resolved}:${stat.mtimeMs}`).toString("base64url");
+			const thumbPath = path.join(thumbCacheDir, `${cacheKey}.jpg`);
+
+			// Return cached thumbnail if it exists (no queue needed)
+			if (existsSync(thumbPath)) {
+				const data = await fs.readFile(thumbPath);
+				return { success: true, data };
+			}
+
+			// Serialize nativeImage operations to avoid OOM from concurrent full-res decodes
+			let jpegData: Buffer;
+			const generation = thumbGenerationQueue.then(async () => {
+				const { nativeImage } = await import("electron");
+				const img = nativeImage.createFromPath(resolved);
+				if (img.isEmpty()) {
+					throw new Error("Failed to load image");
+				}
+				const { width, height } = img.getSize();
+				const scale = THUMB_SIZE / Math.min(width, height);
+				const resized = img.resize({
+					width: Math.round(width * scale),
+					height: Math.round(height * scale),
+					quality: "good",
+				});
+				jpegData = resized.toJPEG(70);
+
+				// Cache to disk
+				await fs.mkdir(thumbCacheDir, { recursive: true });
+				await fs.writeFile(thumbPath, jpegData);
+			});
+			// Keep the queue moving even if one fails
+			thumbGenerationQueue = generation.catch(() => undefined);
+			await generation;
+
+			return { success: true, data: jpegData! };
+		} catch (error) {
+			return { success: false, error: String(error) };
+		}
+	});
+
+	// Return base path for assets so renderer can resolve file:// paths in production
+	ipcMain.handle("get-asset-base-path", () => {
+		try {
+			const assetPath = getAssetRootPath();
+			return pathToFileURL(`${assetPath}${path.sep}`).toString();
+		} catch (err) {
+			console.error("Failed to resolve asset base path:", err);
+			return null;
+		}
+	});
+
+	ipcMain.handle("list-asset-directory", async (_, relativeDir: string) => {
+		try {
+			const normalizedRelativeDir = String(relativeDir ?? "")
+				.replace(/\\/g, "/")
+				.replace(/^\/+/, "");
+
+			const assetRootPath = path.resolve(getAssetRootPath());
+			const targetDirPath = path.resolve(assetRootPath, normalizedRelativeDir);
+			if (
+				targetDirPath !== assetRootPath &&
+				!targetDirPath.startsWith(`${assetRootPath}${path.sep}`)
+			) {
+				return { success: false, error: "Invalid asset directory" };
+			}
+
+			const entries = await fs.readdir(targetDirPath, { withFileTypes: true });
+			const files = entries
+				.filter((entry) => entry.isFile())
+				.map((entry) => entry.name)
+				.sort(new Intl.Collator(undefined, { numeric: true, sensitivity: "base" }).compare);
+
+			return { success: true, files };
+		} catch (error) {
+			console.error("Failed to list asset directory:", error);
+			return { success: false, error: String(error) };
+		}
+	});
+
+	ipcMain.handle("read-local-file", async (_, filePath: string) => {
+		try {
+			// Intentionally more permissive than the media-server allowlist: this IPC
+			// is used for direct renderer-side local file reads after the app has
+			// already accepted a path, while URL-based media serving must stay scoped
+			// to approved/app-managed locations. We still canonicalize the path and
+			// require a real on-disk file so this cannot be used to read directories.
+			const resolved = await resolveReadableLocalFilePath(filePath);
+
+			const data = await fs.readFile(resolved);
+			return { success: true, data };
+		} catch (error) {
+			console.error("Failed to read local file:", error);
+			return { success: false, error: String(error) };
+		}
+	});
 }
diff --git a/electron/ipc/register/export.test.ts b/electron/ipc/register/export.test.ts
index 33941eb18..df1e9d857 100644
--- a/electron/ipc/register/export.test.ts
+++ b/electron/ipc/register/export.test.ts
@@ -55,9 +55,7 @@ describe("moveExportedTempFile", () => {
 
 		await moveExportedTempFile(tempPath, destinationPath);
 
-		await expect(fs.readFile(destinationPath, "utf8")).resolves.toBe(
-			"recordly-export",
-		);
+		await expect(fs.readFile(destinationPath, "utf8")).resolves.toBe("recordly-export");
 		await expect(fs.access(tempPath)).rejects.toThrow();
 	});
 
diff --git a/electron/ipc/register/export.ts b/electron/ipc/register/export.ts
index c4410a271..2eabb9786 100644
--- a/electron/ipc/register/export.ts
+++ b/electron/ipc/register/export.ts
@@ -75,12 +75,7 @@ export async function moveExportedTempFile(tempPath: string, destinationPath: st
 		return;
 	} catch (error) {
 		const code = (error as NodeJS.ErrnoException).code;
-		if (
-			code !== "EXDEV" &&
-			code !== "EPERM" &&
-			code !== "ENOTEMPTY" &&
-			code !== "EEXIST"
-		) {
+		if (code !== "EXDEV" && code !== "EPERM" && code !== "ENOTEMPTY" && code !== "EEXIST") {
 			throw error;
 		}
 		// Cross-device or Windows permission quirks — fall back to copy + unlink so
@@ -113,9 +108,7 @@ export async function moveExportedTempFile(tempPath: string, destinationPath: st
 				await fs.rename(partialDestinationPath, destinationPath);
 			} catch (replaceError) {
 				if (movedExistingDestination) {
-					await fs
-						.rename(backupDestinationPath, destinationPath)
-						.catch(() => undefined);
+					await fs.rename(backupDestinationPath, destinationPath).catch(() => undefined);
 				}
 				throw replaceError;
 			}
diff --git a/electron/ipc/register/exportCaptionSidecars.test.ts b/electron/ipc/register/exportCaptionSidecars.test.ts
index 6839e9594..2fc571e13 100644
--- a/electron/ipc/register/exportCaptionSidecars.test.ts
+++ b/electron/ipc/register/exportCaptionSidecars.test.ts
@@ -56,7 +56,9 @@ describe("exportCaptionSidecars", () => {
 	});
 
 	it("returns a warning result instead of throwing when sidecar writes fail", async () => {
-		const writeFileSpy = vi.spyOn(fs, "writeFile").mockRejectedValueOnce(new Error("disk full"));
+		const writeFileSpy = vi
+			.spyOn(fs, "writeFile")
+			.mockRejectedValueOnce(new Error("disk full"));
 
 		await expect(
 			writeCaptionSidecarsBestEffort("/tmp/export.mp4", {
@@ -109,4 +111,4 @@ describe("exportCaptionSidecars", () => {
 			}),
 		).toBe("Video exported successfully");
 	});
-});
\ No newline at end of file
+});
diff --git a/electron/ipc/register/exportCaptionSidecars.ts b/electron/ipc/register/exportCaptionSidecars.ts
index 6711d3bb7..0560a9a96 100644
--- a/electron/ipc/register/exportCaptionSidecars.ts
+++ b/electron/ipc/register/exportCaptionSidecars.ts
@@ -154,4 +154,4 @@ export function withCaptionSidecarMessage(
 	}
 
 	return `${baseMessage} Captions could not be saved alongside the video.`;
-}
\ No newline at end of file
+}
diff --git a/electron/ipc/register/permissions.ts b/electron/ipc/register/permissions.ts
index 07057c962..f3b8b86f1 100644
--- a/electron/ipc/register/permissions.ts
+++ b/electron/ipc/register/permissions.ts
@@ -2,86 +2,86 @@ import { ipcMain, shell, systemPreferences } from "electron";
 import { getMacPrivacySettingsUrl } from "../utils";
 
 export function registerPermissionHandlers() {
-  ipcMain.handle('open-external-url', async (_, url: string) => {
-    try {
-      // Security: only allow http/https URLs to prevent file:// or custom protocol abuse
-      const parsed = new URL(url)
-      if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:') {
-        return { success: false, error: `Blocked non-HTTP URL: ${parsed.protocol}` }
-      }
-      await shell.openExternal(url)
-      return { success: true }
-    } catch (error) {
-      console.error('Failed to open URL:', error)
-      return { success: false, error: String(error) }
-    }
-  })
+	ipcMain.handle("open-external-url", async (_, url: string) => {
+		try {
+			// Security: only allow http/https URLs to prevent file:// or custom protocol abuse
+			const parsed = new URL(url);
+			if (parsed.protocol !== "https:" && parsed.protocol !== "http:") {
+				return { success: false, error: `Blocked non-HTTP URL: ${parsed.protocol}` };
+			}
+			await shell.openExternal(url);
+			return { success: true };
+		} catch (error) {
+			console.error("Failed to open URL:", error);
+			return { success: false, error: String(error) };
+		}
+	});
 
-  ipcMain.handle('get-accessibility-permission-status', () => {
-    if (process.platform !== 'darwin') {
-      return { success: true, trusted: true, prompted: false }
-    }
+	ipcMain.handle("get-accessibility-permission-status", () => {
+		if (process.platform !== "darwin") {
+			return { success: true, trusted: true, prompted: false };
+		}
 
-    return {
-      success: true,
-      trusted: systemPreferences.isTrustedAccessibilityClient(false),
-      prompted: false,
-    }
-  })
+		return {
+			success: true,
+			trusted: systemPreferences.isTrustedAccessibilityClient(false),
+			prompted: false,
+		};
+	});
 
-  ipcMain.handle('request-accessibility-permission', () => {
-    if (process.platform !== 'darwin') {
-      return { success: true, trusted: true, prompted: false }
-    }
+	ipcMain.handle("request-accessibility-permission", () => {
+		if (process.platform !== "darwin") {
+			return { success: true, trusted: true, prompted: false };
+		}
 
-    return {
-      success: true,
-      trusted: systemPreferences.isTrustedAccessibilityClient(true),
-      prompted: true,
-    }
-  })
+		return {
+			success: true,
+			trusted: systemPreferences.isTrustedAccessibilityClient(true),
+			prompted: true,
+		};
+	});
 
-  ipcMain.handle('get-screen-recording-permission-status', () => {
-    if (process.platform !== 'darwin') {
-      return { success: true, status: 'granted' }
-    }
+	ipcMain.handle("get-screen-recording-permission-status", () => {
+		if (process.platform !== "darwin") {
+			return { success: true, status: "granted" };
+		}
 
-    try {
-      return {
-        success: true,
-        status: systemPreferences.getMediaAccessStatus('screen'),
-      }
-    } catch (error) {
-      console.error('Failed to get screen recording permission status:', error)
-      return { success: false, status: 'unknown', error: String(error) }
-    }
-  })
+		try {
+			return {
+				success: true,
+				status: systemPreferences.getMediaAccessStatus("screen"),
+			};
+		} catch (error) {
+			console.error("Failed to get screen recording permission status:", error);
+			return { success: false, status: "unknown", error: String(error) };
+		}
+	});
 
-  ipcMain.handle('open-screen-recording-preferences', async () => {
-    if (process.platform !== 'darwin') {
-      return { success: true }
-    }
+	ipcMain.handle("open-screen-recording-preferences", async () => {
+		if (process.platform !== "darwin") {
+			return { success: true };
+		}
 
-    try {
-      await shell.openExternal(getMacPrivacySettingsUrl('screen'))
-      return { success: true }
-    } catch (error) {
-      console.error('Failed to open Screen Recording preferences:', error)
-      return { success: false, error: String(error) }
-    }
-  })
+		try {
+			await shell.openExternal(getMacPrivacySettingsUrl("screen"));
+			return { success: true };
+		} catch (error) {
+			console.error("Failed to open Screen Recording preferences:", error);
+			return { success: false, error: String(error) };
+		}
+	});
 
-  ipcMain.handle('open-accessibility-preferences', async () => {
-    if (process.platform !== 'darwin') {
-      return { success: true }
-    }
+	ipcMain.handle("open-accessibility-preferences", async () => {
+		if (process.platform !== "darwin") {
+			return { success: true };
+		}
 
-    try {
-      await shell.openExternal(getMacPrivacySettingsUrl('accessibility'))
-      return { success: true }
-    } catch (error) {
-      console.error('Failed to open Accessibility preferences:', error)
-      return { success: false, error: String(error) }
-    }
-  })
+		try {
+			await shell.openExternal(getMacPrivacySettingsUrl("accessibility"));
+			return { success: true };
+		} catch (error) {
+			console.error("Failed to open Accessibility preferences:", error);
+			return { success: false, error: String(error) };
+		}
+	});
 }
diff --git a/electron/ipc/register/project.ts b/electron/ipc/register/project.ts
index f1fa43e26..a3a0cd078 100644
--- a/electron/ipc/register/project.ts
+++ b/electron/ipc/register/project.ts
@@ -5,26 +5,23 @@ import path from "node:path";
 import { BrowserWindow, dialog, ipcMain, shell } from "electron";
 import { RECORDINGS_DIR } from "../../appPaths";
 import { buildMediaUrl, getMediaServerBaseUrl } from "../../mediaServer";
-import {
-	LEGACY_PROJECT_FILE_EXTENSIONS,
-	PROJECT_FILE_EXTENSION,
-} from "../constants";
+import { LEGACY_PROJECT_FILE_EXTENSIONS, PROJECT_FILE_EXTENSION } from "../constants";
 import { getProjectBackupPath, writeProjectFileAtomically } from "../project/atomicSave";
 import {
 	getProjectsDir,
-  getProjectThumbnailPath,
+	getProjectThumbnailPath,
 	isPathInsideDirectory,
 	isTrustedProjectPath,
 	listProjectLibraryEntries,
 	loadProjectFromPath,
-  loadRecentProjectPaths,
+	loadRecentProjectPaths,
 	persistRecordingsDirectorySetting,
 	rememberRecentProject,
 	replaceApprovedSessionLocalReadPaths,
 	rememberApprovedLocalReadPath,
 	resolveApprovedLocalMediaPath,
 	saveProjectThumbnail,
-  saveRecentProjectPaths,
+	saveRecentProjectPaths,
 } from "../project/manager";
 import { persistRecordingSessionManifest, resolveRecordingSession } from "../project/session";
 import {
@@ -49,36 +46,36 @@ function normalizeRecordingTimeOffsetMs(value: unknown): number {
 }
 
 function normalizeBoolean(value: unknown, fallback = false): boolean {
-  return typeof value === "boolean" ? value : fallback;
+	return typeof value === "boolean" ? value : fallback;
 }
 
 /**
  * Produces a filesystem-safe project base name without the project extension.
  */
 function normalizeProjectSaveName(projectName?: string | null) {
-  if (typeof projectName !== "string") {
-    return null;
-  }
-
-  const trimmedName = projectName.trim();
-  if (!trimmedName) {
-    return null;
-  }
-
-  const withoutExtension = trimmedName.replace(
-    new RegExp(`\\.${PROJECT_FILE_EXTENSION}$`, "i"),
-    "",
-  );
-  const withoutInvalidFilesystemChars = withoutExtension.replace(/[<>:"/\\|?*]/g, "");
-  const withoutControlChars = Array.from(withoutInvalidFilesystemChars)
-    .filter((character) => character.charCodeAt(0) > 31)
-    .join("");
-  const sanitizedName = withoutControlChars
-    .replace(/\s+/g, " ")
-    .replace(/[. ]+$/g, "")
-    .trim();
-
-  return sanitizedName || null;
+	if (typeof projectName !== "string") {
+		return null;
+	}
+
+	const trimmedName = projectName.trim();
+	if (!trimmedName) {
+		return null;
+	}
+
+	const withoutExtension = trimmedName.replace(
+		new RegExp(`\\.${PROJECT_FILE_EXTENSION}$`, "i"),
+		"",
+	);
+	const withoutInvalidFilesystemChars = withoutExtension.replace(/[<>:"/\\|?*]/g, "");
+	const withoutControlChars = Array.from(withoutInvalidFilesystemChars)
+		.filter((character) => character.charCodeAt(0) > 31)
+		.join("");
+	const sanitizedName = withoutControlChars
+		.replace(/\s+/g, " ")
+		.replace(/[. ]+$/g, "")
+		.trim();
+
+	return sanitizedName || null;
 }
 
 type NamedProjectSaveMode = "rename" | "copy";
@@ -91,609 +88,689 @@ function normalizeNamedProjectSaveMode(value: unknown): NamedProjectSaveMode {
  * Extracts the persisted source video path from a saved project payload.
  */
 function getProjectVideoPath(projectData: unknown) {
-  if (!projectData || typeof projectData !== "object") {
-    return null;
-  }
+	if (!projectData || typeof projectData !== "object") {
+		return null;
+	}
 
-  const candidate = projectData as { videoPath?: unknown };
-  return typeof candidate.videoPath === "string" ? candidate.videoPath : null;
+	const candidate = projectData as { videoPath?: unknown };
+	return typeof candidate.videoPath === "string" ? candidate.videoPath : null;
 }
 
 function getProjectId(projectData: unknown) {
-  if (!projectData || typeof projectData !== "object") {
-    return null;
-  }
-
-  const candidate = projectData as { projectId?: unknown };
-  return typeof candidate.projectId === "string" && candidate.projectId.trim().length > 0
-    ? candidate.projectId
-    : null;
+	if (!projectData || typeof projectData !== "object") {
+		return null;
+	}
+
+	const candidate = projectData as { projectId?: unknown };
+	return typeof candidate.projectId === "string" && candidate.projectId.trim().length > 0
+		? candidate.projectId
+		: null;
 }
 
 function withProjectId(projectData: unknown, projectId: string) {
-  if (!projectData || typeof projectData !== "object" || Array.isArray(projectData)) {
-    return projectData;
-  }
-
-  return {
-    ...projectData,
-    projectId,
-  };
+	if (!projectData || typeof projectData !== "object" || Array.isArray(projectData)) {
+		return projectData;
+	}
+
+	return {
+		...projectData,
+		projectId,
+	};
 }
 
 function ensureProjectDataHasProjectId(projectData: unknown) {
-  const existingProjectId = getProjectId(projectData);
-  if (existingProjectId) {
-    return {
-      projectId: existingProjectId,
-      projectData,
-    };
-  }
-
-  const projectId = randomUUID();
-  return {
-    projectId,
-    projectData: withProjectId(projectData, projectId),
-  };
+	const existingProjectId = getProjectId(projectData);
+	if (existingProjectId) {
+		return {
+			projectId: existingProjectId,
+			projectData,
+		};
+	}
+
+	const projectId = randomUUID();
+	return {
+		projectId,
+		projectData: withProjectId(projectData, projectId),
+	};
 }
 
 async function resolveComparablePath(filePath: string) {
-  return fs.realpath(filePath).catch(() => path.resolve(filePath));
+	return fs.realpath(filePath).catch(() => path.resolve(filePath));
 }
 
 /**
  * Prevents a named save from silently overwriting a different project file.
  */
 async function ensureNamedProjectSaveDoesNotOverwriteDifferentProject(
-  targetProjectPath: string,
-  projectData: unknown,
-  activeProjectPath?: string | null,
+	targetProjectPath: string,
+	projectData: unknown,
+	activeProjectPath?: string | null,
 ) {
-  try {
-    await fs.stat(targetProjectPath);
-  } catch (error) {
-    if ((error as NodeJS.ErrnoException)?.code === "ENOENT") {
-      return { success: true };
-    }
-    throw error;
-  }
-
-  const targetResolvedPath = await resolveComparablePath(targetProjectPath);
-  if (activeProjectPath) {
-    const activeResolvedPath = await resolveComparablePath(activeProjectPath);
-    if (activeResolvedPath === targetResolvedPath) {
-      return { success: true };
-    }
-  }
-
-  const incomingProjectId = getProjectId(projectData);
-  const incomingVideoPath = getProjectVideoPath(projectData);
-
-  try {
-    const existingProjectRaw = await fs.readFile(targetProjectPath, "utf-8");
-    const existingProjectData = parseJsonWithByteOrderMark(existingProjectRaw);
-    const existingProjectId = getProjectId(existingProjectData);
-    const existingVideoPath = getProjectVideoPath(existingProjectData);
-
-    if (existingProjectId && incomingProjectId) {
-      if (existingProjectId === incomingProjectId) {
-        return { success: true };
-      }
-
-      return {
-        success: false,
-        message: "A different project already uses this name",
-      };
-    }
-
-    if (existingVideoPath && incomingVideoPath && existingVideoPath !== incomingVideoPath) {
-      return {
-        success: false,
-        message: "A different project already uses this name",
-      };
-    }
-
-    if (!existingProjectId && !incomingProjectId && existingVideoPath && incomingVideoPath) {
-      return {
-        success: false,
-        message: "Unable to verify project identity for the chosen name",
-      };
-    }
-
-    return {
-      success: false,
-      message: "Unable to verify project identity for the chosen name",
-    };
-  } catch (error) {
-    console.error("Failed to verify existing named project before overwrite:", error);
-    return {
-      success: false,
-      message: "Unable to verify project identity for the chosen name",
-    };
-  }
+	try {
+		await fs.stat(targetProjectPath);
+	} catch (error) {
+		if ((error as NodeJS.ErrnoException)?.code === "ENOENT") {
+			return { success: true };
+		}
+		throw error;
+	}
+
+	const targetResolvedPath = await resolveComparablePath(targetProjectPath);
+	if (activeProjectPath) {
+		const activeResolvedPath = await resolveComparablePath(activeProjectPath);
+		if (activeResolvedPath === targetResolvedPath) {
+			return { success: true };
+		}
+	}
+
+	const incomingProjectId = getProjectId(projectData);
+	const incomingVideoPath = getProjectVideoPath(projectData);
+
+	try {
+		const existingProjectRaw = await fs.readFile(targetProjectPath, "utf-8");
+		const existingProjectData = parseJsonWithByteOrderMark(existingProjectRaw);
+		const existingProjectId = getProjectId(existingProjectData);
+		const existingVideoPath = getProjectVideoPath(existingProjectData);
+
+		if (existingProjectId && incomingProjectId) {
+			if (existingProjectId === incomingProjectId) {
+				return { success: true };
+			}
+
+			return {
+				success: false,
+				message: "A different project already uses this name",
+			};
+		}
+
+		if (existingVideoPath && incomingVideoPath && existingVideoPath !== incomingVideoPath) {
+			return {
+				success: false,
+				message: "A different project already uses this name",
+			};
+		}
+
+		if (!existingProjectId && !incomingProjectId && existingVideoPath && incomingVideoPath) {
+			return {
+				success: false,
+				message: "Unable to verify project identity for the chosen name",
+			};
+		}
+
+		return {
+			success: false,
+			message: "Unable to verify project identity for the chosen name",
+		};
+	} catch (error) {
+		console.error("Failed to verify existing named project before overwrite:", error);
+		return {
+			success: false,
+			message: "Unable to verify project identity for the chosen name",
+		};
+	}
 }
 
 export function registerProjectHandlers() {
-  ipcMain.handle('reveal-in-folder', async (_, filePath: string) => {
-    try {
-      // shell.showItemInFolder doesn't return a value, it throws on error
-      shell.showItemInFolder(filePath);
-      return { success: true };
-    } catch (error) {
-      console.error(`Error revealing item in folder: ${filePath}`, error);
-      // Fallback to open the directory if revealing the item fails
-      // This might happen if the file was moved or deleted after export,
-      // or if the path is somehow invalid for showItemInFolder
-      try {
-        const openPathResult = await shell.openPath(path.dirname(filePath));
-        if (openPathResult) {
-          // openPath returned an error message
-          return { success: false, error: openPathResult };
-        }
-        return { success: true, message: 'Could not reveal item, but opened directory.' };
-      } catch (openError) {
-        console.error(`Error opening directory: ${path.dirname(filePath)}`, openError);
-        return { success: false, error: String(error) };
-      }
-    }
-  });
-
-  ipcMain.handle('open-recordings-folder', async () => {
-    try {
-      const recordingsDir = await getRecordingsDir();
-      const openPathResult = await shell.openPath(recordingsDir);
-      if (openPathResult) {
-        return { success: false, error: openPathResult, message: 'Failed to open recordings folder.' };
-      }
-
-      return { success: true };
-    } catch (error) {
-      console.error('Failed to open recordings folder:', error);
-      return { success: false, error: String(error), message: 'Failed to open recordings folder.' };
-    }
-  });
-
-  ipcMain.handle('get-recordings-directory', async () => {
-    try {
-      const recordingsDir = await getRecordingsDir()
-      return {
-        success: true,
-        path: recordingsDir,
-        isDefault: recordingsDir === RECORDINGS_DIR,
-      }
-    } catch (error) {
-      return {
-        success: false,
-        path: RECORDINGS_DIR,
-        isDefault: true,
-        error: String(error),
-      }
-    }
-  })
-
-  ipcMain.handle('choose-recordings-directory', async () => {
-    try {
-      const current = await getRecordingsDir()
-      const result = await dialog.showOpenDialog({
-        title: 'Choose recordings folder',
-        defaultPath: current,
-        properties: ['openDirectory', 'createDirectory', 'promptToCreate'],
-      })
-
-      if (result.canceled || result.filePaths.length === 0) {
-        return { success: false, canceled: true, path: current }
-      }
-
-      const selectedPath = path.resolve(result.filePaths[0])
-      await fs.mkdir(selectedPath, { recursive: true })
-      await fs.access(selectedPath, fsConstants.W_OK)
-      await persistRecordingsDirectorySetting(selectedPath)
-
-      return { success: true, path: selectedPath, isDefault: selectedPath === RECORDINGS_DIR }
-    } catch (error) {
-      return { success: false, error: String(error), message: 'Failed to set recordings folder' }
-    }
-  })
-
-  ipcMain.handle('save-project-file', async (_, projectData: unknown, suggestedName?: string, existingProjectPath?: string, thumbnailDataUrl?: string | null) => {
-    try {
-      const projectsDir = await getProjectsDir()
-      const preparedProject = ensureProjectDataHasProjectId(projectData)
-      const trustedExistingProjectPath = existingProjectPath &&
-        path.extname(existingProjectPath).toLowerCase() === `.${PROJECT_FILE_EXTENSION}` &&
-        (isTrustedProjectPath(existingProjectPath) || isPathInsideDirectory(existingProjectPath, projectsDir))
-        ? path.resolve(existingProjectPath)
-        : null
-
-      if (trustedExistingProjectPath) {
-        await writeProjectFileAtomically(
-          trustedExistingProjectPath,
-          JSON.stringify(preparedProject.projectData, null, 2),
-        )
-        setCurrentProjectPath(trustedExistingProjectPath)
-        await saveProjectThumbnail(trustedExistingProjectPath, thumbnailDataUrl)
-        await rememberRecentProject(trustedExistingProjectPath)
-        return {
-          success: true,
-          path: trustedExistingProjectPath,
-          projectId: preparedProject.projectId,
-          message: 'Project saved successfully'
-        }
-      }
-
-      if (existingProjectPath) {
-        return {
-          success: false,
-          message: 'Project path is no longer trusted. Use Save As to choose a project file.',
-        }
-      }
-
-      const safeName = normalizeProjectSaveName(suggestedName) || `project-${Date.now()}`
-      const defaultName = `${safeName}.${PROJECT_FILE_EXTENSION}`
-
-      const result = await dialog.showSaveDialog({
-        title: 'Save Recordly Project',
-        defaultPath: path.join(projectsDir, defaultName),
-        filters: [
-          { name: 'Recordly Project', extensions: [PROJECT_FILE_EXTENSION] },
-          { name: 'JSON', extensions: ['json'] }
-        ],
-        properties: ['createDirectory', 'showOverwriteConfirmation']
-      })
-
-      if (result.canceled || !result.filePath) {
-        return {
-          success: false,
-          canceled: true,
-          message: 'Save project canceled'
-        }
-      }
-
-      await writeProjectFileAtomically(
-        result.filePath,
-        JSON.stringify(preparedProject.projectData, null, 2),
-      )
-      setCurrentProjectPath(result.filePath)
-      await saveProjectThumbnail(result.filePath, thumbnailDataUrl)
-      await rememberRecentProject(result.filePath)
-
-      return {
-        success: true,
-        path: result.filePath,
-        projectId: preparedProject.projectId,
-        message: 'Project saved successfully'
-      }
-    } catch (error) {
-      console.error('Failed to save project file:', error)
-      return {
-        success: false,
-        message: 'Failed to save project file',
-        error: String(error)
-      }
-    }
-  })
-
-    ipcMain.handle('save-project-file-named', async (_, projectData: unknown, projectName: string, thumbnailDataUrl?: string | null, mode?: unknown) => {
-      try {
-        const normalizedProjectName = normalizeProjectSaveName(projectName)
-        if (!normalizedProjectName) {
-          return {
-            success: false,
-            message: 'Project name is required',
-          }
-        }
-
-        const projectsDir = await getProjectsDir()
-        const namedSaveMode = normalizeNamedProjectSaveMode(mode)
-        const activeProjectPath = isTrustedProjectPath(currentProjectPath)
-          ? currentProjectPath
-          : null
-        const targetProjectPath = path.join(
-          projectsDir,
-          `${normalizedProjectName}.${PROJECT_FILE_EXTENSION}`,
-        )
-        const [activeResolvedPath, targetResolvedPath] = await Promise.all([
-          activeProjectPath ? resolveComparablePath(activeProjectPath) : Promise.resolve(null),
-          resolveComparablePath(targetProjectPath),
-        ])
-        const isSavingToDifferentPath =
-          !activeResolvedPath || activeResolvedPath !== targetResolvedPath
-        const preparedProject =
-          namedSaveMode === "copy" && isSavingToDifferentPath
-            ? (() => {
-                const projectId = randomUUID()
-                return {
-                  projectId,
-                  projectData: withProjectId(projectData, projectId),
-                }
-              })()
-            : ensureProjectDataHasProjectId(projectData)
-
-        const overwriteCheck = await ensureNamedProjectSaveDoesNotOverwriteDifferentProject(
-          targetProjectPath,
-          preparedProject.projectData,
-          activeProjectPath,
-        )
-        if (!overwriteCheck.success) {
-          return overwriteCheck
-        }
-
-        await writeProjectFileAtomically(
-          targetProjectPath,
-          JSON.stringify(preparedProject.projectData, null, 2),
-        )
-        await saveProjectThumbnail(targetProjectPath, thumbnailDataUrl)
-        await rememberRecentProject(targetProjectPath)
-
-        if (namedSaveMode === "rename" && activeProjectPath && isSavingToDifferentPath) {
-            await fs.unlink(activeProjectPath).catch((unlinkError: NodeJS.ErrnoException) => {
-              if (unlinkError.code !== 'ENOENT') {
-                throw unlinkError
-              }
-            })
-            await fs.rm(getProjectThumbnailPath(activeProjectPath), { force: true }).catch(() => undefined)
-            await fs.rm(getProjectBackupPath(activeProjectPath), { force: true }).catch(() => undefined)
-
-            const recentProjectPaths = await loadRecentProjectPaths()
-            const filteredRecentProjectPaths: string[] = []
-            for (const recentProjectPath of recentProjectPaths) {
-              const recentResolvedPath = await resolveComparablePath(recentProjectPath)
-              if (recentResolvedPath !== activeResolvedPath) {
-                filteredRecentProjectPaths.push(recentProjectPath)
-              }
-            }
-            await saveRecentProjectPaths(filteredRecentProjectPaths)
-        }
-
-        setCurrentProjectPath(targetProjectPath)
-
-        return {
-          success: true,
-          path: targetProjectPath,
-          projectId: preparedProject.projectId,
-          message: 'Project saved successfully'
-        }
-      } catch (error) {
-        console.error('Failed to save named project file:', error)
-        return {
-          success: false,
-          message: 'Failed to save project file',
-          error: String(error)
-        }
-      }
-    })
-
-  ipcMain.handle('load-project-file', async () => {
-    try {
-      const projectsDir = await getProjectsDir()
-      const result = await dialog.showOpenDialog({
-        title: 'Open Recordly Project',
-        defaultPath: projectsDir,
-        filters: [
-          { name: 'Recordly Project', extensions: [PROJECT_FILE_EXTENSION, ...LEGACY_PROJECT_FILE_EXTENSIONS] },
-          { name: 'JSON', extensions: ['json'] },
-          { name: 'All Files', extensions: ['*'] }
-        ],
-        properties: ['openFile']
-      })
-
-      if (result.canceled || result.filePaths.length === 0) {
-        return { success: false, canceled: true, message: 'Open project canceled' }
-      }
-
-      return await loadProjectFromPath(result.filePaths[0])
-    } catch (error) {
-      console.error('Failed to load project file:', error)
-      return {
-        success: false,
-        message: 'Failed to load project file',
-        error: String(error)
-      }
-    }
-  })
-
-  ipcMain.handle('load-current-project-file', async () => {
-    try {
-      if (!currentProjectPath) {
-        return { success: false, message: 'No active project' }
-      }
-
-      return await loadProjectFromPath(currentProjectPath)
-    } catch (error) {
-      console.error('Failed to load current project file:', error)
-      return {
-        success: false,
-        message: 'Failed to load current project file',
-        error: String(error),
-      }
-    }
-  })
-
-  ipcMain.handle('get-projects-directory', async () => {
-    try {
-      return {
-        success: true,
-        path: await getProjectsDir(),
-      }
-    } catch (error) {
-      return {
-        success: false,
-        error: String(error),
-      }
-    }
-  })
-
-  ipcMain.handle('list-project-files', async () => {
-    try {
-      const library = await listProjectLibraryEntries()
-      return {
-        success: true,
-        projectsDir: library.projectsDir,
-        entries: library.entries,
-      }
-    } catch (error) {
-      return {
-        success: false,
-        projectsDir: null,
-        entries: [],
-        error: String(error),
-      }
-    }
-  })
-
-  ipcMain.handle('open-project-file-at-path', async (_, filePath: string) => {
-    try {
-      return await loadProjectFromPath(filePath)
-    } catch (error) {
-      console.error('Failed to open project file at path:', error)
-      return {
-        success: false,
-        message: 'Failed to open project file',
-        error: String(error),
-      }
-    }
-  })
-
-  ipcMain.handle('open-projects-directory', async () => {
-    try {
-      const projectsDir = await getProjectsDir()
-      const openPathResult = await shell.openPath(projectsDir)
-      if (openPathResult) {
-        return { success: false, error: openPathResult, message: 'Failed to open projects folder.' }
-      }
-
-      return { success: true, path: projectsDir }
-    } catch (error) {
-      console.error('Failed to open projects folder:', error)
-      return { success: false, error: String(error), message: 'Failed to open projects folder.' }
-    }
-  })
-  ipcMain.handle('set-current-video-path', async (_, path: string, options?: { preserveProjectPath?: boolean; hideOverlayCursorByDefault?: boolean }) => {
-    setCurrentVideoPath(normalizeVideoSourcePath(path) ?? path)
-    approveUserPath(currentVideoPath)
-    const resolvedSession = await resolveRecordingSession(currentVideoPath)
-      ?? {
-        videoPath: currentVideoPath!,
-        webcamPath: null,
-        timeOffsetMs: 0,
-      }
-
-    const nextSession = {
-      ...resolvedSession,
-      hideOverlayCursorByDefault:
-        normalizeBoolean(options?.hideOverlayCursorByDefault) ||
-        normalizeBoolean(resolvedSession.hideOverlayCursorByDefault),
-    }
-
-    setCurrentRecordingSession(nextSession)
-    await replaceApprovedSessionLocalReadPaths([
-      resolvedSession.videoPath,
-      resolvedSession.webcamPath,
-    ])
-
-    if (nextSession.webcamPath) {
-      await persistRecordingSessionManifest(nextSession)
-    }
-
-    if (!options?.preserveProjectPath) {
-      setCurrentProjectPath(null)
-    }
-
-    for (const window of BrowserWindow.getAllWindows()) {
-      if (!window.isDestroyed()) {
-        window.webContents.send('recording-session-changed', nextSession);
-      }
-    }
-
-    return { success: true, webcamPath: nextSession.webcamPath ?? null }
-  })
-
-  ipcMain.handle('set-current-recording-session', async (_, session: { videoPath: string; webcamPath?: string | null; timeOffsetMs?: number; hideOverlayCursorByDefault?: boolean }, options?: { preserveProjectPath?: boolean }) => {
-    const normalizedVideoPath = normalizeVideoSourcePath(session.videoPath) ?? session.videoPath
-    setCurrentVideoPath(normalizedVideoPath)
-    setCurrentRecordingSession({
-      videoPath: normalizedVideoPath,
-      webcamPath: normalizeVideoSourcePath(session.webcamPath ?? null),
-      timeOffsetMs: normalizeRecordingTimeOffsetMs(session.timeOffsetMs),
-      hideOverlayCursorByDefault: normalizeBoolean(session.hideOverlayCursorByDefault),
-    });
-    await rememberApprovedLocalReadPath(currentRecordingSession!.videoPath)
-    await rememberApprovedLocalReadPath(currentRecordingSession!.webcamPath)
-    if (!options?.preserveProjectPath) {
-      setCurrentProjectPath(null)
-    }
-    await persistRecordingSessionManifest(currentRecordingSession!)
-
-    for (const window of BrowserWindow.getAllWindows()) {
-      if (!window.isDestroyed()) {
-        window.webContents.send('recording-session-changed', currentRecordingSession);
-      }
-    }
-
-    return { success: true }
-  })
-
-  ipcMain.handle('get-current-recording-session', () => {
-    if (!currentRecordingSession) {
-      return { success: false }
-    }
-
-    return {
-      success: true,
-      session: currentRecordingSession,
-    }
-  })
-
-  ipcMain.handle('get-current-video-path', () => {
-    return currentVideoPath ? { success: true, path: currentVideoPath } : { success: false };
-  });
-
-  ipcMain.handle('clear-current-video-path', () => {
-    setCurrentVideoPath(null);
-    setCurrentRecordingSession(null);
-    return { success: true };
-  });
-
-  ipcMain.handle('delete-recording-file', async (_, filePath: string) => {
-    try {
-      if (!filePath) {
-        return { success: false, error: 'Only auto-generated recordings can be deleted' };
-      }
-      const resolvedPath = await fs.realpath(filePath).catch(() => path.resolve(filePath));
+	ipcMain.handle("reveal-in-folder", async (_, filePath: string) => {
+		try {
+			// shell.showItemInFolder doesn't return a value, it throws on error
+			shell.showItemInFolder(filePath);
+			return { success: true };
+		} catch (error) {
+			console.error(`Error revealing item in folder: ${filePath}`, error);
+			// Fallback to open the directory if revealing the item fails
+			// This might happen if the file was moved or deleted after export,
+			// or if the path is somehow invalid for showItemInFolder
+			try {
+				const openPathResult = await shell.openPath(path.dirname(filePath));
+				if (openPathResult) {
+					// openPath returned an error message
+					return { success: false, error: openPathResult };
+				}
+				return { success: true, message: "Could not reveal item, but opened directory." };
+			} catch (openError) {
+				console.error(`Error opening directory: ${path.dirname(filePath)}`, openError);
+				return { success: false, error: String(error) };
+			}
+		}
+	});
+
+	ipcMain.handle("open-recordings-folder", async () => {
+		try {
+			const recordingsDir = await getRecordingsDir();
+			const openPathResult = await shell.openPath(recordingsDir);
+			if (openPathResult) {
+				return {
+					success: false,
+					error: openPathResult,
+					message: "Failed to open recordings folder.",
+				};
+			}
+
+			return { success: true };
+		} catch (error) {
+			console.error("Failed to open recordings folder:", error);
+			return {
+				success: false,
+				error: String(error),
+				message: "Failed to open recordings folder.",
+			};
+		}
+	});
+
+	ipcMain.handle("get-recordings-directory", async () => {
+		try {
+			const recordingsDir = await getRecordingsDir();
+			return {
+				success: true,
+				path: recordingsDir,
+				isDefault: recordingsDir === RECORDINGS_DIR,
+			};
+		} catch (error) {
+			return {
+				success: false,
+				path: RECORDINGS_DIR,
+				isDefault: true,
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("choose-recordings-directory", async () => {
+		try {
+			const current = await getRecordingsDir();
+			const result = await dialog.showOpenDialog({
+				title: "Choose recordings folder",
+				defaultPath: current,
+				properties: ["openDirectory", "createDirectory", "promptToCreate"],
+			});
+
+			if (result.canceled || result.filePaths.length === 0) {
+				return { success: false, canceled: true, path: current };
+			}
+
+			const selectedPath = path.resolve(result.filePaths[0]);
+			await fs.mkdir(selectedPath, { recursive: true });
+			await fs.access(selectedPath, fsConstants.W_OK);
+			await persistRecordingsDirectorySetting(selectedPath);
+
+			return {
+				success: true,
+				path: selectedPath,
+				isDefault: selectedPath === RECORDINGS_DIR,
+			};
+		} catch (error) {
+			return {
+				success: false,
+				error: String(error),
+				message: "Failed to set recordings folder",
+			};
+		}
+	});
+
+	ipcMain.handle(
+		"save-project-file",
+		async (
+			_,
+			projectData: unknown,
+			suggestedName?: string,
+			existingProjectPath?: string,
+			thumbnailDataUrl?: string | null,
+		) => {
+			try {
+				const projectsDir = await getProjectsDir();
+				const preparedProject = ensureProjectDataHasProjectId(projectData);
+				const trustedExistingProjectPath =
+					existingProjectPath &&
+					path.extname(existingProjectPath).toLowerCase() ===
+						`.${PROJECT_FILE_EXTENSION}` &&
+					(isTrustedProjectPath(existingProjectPath) ||
+						isPathInsideDirectory(existingProjectPath, projectsDir))
+						? path.resolve(existingProjectPath)
+						: null;
+
+				if (trustedExistingProjectPath) {
+					await writeProjectFileAtomically(
+						trustedExistingProjectPath,
+						JSON.stringify(preparedProject.projectData, null, 2),
+					);
+					setCurrentProjectPath(trustedExistingProjectPath);
+					await saveProjectThumbnail(trustedExistingProjectPath, thumbnailDataUrl);
+					await rememberRecentProject(trustedExistingProjectPath);
+					return {
+						success: true,
+						path: trustedExistingProjectPath,
+						projectId: preparedProject.projectId,
+						message: "Project saved successfully",
+					};
+				}
+
+				if (existingProjectPath) {
+					return {
+						success: false,
+						message:
+							"Project path is no longer trusted. Use Save As to choose a project file.",
+					};
+				}
+
+				const safeName = normalizeProjectSaveName(suggestedName) || `project-${Date.now()}`;
+				const defaultName = `${safeName}.${PROJECT_FILE_EXTENSION}`;
+
+				const result = await dialog.showSaveDialog({
+					title: "Save Recordly Project",
+					defaultPath: path.join(projectsDir, defaultName),
+					filters: [
+						{ name: "Recordly Project", extensions: [PROJECT_FILE_EXTENSION] },
+						{ name: "JSON", extensions: ["json"] },
+					],
+					properties: ["createDirectory", "showOverwriteConfirmation"],
+				});
+
+				if (result.canceled || !result.filePath) {
+					return {
+						success: false,
+						canceled: true,
+						message: "Save project canceled",
+					};
+				}
+
+				await writeProjectFileAtomically(
+					result.filePath,
+					JSON.stringify(preparedProject.projectData, null, 2),
+				);
+				setCurrentProjectPath(result.filePath);
+				await saveProjectThumbnail(result.filePath, thumbnailDataUrl);
+				await rememberRecentProject(result.filePath);
+
+				return {
+					success: true,
+					path: result.filePath,
+					projectId: preparedProject.projectId,
+					message: "Project saved successfully",
+				};
+			} catch (error) {
+				console.error("Failed to save project file:", error);
+				return {
+					success: false,
+					message: "Failed to save project file",
+					error: String(error),
+				};
+			}
+		},
+	);
+
+	ipcMain.handle(
+		"save-project-file-named",
+		async (
+			_,
+			projectData: unknown,
+			projectName: string,
+			thumbnailDataUrl?: string | null,
+			mode?: unknown,
+		) => {
+			try {
+				const normalizedProjectName = normalizeProjectSaveName(projectName);
+				if (!normalizedProjectName) {
+					return {
+						success: false,
+						message: "Project name is required",
+					};
+				}
+
+				const projectsDir = await getProjectsDir();
+				const namedSaveMode = normalizeNamedProjectSaveMode(mode);
+				const activeProjectPath = isTrustedProjectPath(currentProjectPath)
+					? currentProjectPath
+					: null;
+				const targetProjectPath = path.join(
+					projectsDir,
+					`${normalizedProjectName}.${PROJECT_FILE_EXTENSION}`,
+				);
+				const [activeResolvedPath, targetResolvedPath] = await Promise.all([
+					activeProjectPath
+						? resolveComparablePath(activeProjectPath)
+						: Promise.resolve(null),
+					resolveComparablePath(targetProjectPath),
+				]);
+				const isSavingToDifferentPath =
+					!activeResolvedPath || activeResolvedPath !== targetResolvedPath;
+				const preparedProject =
+					namedSaveMode === "copy" && isSavingToDifferentPath
+						? (() => {
+								const projectId = randomUUID();
+								return {
+									projectId,
+									projectData: withProjectId(projectData, projectId),
+								};
+							})()
+						: ensureProjectDataHasProjectId(projectData);
+
+				const overwriteCheck = await ensureNamedProjectSaveDoesNotOverwriteDifferentProject(
+					targetProjectPath,
+					preparedProject.projectData,
+					activeProjectPath,
+				);
+				if (!overwriteCheck.success) {
+					return overwriteCheck;
+				}
+
+				await writeProjectFileAtomically(
+					targetProjectPath,
+					JSON.stringify(preparedProject.projectData, null, 2),
+				);
+				await saveProjectThumbnail(targetProjectPath, thumbnailDataUrl);
+				await rememberRecentProject(targetProjectPath);
+
+				if (namedSaveMode === "rename" && activeProjectPath && isSavingToDifferentPath) {
+					await fs
+						.unlink(activeProjectPath)
+						.catch((unlinkError: NodeJS.ErrnoException) => {
+							if (unlinkError.code !== "ENOENT") {
+								throw unlinkError;
+							}
+						});
+					await fs
+						.rm(getProjectThumbnailPath(activeProjectPath), { force: true })
+						.catch(() => undefined);
+					await fs
+						.rm(getProjectBackupPath(activeProjectPath), { force: true })
+						.catch(() => undefined);
+
+					const recentProjectPaths = await loadRecentProjectPaths();
+					const filteredRecentProjectPaths: string[] = [];
+					for (const recentProjectPath of recentProjectPaths) {
+						const recentResolvedPath = await resolveComparablePath(recentProjectPath);
+						if (recentResolvedPath !== activeResolvedPath) {
+							filteredRecentProjectPaths.push(recentProjectPath);
+						}
+					}
+					await saveRecentProjectPaths(filteredRecentProjectPaths);
+				}
+
+				setCurrentProjectPath(targetProjectPath);
+
+				return {
+					success: true,
+					path: targetProjectPath,
+					projectId: preparedProject.projectId,
+					message: "Project saved successfully",
+				};
+			} catch (error) {
+				console.error("Failed to save named project file:", error);
+				return {
+					success: false,
+					message: "Failed to save project file",
+					error: String(error),
+				};
+			}
+		},
+	);
+
+	ipcMain.handle("load-project-file", async () => {
+		try {
+			const projectsDir = await getProjectsDir();
+			const result = await dialog.showOpenDialog({
+				title: "Open Recordly Project",
+				defaultPath: projectsDir,
+				filters: [
+					{
+						name: "Recordly Project",
+						extensions: [PROJECT_FILE_EXTENSION, ...LEGACY_PROJECT_FILE_EXTENSIONS],
+					},
+					{ name: "JSON", extensions: ["json"] },
+					{ name: "All Files", extensions: ["*"] },
+				],
+				properties: ["openFile"],
+			});
+
+			if (result.canceled || result.filePaths.length === 0) {
+				return { success: false, canceled: true, message: "Open project canceled" };
+			}
+
+			return await loadProjectFromPath(result.filePaths[0]);
+		} catch (error) {
+			console.error("Failed to load project file:", error);
+			return {
+				success: false,
+				message: "Failed to load project file",
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("load-current-project-file", async () => {
+		try {
+			if (!currentProjectPath) {
+				return { success: false, message: "No active project" };
+			}
+
+			return await loadProjectFromPath(currentProjectPath);
+		} catch (error) {
+			console.error("Failed to load current project file:", error);
+			return {
+				success: false,
+				message: "Failed to load current project file",
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("get-projects-directory", async () => {
+		try {
+			return {
+				success: true,
+				path: await getProjectsDir(),
+			};
+		} catch (error) {
+			return {
+				success: false,
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("list-project-files", async () => {
+		try {
+			const library = await listProjectLibraryEntries();
+			return {
+				success: true,
+				projectsDir: library.projectsDir,
+				entries: library.entries,
+			};
+		} catch (error) {
+			return {
+				success: false,
+				projectsDir: null,
+				entries: [],
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("open-project-file-at-path", async (_, filePath: string) => {
+		try {
+			return await loadProjectFromPath(filePath);
+		} catch (error) {
+			console.error("Failed to open project file at path:", error);
+			return {
+				success: false,
+				message: "Failed to open project file",
+				error: String(error),
+			};
+		}
+	});
+
+	ipcMain.handle("open-projects-directory", async () => {
+		try {
+			const projectsDir = await getProjectsDir();
+			const openPathResult = await shell.openPath(projectsDir);
+			if (openPathResult) {
+				return {
+					success: false,
+					error: openPathResult,
+					message: "Failed to open projects folder.",
+				};
+			}
+
+			return { success: true, path: projectsDir };
+		} catch (error) {
+			console.error("Failed to open projects folder:", error);
+			return {
+				success: false,
+				error: String(error),
+				message: "Failed to open projects folder.",
+			};
+		}
+	});
+	ipcMain.handle(
+		"set-current-video-path",
+		async (
+			_,
+			path: string,
+			options?: { preserveProjectPath?: boolean; hideOverlayCursorByDefault?: boolean },
+		) => {
+			setCurrentVideoPath(normalizeVideoSourcePath(path) ?? path);
+			approveUserPath(currentVideoPath);
+			const resolvedSession = (await resolveRecordingSession(currentVideoPath)) ?? {
+				videoPath: currentVideoPath!,
+				webcamPath: null,
+				timeOffsetMs: 0,
+			};
+
+			const nextSession = {
+				...resolvedSession,
+				hideOverlayCursorByDefault:
+					normalizeBoolean(options?.hideOverlayCursorByDefault) ||
+					normalizeBoolean(resolvedSession.hideOverlayCursorByDefault),
+			};
+
+			setCurrentRecordingSession(nextSession);
+			await replaceApprovedSessionLocalReadPaths([
+				resolvedSession.videoPath,
+				resolvedSession.webcamPath,
+			]);
+
+			if (nextSession.webcamPath) {
+				await persistRecordingSessionManifest(nextSession);
+			}
+
+			if (!options?.preserveProjectPath) {
+				setCurrentProjectPath(null);
+			}
+
+			for (const window of BrowserWindow.getAllWindows()) {
+				if (!window.isDestroyed()) {
+					window.webContents.send("recording-session-changed", nextSession);
+				}
+			}
+
+			return { success: true, webcamPath: nextSession.webcamPath ?? null };
+		},
+	);
+
+	ipcMain.handle(
+		"set-current-recording-session",
+		async (
+			_,
+			session: {
+				videoPath: string;
+				webcamPath?: string | null;
+				timeOffsetMs?: number;
+				hideOverlayCursorByDefault?: boolean;
+			},
+			options?: { preserveProjectPath?: boolean },
+		) => {
+			const normalizedVideoPath =
+				normalizeVideoSourcePath(session.videoPath) ?? session.videoPath;
+			setCurrentVideoPath(normalizedVideoPath);
+			setCurrentRecordingSession({
+				videoPath: normalizedVideoPath,
+				webcamPath: normalizeVideoSourcePath(session.webcamPath ?? null),
+				timeOffsetMs: normalizeRecordingTimeOffsetMs(session.timeOffsetMs),
+				hideOverlayCursorByDefault: normalizeBoolean(session.hideOverlayCursorByDefault),
+			});
+			await rememberApprovedLocalReadPath(currentRecordingSession!.videoPath);
+			await rememberApprovedLocalReadPath(currentRecordingSession!.webcamPath);
+			if (!options?.preserveProjectPath) {
+				setCurrentProjectPath(null);
+			}
+			await persistRecordingSessionManifest(currentRecordingSession!);
+
+			for (const window of BrowserWindow.getAllWindows()) {
+				if (!window.isDestroyed()) {
+					window.webContents.send("recording-session-changed", currentRecordingSession);
+				}
+			}
+
+			return { success: true };
+		},
+	);
+
+	ipcMain.handle("get-current-recording-session", () => {
+		if (!currentRecordingSession) {
+			return { success: false };
+		}
+
+		return {
+			success: true,
+			session: currentRecordingSession,
+		};
+	});
+
+	ipcMain.handle("get-current-video-path", () => {
+		return currentVideoPath ? { success: true, path: currentVideoPath } : { success: false };
+	});
+
+	ipcMain.handle("clear-current-video-path", () => {
+		setCurrentVideoPath(null);
+		setCurrentRecordingSession(null);
+		return { success: true };
+	});
+
+	ipcMain.handle("delete-recording-file", async (_, filePath: string) => {
+		try {
+			if (!filePath) {
+				return { success: false, error: "Only auto-generated recordings can be deleted" };
+			}
+			const resolvedPath = await fs.realpath(filePath).catch(() => path.resolve(filePath));
 			const recordingsDirRaw = await getRecordingsDir();
-			const recordingsDir = await fs.realpath(recordingsDirRaw).catch(() => path.resolve(recordingsDirRaw));
-      if (!isPathInsideDirectory(resolvedPath, recordingsDir) || !isAutoRecordingPath(resolvedPath)) {
-        return { success: false, error: 'Only auto-generated recordings can be deleted' };
-      }
-      await fs.unlink(resolvedPath);
-      // Also delete the cursor telemetry sidecar if it exists
-      const telemetryPath = getTelemetryPathForVideo(resolvedPath);
-      await fs.unlink(telemetryPath).catch(() => undefined);
+			const recordingsDir = await fs
+				.realpath(recordingsDirRaw)
+				.catch(() => path.resolve(recordingsDirRaw));
+			if (
+				!isPathInsideDirectory(resolvedPath, recordingsDir) ||
+				!isAutoRecordingPath(resolvedPath)
+			) {
+				return { success: false, error: "Only auto-generated recordings can be deleted" };
+			}
+			await fs.unlink(resolvedPath);
+			// Also delete the cursor telemetry sidecar if it exists
+			const telemetryPath = getTelemetryPathForVideo(resolvedPath);
+			await fs.unlink(telemetryPath).catch(() => undefined);
 			const currentResolved = currentVideoPath
 				? await fs.realpath(currentVideoPath).catch(() => currentVideoPath)
 				: null;
 			if (currentResolved === resolvedPath) {
-        setCurrentVideoPath(null);
-        setCurrentRecordingSession(null);
-      }
-      return { success: true };
-    } catch (error) {
-      return { success: false, error: String(error) };
-    }
-  });
-
-  ipcMain.handle('get-local-media-url', async (_, filePath: string) => {
-    const baseUrl = getMediaServerBaseUrl();
-    if (!baseUrl || !filePath) {
-      return { success: false as const };
-    }
-    const resolved = await resolveApprovedLocalMediaPath(filePath);
-    if (!resolved) {
-      const normalized = path.resolve(filePath);
-      console.warn(`[get-local-media-url] Blocked disallowed path: ${normalized}`);
-      return { success: false as const };
-    }
-    return { success: true as const, url: buildMediaUrl(baseUrl, resolved) };
-  });
-
+				setCurrentVideoPath(null);
+				setCurrentRecordingSession(null);
+			}
+			return { success: true };
+		} catch (error) {
+			return { success: false, error: String(error) };
+		}
+	});
+
+	ipcMain.handle("get-local-media-url", async (_, filePath: string) => {
+		const baseUrl = getMediaServerBaseUrl();
+		if (!baseUrl || !filePath) {
+			return { success: false as const };
+		}
+		const resolved = await resolveApprovedLocalMediaPath(filePath);
+		if (!resolved) {
+			const normalized = path.resolve(filePath);
+			console.warn(`[get-local-media-url] Blocked disallowed path: ${normalized}`);
+			return { success: false as const };
+		}
+		return { success: true as const, url: buildMediaUrl(baseUrl, resolved) };
+	});
 }
diff --git a/electron/ipc/register/recording.ts b/electron/ipc/register/recording.ts
index fa9b32f36..3e03d9709 100644
--- a/electron/ipc/register/recording.ts
+++ b/electron/ipc/register/recording.ts
@@ -435,13 +435,16 @@ export function registerRecordingHandlers(
 					const recordingsDir = await getRecordingsDir();
 					const timestamp = Date.now();
 					const outputPath = path.join(recordingsDir, `recording-${timestamp}.mp4`);
-					tempVideoPath = path.join(app.getPath("temp"), `recordly-native-${timestamp}.mp4`);
-					
+					tempVideoPath = path.join(
+						app.getPath("temp"),
+						`recordly-native-${timestamp}.mp4`,
+					);
+
 					let captureOutput = "";
 					let systemAudioPath: string | null = null;
 					let microphonePath: string | null = null;
 					let orphanedMicAudioPath: string | null = null;
-					
+
 					const browserMicFallbackRequested =
 						shouldStartWindowsBrowserMicrophoneFallback(options);
 					const captureTarget = resolveWindowsCaptureTarget(
@@ -484,7 +487,7 @@ export function registerRecordingHandlers(
 							// Fallback to coordinate-based matching if handle resolution fails
 							config.displayId = captureTarget.displayId;
 						}
-						
+
 						config.displayX = Math.round(captureTarget.bounds.x);
 						config.displayY = Math.round(captureTarget.bounds.y);
 						config.displayW = Math.round(captureTarget.bounds.width);
@@ -509,7 +512,10 @@ export function registerRecordingHandlers(
 
 					if (options?.capturesMicrophone && !browserMicFallbackRequested) {
 						microphonePath = path.join(recordingsDir, `recording-${timestamp}.mic.wav`);
-						tempMicPath = path.join(app.getPath("temp"), `recordly-native-${timestamp}.mic.wav`);
+						tempMicPath = path.join(
+							app.getPath("temp"),
+							`recordly-native-${timestamp}.mic.wav`,
+						);
 						config.captureMic = true;
 						config.micOutputPath = tempMicPath;
 						if (options.microphoneLabel) {
@@ -907,333 +913,337 @@ export function registerRecordingHandlers(
 		const start = Date.now();
 		console.log("[PERF:MAIN] Handler: stop-native-screen-recording: STARTED");
 		try {
-		// Windows native capture stop path
-		if (process.platform === "win32" && windowsNativeCaptureActive) {
-			let stagedTempVideoPath: string | null = null;
-			let stagedTempSystemAudioPath: string | null = null;
-			let stagedTempMicAudioPath: string | null = null;
-			try {
-				if (!windowsCaptureProcess) {
-					throw new Error("Native Windows capture process is not running");
-				}
-
-				const proc = windowsCaptureProcess;
-				const preferredVideoPath = windowsCaptureTargetPath;
-				const preferredOrphanedMicAudioPath = windowsOrphanedMicAudioPath;
-				const diagnosticsSystemAudioPath = windowsSystemAudioPath;
-				const diagnosticsMicAudioPath = windowsMicAudioPath;
-				setWindowsCaptureStopRequested(true);
-				proc.stdin.write("stop\n");
-				const tempVideoPath = await waitForWindowsCaptureStop(proc);
-				stagedTempVideoPath = tempVideoPath;
-				const finalVideoPath = preferredVideoPath ?? tempVideoPath;
+			// Windows native capture stop path
+			if (process.platform === "win32" && windowsNativeCaptureActive) {
+				let stagedTempVideoPath: string | null = null;
+				let stagedTempSystemAudioPath: string | null = null;
+				let stagedTempMicAudioPath: string | null = null;
+				try {
+					if (!windowsCaptureProcess) {
+						throw new Error("Native Windows capture process is not running");
+					}
 
-				// Native Windows capture results are initially written to a safe temporary path
-				// (to avoid encoding failures with non-ASCII characters). We move them to the final
-				// destination now using Node.js, which handles Unicode paths correctly.
-				if (tempVideoPath !== finalVideoPath) {
-					await moveFileWithOverwrite(tempVideoPath, finalVideoPath);
-				}
+					const proc = windowsCaptureProcess;
+					const preferredVideoPath = windowsCaptureTargetPath;
+					const preferredOrphanedMicAudioPath = windowsOrphanedMicAudioPath;
+					const diagnosticsSystemAudioPath = windowsSystemAudioPath;
+					const diagnosticsMicAudioPath = windowsMicAudioPath;
+					setWindowsCaptureStopRequested(true);
+					proc.stdin.write("stop\n");
+					const tempVideoPath = await waitForWindowsCaptureStop(proc);
+					stagedTempVideoPath = tempVideoPath;
+					const finalVideoPath = preferredVideoPath ?? tempVideoPath;
+
+					// Native Windows capture results are initially written to a safe temporary path
+					// (to avoid encoding failures with non-ASCII characters). We move them to the final
+					// destination now using Node.js, which handles Unicode paths correctly.
+					if (tempVideoPath !== finalVideoPath) {
+						await moveFileWithOverwrite(tempVideoPath, finalVideoPath);
+					}
 
-				if (windowsSystemAudioPath && tempVideoPath.endsWith(".mp4")) {
-					const tempAudioPath = tempVideoPath.replace(".mp4", ".system.wav");
-					stagedTempSystemAudioPath = tempAudioPath;
-					const finalAudioPath = windowsSystemAudioPath;
-					if (await pathExists(tempAudioPath)) {
-						await moveFileWithOverwrite(tempAudioPath, finalAudioPath);
-						const tempJson = tempAudioPath + ".json";
-						if (await pathExists(tempJson)) {
-							await moveFileWithOverwrite(tempJson, finalAudioPath + ".json");
+					if (windowsSystemAudioPath && tempVideoPath.endsWith(".mp4")) {
+						const tempAudioPath = tempVideoPath.replace(".mp4", ".system.wav");
+						stagedTempSystemAudioPath = tempAudioPath;
+						const finalAudioPath = windowsSystemAudioPath;
+						if (await pathExists(tempAudioPath)) {
+							await moveFileWithOverwrite(tempAudioPath, finalAudioPath);
+							const tempJson = tempAudioPath + ".json";
+							if (await pathExists(tempJson)) {
+								await moveFileWithOverwrite(tempJson, finalAudioPath + ".json");
+							}
 						}
 					}
-				}
 
-				if (windowsMicAudioPath && tempVideoPath.endsWith(".mp4")) {
-					const tempMicPath = tempVideoPath.replace(".mp4", ".mic.wav");
-					stagedTempMicAudioPath = tempMicPath;
-					const finalMicPath = windowsMicAudioPath;
-					if (await pathExists(tempMicPath)) {
-						await moveFileWithOverwrite(tempMicPath, finalMicPath);
-						const tempJson = tempMicPath + ".json";
-						if (await pathExists(tempJson)) {
-							await moveFileWithOverwrite(tempJson, finalMicPath + ".json");
+					if (windowsMicAudioPath && tempVideoPath.endsWith(".mp4")) {
+						const tempMicPath = tempVideoPath.replace(".mp4", ".mic.wav");
+						stagedTempMicAudioPath = tempMicPath;
+						const finalMicPath = windowsMicAudioPath;
+						if (await pathExists(tempMicPath)) {
+							await moveFileWithOverwrite(tempMicPath, finalMicPath);
+							const tempJson = tempMicPath + ".json";
+							if (await pathExists(tempJson)) {
+								await moveFileWithOverwrite(tempJson, finalMicPath + ".json");
+							}
 						}
 					}
-				}
-				const validation = await validateRecordedVideo(finalVideoPath);
+					const validation = await validateRecordedVideo(finalVideoPath);
 
-				setWindowsCaptureProcess(null);
-				setWindowsNativeCaptureActive(false);
-				setNativeScreenRecordingActive(false);
-				setWindowsCaptureTargetPath(null);
-				setWindowsCaptureStopRequested(false);
-				setWindowsCapturePaused(false);
-				setWindowsOrphanedMicAudioPath(null);
-				await cleanupWindowsOrphanedMicAudioPath(preferredOrphanedMicAudioPath);
-				setWindowsPendingVideoPath(finalVideoPath);
-				recordNativeCaptureDiagnostics({
-					backend: "windows-wgc",
-					phase: "stop",
-					outputPath: finalVideoPath,
-					systemAudioPath: diagnosticsSystemAudioPath,
-					microphonePath: diagnosticsMicAudioPath,
-					processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-					fileSizeBytes: validation.fileSizeBytes,
-				});
-				await writeWindowsRecordingDiagnostics(finalVideoPath, {
-					phase: "stop",
-					outputPath: finalVideoPath,
-					systemAudioPath: diagnosticsSystemAudioPath,
-					microphonePath: diagnosticsMicAudioPath,
-					processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-					details: {
+					setWindowsCaptureProcess(null);
+					setWindowsNativeCaptureActive(false);
+					setNativeScreenRecordingActive(false);
+					setWindowsCaptureTargetPath(null);
+					setWindowsCaptureStopRequested(false);
+					setWindowsCapturePaused(false);
+					setWindowsOrphanedMicAudioPath(null);
+					await cleanupWindowsOrphanedMicAudioPath(preferredOrphanedMicAudioPath);
+					setWindowsPendingVideoPath(finalVideoPath);
+					recordNativeCaptureDiagnostics({
+						backend: "windows-wgc",
+						phase: "stop",
+						outputPath: finalVideoPath,
+						systemAudioPath: diagnosticsSystemAudioPath,
+						microphonePath: diagnosticsMicAudioPath,
+						processOutput: windowsCaptureOutputBuffer.trim() || undefined,
 						fileSizeBytes: validation.fileSizeBytes,
-						durationSeconds: validation.durationSeconds,
-					},
-				});
+					});
+					await writeWindowsRecordingDiagnostics(finalVideoPath, {
+						phase: "stop",
+						outputPath: finalVideoPath,
+						systemAudioPath: diagnosticsSystemAudioPath,
+						microphonePath: diagnosticsMicAudioPath,
+						processOutput: windowsCaptureOutputBuffer.trim() || undefined,
+						details: {
+							fileSizeBytes: validation.fileSizeBytes,
+							durationSeconds: validation.durationSeconds,
+						},
+					});
 
-				// Persist cursor telemetry before returning so the editor can find it immediately
-				snapshotCursorTelemetryForPersistence();
-				try {
-					await persistPendingCursorTelemetry(finalVideoPath);
-				} catch (error) {
-					console.warn("Failed to persist cursor telemetry during native stop:", error);
-				}
+					// Persist cursor telemetry before returning so the editor can find it immediately
+					snapshotCursorTelemetryForPersistence();
+					try {
+						await persistPendingCursorTelemetry(finalVideoPath);
+					} catch (error) {
+						console.warn(
+							"Failed to persist cursor telemetry during native stop:",
+							error,
+						);
+					}
 
-				return { success: true, path: finalVideoPath };
-			} catch (error) {
-				console.error("Failed to stop native Windows capture:", error);
-				const fallbackPath = await resolveExistingPath(
-					windowsCaptureTargetPath,
-					stagedTempVideoPath,
-				);
-				const recoveredSystemAudioPath = await resolveExistingPath(
-					windowsSystemAudioPath,
-					stagedTempSystemAudioPath,
-				);
-				const recoveredMicAudioPath = await resolveExistingPath(
-					windowsMicAudioPath,
-					stagedTempMicAudioPath,
-				);
-				const fallbackOrphanedMicAudioPath = windowsOrphanedMicAudioPath;
-				const diagnosticsSystemAudioPath = recoveredSystemAudioPath ?? windowsSystemAudioPath;
-				const diagnosticsMicAudioPath = recoveredMicAudioPath ?? windowsMicAudioPath;
-				setWindowsNativeCaptureActive(false);
-				setNativeScreenRecordingActive(false);
-				setWindowsCaptureProcess(null);
-				setWindowsCaptureTargetPath(null);
-				setWindowsCaptureStopRequested(false);
-				setWindowsCapturePaused(false);
-				setWindowsOrphanedMicAudioPath(null);
+					return { success: true, path: finalVideoPath };
+				} catch (error) {
+					console.error("Failed to stop native Windows capture:", error);
+					const fallbackPath = await resolveExistingPath(
+						windowsCaptureTargetPath,
+						stagedTempVideoPath,
+					);
+					const recoveredSystemAudioPath = await resolveExistingPath(
+						windowsSystemAudioPath,
+						stagedTempSystemAudioPath,
+					);
+					const recoveredMicAudioPath = await resolveExistingPath(
+						windowsMicAudioPath,
+						stagedTempMicAudioPath,
+					);
+					const fallbackOrphanedMicAudioPath = windowsOrphanedMicAudioPath;
+					const diagnosticsSystemAudioPath =
+						recoveredSystemAudioPath ?? windowsSystemAudioPath;
+					const diagnosticsMicAudioPath = recoveredMicAudioPath ?? windowsMicAudioPath;
+					setWindowsNativeCaptureActive(false);
+					setNativeScreenRecordingActive(false);
+					setWindowsCaptureProcess(null);
+					setWindowsCaptureTargetPath(null);
+					setWindowsCaptureStopRequested(false);
+					setWindowsCapturePaused(false);
+					setWindowsOrphanedMicAudioPath(null);
 
-				if (fallbackPath) {
-					try {
-						const validation = await validateRecordedVideo(fallbackPath);
-						setWindowsPendingVideoPath(fallbackPath);
-						setWindowsSystemAudioPath(recoveredSystemAudioPath);
-						setWindowsMicAudioPath(recoveredMicAudioPath);
-						await cleanupWindowsOrphanedMicAudioPath(fallbackOrphanedMicAudioPath);
-						recordNativeCaptureDiagnostics({
-							backend: "windows-wgc",
-							phase: "stop",
-							outputPath: fallbackPath,
-							systemAudioPath: diagnosticsSystemAudioPath,
-							microphonePath: diagnosticsMicAudioPath,
-							processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-							fileSizeBytes: validation.fileSizeBytes,
-							error: String(error),
-						});
-						await writeWindowsRecordingDiagnostics(fallbackPath, {
-							phase: "stop",
-							outputPath: fallbackPath,
-							systemAudioPath: diagnosticsSystemAudioPath,
-							microphonePath: diagnosticsMicAudioPath,
-							processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-							error: String(error),
-							details: {
+					if (fallbackPath) {
+						try {
+							const validation = await validateRecordedVideo(fallbackPath);
+							setWindowsPendingVideoPath(fallbackPath);
+							setWindowsSystemAudioPath(recoveredSystemAudioPath);
+							setWindowsMicAudioPath(recoveredMicAudioPath);
+							await cleanupWindowsOrphanedMicAudioPath(fallbackOrphanedMicAudioPath);
+							recordNativeCaptureDiagnostics({
+								backend: "windows-wgc",
+								phase: "stop",
+								outputPath: fallbackPath,
+								systemAudioPath: diagnosticsSystemAudioPath,
+								microphonePath: diagnosticsMicAudioPath,
+								processOutput: windowsCaptureOutputBuffer.trim() || undefined,
 								fileSizeBytes: validation.fileSizeBytes,
-								durationSeconds: validation.durationSeconds,
-								recoveredAfterStopFailure: true,
-							},
-						});
-						return { success: true, path: fallbackPath };
-					} catch {
-						// File is absent or failed validation.
+								error: String(error),
+							});
+							await writeWindowsRecordingDiagnostics(fallbackPath, {
+								phase: "stop",
+								outputPath: fallbackPath,
+								systemAudioPath: diagnosticsSystemAudioPath,
+								microphonePath: diagnosticsMicAudioPath,
+								processOutput: windowsCaptureOutputBuffer.trim() || undefined,
+								error: String(error),
+								details: {
+									fileSizeBytes: validation.fileSizeBytes,
+									durationSeconds: validation.durationSeconds,
+									recoveredAfterStopFailure: true,
+								},
+							});
+							return { success: true, path: fallbackPath };
+						} catch {
+							// File is absent or failed validation.
+						}
 					}
-				}
 
-				setWindowsSystemAudioPath(null);
-				setWindowsMicAudioPath(null);
-				setWindowsPendingVideoPath(null);
-				await cleanupWindowsOrphanedMicAudioPath(fallbackOrphanedMicAudioPath);
+					setWindowsSystemAudioPath(null);
+					setWindowsMicAudioPath(null);
+					setWindowsPendingVideoPath(null);
+					await cleanupWindowsOrphanedMicAudioPath(fallbackOrphanedMicAudioPath);
 
-				recordNativeCaptureDiagnostics({
-					backend: "windows-wgc",
-					phase: "stop",
-					outputPath: fallbackPath,
-					systemAudioPath: diagnosticsSystemAudioPath,
-					microphonePath: diagnosticsMicAudioPath,
-					processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-					fileSizeBytes: await getFileSizeIfPresent(fallbackPath),
-					error: String(error),
-				});
-				await writeWindowsRecordingDiagnostics(fallbackPath, {
-					phase: "stop",
-					outputPath: fallbackPath,
-					systemAudioPath: diagnosticsSystemAudioPath,
-					microphonePath: diagnosticsMicAudioPath,
-					processOutput: windowsCaptureOutputBuffer.trim() || undefined,
-					error: String(error),
-					details: {
+					recordNativeCaptureDiagnostics({
+						backend: "windows-wgc",
+						phase: "stop",
+						outputPath: fallbackPath,
+						systemAudioPath: diagnosticsSystemAudioPath,
+						microphonePath: diagnosticsMicAudioPath,
+						processOutput: windowsCaptureOutputBuffer.trim() || undefined,
 						fileSizeBytes: await getFileSizeIfPresent(fallbackPath),
-					},
-				});
+						error: String(error),
+					});
+					await writeWindowsRecordingDiagnostics(fallbackPath, {
+						phase: "stop",
+						outputPath: fallbackPath,
+						systemAudioPath: diagnosticsSystemAudioPath,
+						microphonePath: diagnosticsMicAudioPath,
+						processOutput: windowsCaptureOutputBuffer.trim() || undefined,
+						error: String(error),
+						details: {
+							fileSizeBytes: await getFileSizeIfPresent(fallbackPath),
+						},
+					});
 
+					return {
+						success: false,
+						message: "Failed to stop native Windows capture",
+						error: String(error),
+					};
+				}
+			}
+
+			if (process.platform !== "darwin") {
 				return {
 					success: false,
-					message: "Failed to stop native Windows capture",
-					error: String(error),
+					message: "Native screen recording is only available on macOS.",
 				};
 			}
-		}
-
-		if (process.platform !== "darwin") {
-			return {
-				success: false,
-				message: "Native screen recording is only available on macOS.",
-			};
-		}
-
-		if (!nativeScreenRecordingActive) {
-			const recovered = await recoverNativeMacCaptureOutput();
-			if (recovered) {
-				return recovered;
-			}
 
-			return { success: false, message: "No native screen recording is active." };
-		}
+			if (!nativeScreenRecordingActive) {
+				const recovered = await recoverNativeMacCaptureOutput();
+				if (recovered) {
+					return recovered;
+				}
 
-		try {
-			if (!nativeCaptureProcess) {
-				throw new Error("Native capture helper process is not running");
+				return { success: false, message: "No native screen recording is active." };
 			}
 
-			const process = nativeCaptureProcess;
-			const preferredVideoPath = nativeCaptureTargetPath;
-			const preferredSystemAudioPath = nativeCaptureSystemAudioPath;
-			const preferredMicrophonePath = nativeCaptureMicrophonePath;
-			console.log(
-				"[stop-native] Audio paths — system:",
-				preferredSystemAudioPath,
-				"mic:",
-				preferredMicrophonePath,
-			);
-			setNativeCaptureStopRequested(true);
-			process.stdin.write("stop\n");
-			const tempVideoPath = await waitForNativeCaptureStop(process);
-			console.log("[stop-native] Helper stopped, tempVideoPath:", tempVideoPath);
-			setNativeCaptureProcess(null);
-			setNativeScreenRecordingActive(false);
-			setNativeCaptureTargetPath(null);
-			setNativeCaptureSystemAudioPath(null);
-			setNativeCaptureMicrophonePath(null);
-			setNativeCaptureStopRequested(false);
-			setNativeCapturePaused(false);
-
-			const finalVideoPath = preferredVideoPath ?? tempVideoPath;
-			if (tempVideoPath !== finalVideoPath) {
-				await moveFileWithOverwrite(tempVideoPath, finalVideoPath);
-			}
+			try {
+				if (!nativeCaptureProcess) {
+					throw new Error("Native capture helper process is not running");
+				}
 
-			if (preferredSystemAudioPath || preferredMicrophonePath) {
+				const process = nativeCaptureProcess;
+				const preferredVideoPath = nativeCaptureTargetPath;
+				const preferredSystemAudioPath = nativeCaptureSystemAudioPath;
+				const preferredMicrophonePath = nativeCaptureMicrophonePath;
 				console.log(
-					"[stop-native] Attempting audio mux (merging separate tracks) into:",
-					finalVideoPath,
+					"[stop-native] Audio paths — system:",
+					preferredSystemAudioPath,
+					"mic:",
+					preferredMicrophonePath,
 				);
-				try {
-					await muxNativeMacRecordingWithAudio(
+				setNativeCaptureStopRequested(true);
+				process.stdin.write("stop\n");
+				const tempVideoPath = await waitForNativeCaptureStop(process);
+				console.log("[stop-native] Helper stopped, tempVideoPath:", tempVideoPath);
+				setNativeCaptureProcess(null);
+				setNativeScreenRecordingActive(false);
+				setNativeCaptureTargetPath(null);
+				setNativeCaptureSystemAudioPath(null);
+				setNativeCaptureMicrophonePath(null);
+				setNativeCaptureStopRequested(false);
+				setNativeCapturePaused(false);
+
+				const finalVideoPath = preferredVideoPath ?? tempVideoPath;
+				if (tempVideoPath !== finalVideoPath) {
+					await moveFileWithOverwrite(tempVideoPath, finalVideoPath);
+				}
+
+				if (preferredSystemAudioPath || preferredMicrophonePath) {
+					console.log(
+						"[stop-native] Attempting audio mux (merging separate tracks) into:",
 						finalVideoPath,
-						preferredSystemAudioPath,
-						preferredMicrophonePath,
-					);
-					console.log("[stop-native] Audio mux completed successfully");
-				} catch (error) {
-					console.warn(
-						"[stop-native] Audio mux failed (video still has inline audio):",
-						error,
 					);
+					try {
+						await muxNativeMacRecordingWithAudio(
+							finalVideoPath,
+							preferredSystemAudioPath,
+							preferredMicrophonePath,
+						);
+						console.log("[stop-native] Audio mux completed successfully");
+					} catch (error) {
+						console.warn(
+							"[stop-native] Audio mux failed (video still has inline audio):",
+							error,
+						);
+					}
+				} else {
+					console.log("[stop-native] No separate audio tracks to mux");
 				}
-			} else {
-				console.log("[stop-native] No separate audio tracks to mux");
-			}
 
-			return await finalizeStoredVideo(finalVideoPath);
-		} catch (error) {
-			console.error("Failed to stop native ScreenCaptureKit recording:", error);
-			const fallbackPath = nativeCaptureTargetPath;
-			const fallbackSystemAudioPath = nativeCaptureSystemAudioPath;
-			const fallbackMicrophonePath = nativeCaptureMicrophonePath;
-			const fallbackFileSizeBytes = await getFileSizeIfPresent(fallbackPath);
-			setNativeScreenRecordingActive(false);
-			setNativeCaptureProcess(null);
-			setNativeCaptureTargetPath(null);
-			setNativeCaptureSystemAudioPath(null);
-			setNativeCaptureMicrophonePath(null);
-			setNativeCaptureStopRequested(false);
-			setNativeCapturePaused(false);
+				return await finalizeStoredVideo(finalVideoPath);
+			} catch (error) {
+				console.error("Failed to stop native ScreenCaptureKit recording:", error);
+				const fallbackPath = nativeCaptureTargetPath;
+				const fallbackSystemAudioPath = nativeCaptureSystemAudioPath;
+				const fallbackMicrophonePath = nativeCaptureMicrophonePath;
+				const fallbackFileSizeBytes = await getFileSizeIfPresent(fallbackPath);
+				setNativeScreenRecordingActive(false);
+				setNativeCaptureProcess(null);
+				setNativeCaptureTargetPath(null);
+				setNativeCaptureSystemAudioPath(null);
+				setNativeCaptureMicrophonePath(null);
+				setNativeCaptureStopRequested(false);
+				setNativeCapturePaused(false);
 
-			recordNativeCaptureDiagnostics({
-				backend: "mac-screencapturekit",
-				phase: "stop",
-				sourceId: lastNativeCaptureDiagnostics?.sourceId ?? null,
-				sourceType: lastNativeCaptureDiagnostics?.sourceType ?? "unknown",
-				displayId: lastNativeCaptureDiagnostics?.displayId ?? null,
-				displayBounds: lastNativeCaptureDiagnostics?.displayBounds ?? null,
-				windowHandle: lastNativeCaptureDiagnostics?.windowHandle ?? null,
-				helperPath: lastNativeCaptureDiagnostics?.helperPath ?? null,
-				outputPath: fallbackPath,
-				systemAudioPath: fallbackSystemAudioPath,
-				microphonePath: fallbackMicrophonePath,
-				osRelease: lastNativeCaptureDiagnostics?.osRelease,
-				supported: lastNativeCaptureDiagnostics?.supported,
-				helperExists: lastNativeCaptureDiagnostics?.helperExists,
-				processOutput: nativeCaptureOutputBuffer.trim() || undefined,
-				fileSizeBytes: fallbackFileSizeBytes,
-				error: String(error),
-			});
+				recordNativeCaptureDiagnostics({
+					backend: "mac-screencapturekit",
+					phase: "stop",
+					sourceId: lastNativeCaptureDiagnostics?.sourceId ?? null,
+					sourceType: lastNativeCaptureDiagnostics?.sourceType ?? "unknown",
+					displayId: lastNativeCaptureDiagnostics?.displayId ?? null,
+					displayBounds: lastNativeCaptureDiagnostics?.displayBounds ?? null,
+					windowHandle: lastNativeCaptureDiagnostics?.windowHandle ?? null,
+					helperPath: lastNativeCaptureDiagnostics?.helperPath ?? null,
+					outputPath: fallbackPath,
+					systemAudioPath: fallbackSystemAudioPath,
+					microphonePath: fallbackMicrophonePath,
+					osRelease: lastNativeCaptureDiagnostics?.osRelease,
+					supported: lastNativeCaptureDiagnostics?.supported,
+					helperExists: lastNativeCaptureDiagnostics?.helperExists,
+					processOutput: nativeCaptureOutputBuffer.trim() || undefined,
+					fileSizeBytes: fallbackFileSizeBytes,
+					error: String(error),
+				});
 
-			// Try to recover: if the target file exists on disk, finalize with it
-			if (fallbackPath) {
-				try {
-					await fs.access(fallbackPath);
-					console.log(
-						"[stop-native-screen-recording] Recovering with fallback path:",
-						fallbackPath,
-					);
-					if (fallbackSystemAudioPath || fallbackMicrophonePath) {
-						try {
-							await muxNativeMacRecordingWithAudio(
-								fallbackPath,
-								fallbackSystemAudioPath,
-								fallbackMicrophonePath,
-							);
-						} catch (muxError) {
-							console.warn(
-								"Failed to mux recovered native macOS audio into capture:",
-								muxError,
-							);
+				// Try to recover: if the target file exists on disk, finalize with it
+				if (fallbackPath) {
+					try {
+						await fs.access(fallbackPath);
+						console.log(
+							"[stop-native-screen-recording] Recovering with fallback path:",
+							fallbackPath,
+						);
+						if (fallbackSystemAudioPath || fallbackMicrophonePath) {
+							try {
+								await muxNativeMacRecordingWithAudio(
+									fallbackPath,
+									fallbackSystemAudioPath,
+									fallbackMicrophonePath,
+								);
+							} catch (muxError) {
+								console.warn(
+									"Failed to mux recovered native macOS audio into capture:",
+									muxError,
+								);
+							}
 						}
+						return await finalizeStoredVideo(fallbackPath);
+					} catch {
+						// File doesn't exist or isn't accessible
 					}
-					return await finalizeStoredVideo(fallbackPath);
-				} catch {
-					// File doesn't exist or isn't accessible
 				}
-			}
 
-			const recovered = await recoverNativeMacCaptureOutput();
-			if (recovered) {
-				return recovered;
-			}
+				const recovered = await recoverNativeMacCaptureOutput();
+				if (recovered) {
+					return recovered;
+				}
 
 				return {
 					success: false,
diff --git a/electron/ipc/register/sourceMapping.test.ts b/electron/ipc/register/sourceMapping.test.ts
index d0b68e750..84351a506 100644
--- a/electron/ipc/register/sourceMapping.test.ts
+++ b/electron/ipc/register/sourceMapping.test.ts
@@ -1,9 +1,6 @@
 import { describe, expect, it } from "vitest";
 
-import {
-	getScreenSourceIdForDisplay,
-	LINUX_PORTAL_SCREEN_SOURCE_ID,
-} from "./sourceMapping";
+import { getScreenSourceIdForDisplay, LINUX_PORTAL_SCREEN_SOURCE_ID } from "./sourceMapping";
 
 describe("getScreenSourceIdForDisplay", () => {
 	it("keeps the live Electron screen source when one is available", () => {
@@ -47,4 +44,4 @@ describe("getScreenSourceIdForDisplay", () => {
 			}),
 		).toBe("screen:fallback:42");
 	});
-});
\ No newline at end of file
+});
diff --git a/electron/ipc/register/sourceMapping.ts b/electron/ipc/register/sourceMapping.ts
index a61b4cf72..8b13501a2 100644
--- a/electron/ipc/register/sourceMapping.ts
+++ b/electron/ipc/register/sourceMapping.ts
@@ -32,4 +32,4 @@ export function getScreenSourceIdForDisplay({
 	}
 
 	return `screen:fallback:${displayId}`;
-}
\ No newline at end of file
+}
diff --git a/electron/ipc/register/sources.ts b/electron/ipc/register/sources.ts
index 33c9ee74c..a92e55808 100644
--- a/electron/ipc/register/sources.ts
+++ b/electron/ipc/register/sources.ts
@@ -18,13 +18,11 @@ import { reassertHudOverlayMousePassthrough } from "../../windows";
 
 const execFileAsync = promisify(execFile);
 const SOURCE_LIST_CACHE_TTL_MS = 1200;
-let sourceListCache:
-	| {
-			key: string;
-			expiresAt: number;
-			value: Array<Record<string, unknown>>;
-	  }
-	| null = null;
+let sourceListCache: {
+	key: string;
+	expiresAt: number;
+	value: Array<Record<string, unknown>>;
+} | null = null;
 
 function normalizeDesktopSourceName(value: string) {
 	return value.trim().replace(/\s+/g, " ").toLowerCase();
@@ -53,7 +51,11 @@ export function registerSourceHandlers({
 			thumbnailSize: opts?.thumbnailSize,
 			fetchWindowIcons: opts?.fetchWindowIcons,
 		});
-		if (sourceListCache && sourceListCache.key === cacheKey && sourceListCache.expiresAt > Date.now()) {
+		if (
+			sourceListCache &&
+			sourceListCache.key === cacheKey &&
+			sourceListCache.expiresAt > Date.now()
+		) {
 			return sourceListCache.value;
 		}
 
@@ -236,13 +238,12 @@ export function registerSourceHandlers({
 						thumbnail: electronWindowSource?.thumbnail
 							? electronWindowSource.thumbnail.toDataURL()
 							: null,
-						appIcon:
-							includeWindowIcons
-								? (source.appIcon ??
-									(electronWindowSource?.appIcon
-										? electronWindowSource.appIcon.toDataURL()
-										: null))
-								: null,
+						appIcon: includeWindowIcons
+							? (source.appIcon ??
+								(electronWindowSource?.appIcon
+									? electronWindowSource.appIcon.toDataURL()
+									: null))
+							: null,
 						appName: source.appName,
 						windowTitle: source.windowTitle,
 						sourceType: "window" as const,
@@ -483,15 +484,17 @@ body{background:transparent;overflow:hidden;width:100vw;height:100vh}
 </style></head><body>
 <div class="glow-wrap"></div>
 <div class="border-wrap"></div>
-</body></html>`
+</body></html>`;
 
 			try {
-				await highlightWin.loadURL(`data:text/html;charset=utf-8,${encodeURIComponent(html)}`)
+				await highlightWin.loadURL(
+					`data:text/html;charset=utf-8,${encodeURIComponent(html)}`,
+				);
 			} catch (loadError) {
 				if (!highlightWin.isDestroyed()) {
-					highlightWin.close()
+					highlightWin.close();
 				}
-				throw loadError
+				throw loadError;
 			}
 
 			// The highlight window appearing (even with focusable:false) can corrupt
@@ -501,8 +504,8 @@ body{background:transparent;overflow:hidden;width:100vw;height:100vh}
 			reassertHudOverlayMousePassthrough();
 
 			const highlightCloseTimer = setTimeout(() => {
-				if (!highlightWin.isDestroyed()) highlightWin.close()
-			}, 1700)
+				if (!highlightWin.isDestroyed()) highlightWin.close();
+			}, 1700);
 
 			highlightWin.on("closed", () => {
 				clearTimeout(highlightCloseTimer);
@@ -511,32 +514,31 @@ body{background:transparent;overflow:hidden;width:100vw;height:100vh}
 				reassertHudOverlayMousePassthrough();
 			});
 
-			return { success: true }
-    } catch (error) {
-      console.error('Failed to show source highlight:', error)
-      return { success: false }
-    }
-  })
-
-  ipcMain.handle('get-selected-source', () => {
-    return selectedSource
-  })
-
-  ipcMain.handle('open-source-selector', () => {
-    const sourceSelectorWin = getSourceSelectorWindow()
-    if (sourceSelectorWin) {
-      sourceSelectorWin.focus()
-      return
-    }
-    createSourceSelectorWindow()
-  })
-  ipcMain.handle('switch-to-editor', () => {
-    console.log('[switch-to-editor] Opening editor window')
-    const sourceSelectorWin = getSourceSelectorWindow()
-    if (sourceSelectorWin && !sourceSelectorWin.isDestroyed()) {
-      sourceSelectorWin.close()
-    }
-    createEditorWindow()
-  })
+			return { success: true };
+		} catch (error) {
+			console.error("Failed to show source highlight:", error);
+			return { success: false };
+		}
+	});
+
+	ipcMain.handle("get-selected-source", () => {
+		return selectedSource;
+	});
 
+	ipcMain.handle("open-source-selector", () => {
+		const sourceSelectorWin = getSourceSelectorWindow();
+		if (sourceSelectorWin) {
+			sourceSelectorWin.focus();
+			return;
+		}
+		createSourceSelectorWindow();
+	});
+	ipcMain.handle("switch-to-editor", () => {
+		console.log("[switch-to-editor] Opening editor window");
+		const sourceSelectorWin = getSourceSelectorWindow();
+		if (sourceSelectorWin && !sourceSelectorWin.isDestroyed()) {
+			sourceSelectorWin.close();
+		}
+		createEditorWindow();
+	});
 }
diff --git a/electron/ipc/utils.ts b/electron/ipc/utils.ts
index 3f2efb065..23960f209 100644
--- a/electron/ipc/utils.ts
+++ b/electron/ipc/utils.ts
@@ -129,4 +129,3 @@ export function approveUserPath(filePath: string | null | undefined): void {
 		// Ignore invalid paths; later reads will surface the underlying error.
 	}
 }
-
diff --git a/electron/native/bin/win32-x64/helpers-manifest.json b/electron/native/bin/win32-x64/helpers-manifest.json
index c47558692..62ee78b5a 100644
--- a/electron/native/bin/win32-x64/helpers-manifest.json
+++ b/electron/native/bin/win32-x64/helpers-manifest.json
@@ -1,35 +1,35 @@
 {
-  "version": 1,
-  "platform": "win32",
-  "arch": "x64",
-  "helpers": {
-    "wgc-capture": {
-      "binaryName": "wgc-capture.exe",
-      "binarySha256": "4d89fdff8e3343998c7a3b4d75d964c1f75f93594aa097c6681e477d25ec9f01",
-      "sourceDir": "electron/native/wgc-capture",
-      "sourceFingerprint": "c6dac250c9d16f7aa881998353441b4ae3fb59731b802e3b8491a136e79726b0",
-      "updatedAt": "2026-07-11T11:58:45.856Z"
-    },
-    "cursor-monitor": {
-      "binaryName": "cursor-monitor.exe",
-      "binarySha256": "f1d8f30e8d7bee19ecea91c9a90a95ea4824138b8336b18030fa0602a641d70d",
-      "sourceDir": "electron/native/cursor-monitor",
-      "sourceFingerprint": "45bb72e4039e061a354af87317d7c42ec3d2118369b3f4379046ff497b701e72",
-      "updatedAt": "2026-07-11T11:58:56.534Z"
-    },
-    "recordly-gpu-export": {
-      "binaryName": "recordly-gpu-export.exe",
-      "binarySha256": "49a2ac588206305d0129e6263ce4be49780c50a9dc4efc7df63aad09178a919f",
-      "sourceDir": "electron/native/gpu-export-probe",
-      "sourceFingerprint": "37a5842eba63cdeccfddd02cc278a98207248fb0aa6b56153fb85ed152c908c1",
-      "updatedAt": "2026-07-11T11:58:51.659Z"
-    },
-    "recordly-nvidia-cuda-compositor": {
-      "binaryName": "recordly-nvidia-cuda-compositor.exe",
-      "binarySha256": "250a3f8cac7c6ea38a873434d23d4b2be7d6555e42cc0b405aa26f774169159c",
-      "sourceDir": "electron/native/nvidia-cuda-compositor",
-      "sourceFingerprint": "de1219228ce326e96d1f4815a3763b10d5f235cc1286bc6542c99707a85d5947",
-      "updatedAt": "2026-05-27T11:29:32.957Z"
-    }
-  }
+	"version": 1,
+	"platform": "win32",
+	"arch": "x64",
+	"helpers": {
+		"wgc-capture": {
+			"binaryName": "wgc-capture.exe",
+			"binarySha256": "4d89fdff8e3343998c7a3b4d75d964c1f75f93594aa097c6681e477d25ec9f01",
+			"sourceDir": "electron/native/wgc-capture",
+			"sourceFingerprint": "c6dac250c9d16f7aa881998353441b4ae3fb59731b802e3b8491a136e79726b0",
+			"updatedAt": "2026-07-11T11:58:45.856Z"
+		},
+		"cursor-monitor": {
+			"binaryName": "cursor-monitor.exe",
+			"binarySha256": "f1d8f30e8d7bee19ecea91c9a90a95ea4824138b8336b18030fa0602a641d70d",
+			"sourceDir": "electron/native/cursor-monitor",
+			"sourceFingerprint": "45bb72e4039e061a354af87317d7c42ec3d2118369b3f4379046ff497b701e72",
+			"updatedAt": "2026-07-11T11:58:56.534Z"
+		},
+		"recordly-gpu-export": {
+			"binaryName": "recordly-gpu-export.exe",
+			"binarySha256": "49a2ac588206305d0129e6263ce4be49780c50a9dc4efc7df63aad09178a919f",
+			"sourceDir": "electron/native/gpu-export-probe",
+			"sourceFingerprint": "37a5842eba63cdeccfddd02cc278a98207248fb0aa6b56153fb85ed152c908c1",
+			"updatedAt": "2026-07-11T11:58:51.659Z"
+		},
+		"recordly-nvidia-cuda-compositor": {
+			"binaryName": "recordly-nvidia-cuda-compositor.exe",
+			"binarySha256": "250a3f8cac7c6ea38a873434d23d4b2be7d6555e42cc0b405aa26f774169159c",
+			"sourceDir": "electron/native/nvidia-cuda-compositor",
+			"sourceFingerprint": "de1219228ce326e96d1f4815a3763b10d5f235cc1286bc6542c99707a85d5947",
+			"updatedAt": "2026-05-27T11:29:32.957Z"
+		}
+	}
 }
diff --git a/electron/native/nvidia-cuda-compositor/render-tahoe-cursor-atlas.cjs b/electron/native/nvidia-cuda-compositor/render-tahoe-cursor-atlas.cjs
index 5407d327a..96c72c4b1 100644
--- a/electron/native/nvidia-cuda-compositor/render-tahoe-cursor-atlas.cjs
+++ b/electron/native/nvidia-cuda-compositor/render-tahoe-cursor-atlas.cjs
@@ -4,31 +4,31 @@ const path = require("node:path");
 const drawHeight = 256;
 const padding = 2;
 const cursorTypes = [
-  "arrow",
-  "text",
-  "pointer",
-  "crosshair",
-  "open-hand",
-  "closed-hand",
-  "resize-ew",
-  "resize-ns",
-  "not-allowed",
+	"arrow",
+	"text",
+	"pointer",
+	"crosshair",
+	"open-hand",
+	"closed-hand",
+	"resize-ew",
+	"resize-ns",
+	"not-allowed",
 ];
 const tahoeAssets = {
-  arrow: ["pointer-1__14-6.svg", 0.14, 0.06],
-  text: ["ibeam-1__50-44.svg", 0.5, 0.44],
-  pointer: ["pointinghand-1__40-10.svg", 0.4, 0.1],
-  crosshair: ["crosshair-1__50-50.svg", 0.5, 0.5],
-  "open-hand": ["openhand-1__55-57.svg", 0.55, 0.57],
-  "closed-hand": ["closedhand-1__50-46.svg", 0.5, 0.46],
-  "resize-ew": ["resizeeastwest-1__50-50.svg", 0.5, 0.5],
-  "resize-ns": ["resizenorthsouth-1__50-49.svg", 0.5, 0.49],
-  "not-allowed": ["notallowed-1__23-0.svg", 0.23, 0],
+	arrow: ["pointer-1__14-6.svg", 0.14, 0.06],
+	text: ["ibeam-1__50-44.svg", 0.5, 0.44],
+	pointer: ["pointinghand-1__40-10.svg", 0.4, 0.1],
+	crosshair: ["crosshair-1__50-50.svg", 0.5, 0.5],
+	"open-hand": ["openhand-1__55-57.svg", 0.55, 0.57],
+	"closed-hand": ["closedhand-1__50-46.svg", 0.5, 0.46],
+	"resize-ew": ["resizeeastwest-1__50-50.svg", 0.5, 0.5],
+	"resize-ns": ["resizenorthsouth-1__50-49.svg", 0.5, 0.49],
+	"not-allowed": ["notallowed-1__23-0.svg", 0.23, 0],
 };
 
 function arg(name, fallback = "") {
-  const index = process.argv.indexOf(name);
-  return index >= 0 && index + 1 < process.argv.length ? process.argv[index + 1] : fallback;
+	const index = process.argv.indexOf(name);
+	return index >= 0 && index + 1 < process.argv.length ? process.argv[index + 1] : fallback;
 }
 
 const repoRoot = arg("--repo-root");
@@ -36,41 +36,43 @@ const atlasRgbaPath = arg("--output-rgba");
 const atlasMetadataPath = arg("--output-metadata");
 
 if (!repoRoot || !atlasRgbaPath || !atlasMetadataPath) {
-  console.error("Usage: electron render-tahoe-cursor-atlas.cjs --repo-root <repo> --output-rgba <raw> --output-metadata <tsv>");
-  process.exit(1);
+	console.error(
+		"Usage: electron render-tahoe-cursor-atlas.cjs --repo-root <repo> --output-rgba <raw> --output-metadata <tsv>",
+	);
+	process.exit(1);
 }
 
 const assets = cursorTypes.map((type, index) => {
-  const [fileName, anchorX, anchorY] = tahoeAssets[type];
-  return {
-    type,
-    index,
-    filePath: path.join(repoRoot, "src", "assets", "cursors", "tahoe", fileName),
-    anchorX,
-    anchorY,
-  };
+	const [fileName, anchorX, anchorY] = tahoeAssets[type];
+	return {
+		type,
+		index,
+		filePath: path.join(repoRoot, "src", "assets", "cursors", "tahoe", fileName),
+		anchorX,
+		anchorY,
+	};
 });
 
 app.disableHardwareAcceleration();
 
 app.whenReady().then(async () => {
-  const window = new BrowserWindow({
-    show: false,
-    width: 1,
-    height: 1,
-    webPreferences: {
-      nodeIntegration: true,
-      contextIsolation: false,
-      backgroundThrottling: false,
-    },
-  });
+	const window = new BrowserWindow({
+		show: false,
+		width: 1,
+		height: 1,
+		webPreferences: {
+			nodeIntegration: true,
+			contextIsolation: false,
+			backgroundThrottling: false,
+		},
+	});
 
-  ipcMain.once("atlas-ready", (_event, result) => {
-    console.log(JSON.stringify(result));
-    app.quit();
-  });
+	ipcMain.once("atlas-ready", (_event, result) => {
+		console.log(JSON.stringify(result));
+		app.quit();
+	});
 
-  const html = `
+	const html = `
 <!doctype html>
 <meta charset="utf-8">
 <script>
@@ -139,5 +141,5 @@ function loadImage(asset) {
 });
 </script>`;
 
-  await window.loadURL("data:text/html;charset=utf-8," + encodeURIComponent(html));
+	await window.loadURL("data:text/html;charset=utf-8," + encodeURIComponent(html));
 });
diff --git a/electron/navigationPolicy.test.ts b/electron/navigationPolicy.test.ts
index e021c96ab..5c23c7375 100644
--- a/electron/navigationPolicy.test.ts
+++ b/electron/navigationPolicy.test.ts
@@ -224,7 +224,9 @@ describe("navigation event handlers", () => {
 
 		// history.replaceState() changes getURL() without crossing a document-navigation boundary.
 		currentUrl = "file:///opt/Recordly/dist/index.html?windowType=source-selector";
-		const willNavigate = on.mock.calls.find(([eventName]) => eventName === "will-navigate")?.[1];
+		const willNavigate = on.mock.calls.find(
+			([eventName]) => eventName === "will-navigate",
+		)?.[1];
 		if (typeof willNavigate !== "function") {
 			throw new Error("will-navigate handler was not registered");
 		}
@@ -250,7 +252,9 @@ describe("navigation event handlers", () => {
 		);
 
 		const didNavigate = on.mock.calls.find(([eventName]) => eventName === "did-navigate")?.[1];
-		const willNavigate = on.mock.calls.find(([eventName]) => eventName === "will-navigate")?.[1];
+		const willNavigate = on.mock.calls.find(
+			([eventName]) => eventName === "will-navigate",
+		)?.[1];
 		if (typeof didNavigate !== "function" || typeof willNavigate !== "function") {
 			throw new Error("navigation handlers were not registered");
 		}
diff --git a/electron/permissionPolicy.test.ts b/electron/permissionPolicy.test.ts
index 45ffc82f0..36b5dce63 100644
--- a/electron/permissionPolicy.test.ts
+++ b/electron/permissionPolicy.test.ts
@@ -169,17 +169,18 @@ describe("shouldGrantDisplayCapture", () => {
 		).toBe(true);
 	});
 
-	it.each(["null", "file://", "file:///"])(
-		"accepts Chromium's packaged file origin form: %s",
-		(securityOrigin) => {
-			expect(
-				shouldGrantDisplayCapture(
-					makeRequest({ currentDocumentUrl: FILE_HUD_URL, securityOrigin }),
-					TRUSTED_DOCUMENT_BASE_URLS,
-				),
-			).toBe(true);
-		},
-	);
+	it.each([
+		"null",
+		"file://",
+		"file:///",
+	])("accepts Chromium's packaged file origin form: %s", (securityOrigin) => {
+		expect(
+			shouldGrantDisplayCapture(
+				makeRequest({ currentDocumentUrl: FILE_HUD_URL, securityOrigin }),
+				TRUSTED_DOCUMENT_BASE_URLS,
+			),
+		).toBe(true);
+	});
 
 	it.each([
 		["another BrowserWindow", { isTrustedCaptureWindow: false }],
diff --git a/scripts/benchmark-export-queues.mjs b/scripts/benchmark-export-queues.mjs
index 6628b9d8c..57b030c69 100644
--- a/scripts/benchmark-export-queues.mjs
+++ b/scripts/benchmark-export-queues.mjs
@@ -201,7 +201,12 @@ function parseExportQuality(rawValue) {
 		return null;
 	}
 
-	if (rawValue === "medium" || rawValue === "good" || rawValue === "high" || rawValue === "source") {
+	if (
+		rawValue === "medium" ||
+		rawValue === "good" ||
+		rawValue === "high" ||
+		rawValue === "source"
+	) {
 		return rawValue;
 	}
 
@@ -928,7 +933,9 @@ async function main() {
 		printRequestedConfigTable(benchmarkRequests);
 
 		if (providedInputPath) {
-			console.log(`[benchmark-export-queues] Using provided input video: ${providedInputPath}`);
+			console.log(
+				`[benchmark-export-queues] Using provided input video: ${providedInputPath}`,
+			);
 			await fs.copyFile(providedInputPath, inputPath);
 		} else {
 			console.log(`[benchmark-export-queues] Generating fixture video: ${inputPath}`);
diff --git a/scripts/build-windows-capture.mjs b/scripts/build-windows-capture.mjs
index 82f9c9391..14cc83461 100644
--- a/scripts/build-windows-capture.mjs
+++ b/scripts/build-windows-capture.mjs
@@ -128,11 +128,14 @@ try {
 		prefix: "build-windows-capture",
 		clearCache: clearCmakeCache,
 		configure: (generator, toolset) =>
-			execSync(`${cmake} .. -G "${generator}" -A ${generatorArch}${toolset ? ` -T ${toolset}` : ""}`, {
-				cwd: buildDir,
-				stdio: "inherit",
-				timeout: 120000,
-			}),
+			execSync(
+				`${cmake} .. -G "${generator}" -A ${generatorArch}${toolset ? ` -T ${toolset}` : ""}`,
+				{
+					cwd: buildDir,
+					stdio: "inherit",
+					timeout: 120000,
+				},
+			),
 	});
 } catch (error) {
 	console.error("[build-windows-capture] CMake configure failed:", error.message);
diff --git a/scripts/build-windows-gpu-export.mjs b/scripts/build-windows-gpu-export.mjs
index 27730fbf3..63e756be3 100644
--- a/scripts/build-windows-gpu-export.mjs
+++ b/scripts/build-windows-gpu-export.mjs
@@ -97,7 +97,9 @@ if (!cmake) {
 			binaryName: "recordly-gpu-export.exe",
 		});
 		if (!verification.ok) {
-			console.error(formatNativeHelperManifestWarning("build-windows-gpu-export", verification));
+			console.error(
+				formatNativeHelperManifestWarning("build-windows-gpu-export", verification),
+			);
 			process.exit(1);
 		}
 		console.log(`[build-windows-gpu-export] Using bundled helper: ${bundledExePath}`);
@@ -123,11 +125,14 @@ try {
 		prefix: "build-windows-gpu-export",
 		clearCache: clearCmakeCache,
 		configure: (generator, toolset) =>
-			execSync(`${cmake} .. -G "${generator}" -A ${generatorArch}${toolset ? ` -T ${toolset}` : ""}`, {
-				cwd: buildDir,
-				stdio: "inherit",
-				timeout: 120000,
-			}),
+			execSync(
+				`${cmake} .. -G "${generator}" -A ${generatorArch}${toolset ? ` -T ${toolset}` : ""}`,
+				{
+					cwd: buildDir,
+					stdio: "inherit",
+					timeout: 120000,
+				},
+			),
 	});
 } catch (error) {
 	console.error("[build-windows-gpu-export] CMake configure failed:", error.message);
diff --git a/scripts/create-release.mjs b/scripts/create-release.mjs
index 3a586bded..25c36c6d2 100644
--- a/scripts/create-release.mjs
+++ b/scripts/create-release.mjs
@@ -72,9 +72,12 @@ function loadNotes({ notes, notesFile }) {
 }
 
 function resolveGhBinary() {
-	const candidates = [process.env.GH_BIN, "gh", "/opt/homebrew/bin/gh", "/usr/local/bin/gh"].filter(
-		Boolean,
-	);
+	const candidates = [
+		process.env.GH_BIN,
+		"gh",
+		"/opt/homebrew/bin/gh",
+		"/usr/local/bin/gh",
+	].filter(Boolean);
 
 	for (const candidate of candidates) {
 		try {
diff --git a/scripts/normalize-electron-main-cjs.mjs b/scripts/normalize-electron-main-cjs.mjs
index fcbca31f3..082ab4262 100644
--- a/scripts/normalize-electron-main-cjs.mjs
+++ b/scripts/normalize-electron-main-cjs.mjs
@@ -76,9 +76,7 @@ function convertNamedExports(namedSpec, indent = "") {
 }
 
 function convertExportLine(line) {
-	const singleLineMatch = line.match(
-		/^([ \t]*)export\s*\{\s*([^}]*)\s*\}\s*;?[ \t]*$/,
-	);
+	const singleLineMatch = line.match(/^([ \t]*)export\s*\{\s*([^}]*)\s*\}\s*;?[ \t]*$/);
 	if (singleLineMatch) {
 		const [, indent, namedSpec] = singleLineMatch;
 		return convertNamedExports(namedSpec, indent);
@@ -235,10 +233,7 @@ function replaceImportMetaUrlInCode(line, state) {
 			continue;
 		}
 
-		if (
-			line.startsWith(token, index) &&
-			hasTokenBoundary(line, index, index + token.length)
-		) {
+		if (line.startsWith(token, index) && hasTokenBoundary(line, index, index + token.length)) {
 			normalizedLine += IMPORT_META_URL_CJS_REPLACEMENT;
 			changed = true;
 			index += token.length - 1;
@@ -322,10 +317,7 @@ function containsImportMetaInCode(line, state) {
 			continue;
 		}
 
-		if (
-			line.startsWith(token, index) &&
-			hasTokenBoundary(line, index, index + token.length)
-		) {
+		if (line.startsWith(token, index) && hasTokenBoundary(line, index, index + token.length)) {
 			return true;
 		}
 	}
diff --git a/src/components/launch/hooks/useHudBarDrag.ts b/src/components/launch/hooks/useHudBarDrag.ts
index 6f6124484..9c93aa7f1 100644
--- a/src/components/launch/hooks/useHudBarDrag.ts
+++ b/src/components/launch/hooks/useHudBarDrag.ts
@@ -1,12 +1,8 @@
+import { type PointerEvent, type RefObject, useCallback, useEffect, useRef, useState } from "react";
 import {
-	type PointerEvent,
-	type RefObject,
-	useCallback,
-	useEffect,
-	useRef,
-	useState,
-} from "react";
-import { mergeHudInteractiveBounds, shouldRestoreHudMousePassthroughAfterDrag } from "../hudMousePassthrough";
+	mergeHudInteractiveBounds,
+	shouldRestoreHudMousePassthroughAfterDrag,
+} from "../hudMousePassthrough";
 import { clampHudOffsetToViewport } from "../hudViewportBounds";
 
 const DEFAULT_RECORDING_HUD_OFFSET = { x: 0, y: 0 };
@@ -24,20 +20,17 @@ export function useHudBarDrag({
 	const [isHudDragging, setIsHudDragging] = useState(false);
 	const hudBarTransformRef = useRef<HTMLDivElement | null>(null);
 	const recordingHudOffsetRef = useRef(DEFAULT_RECORDING_HUD_OFFSET);
-	const hudDragStartRef = useRef<
-		| {
-				pointerId: number;
-				startX: number;
-				startY: number;
-				originX: number;
-				originY: number;
-				initialLeft: number;
-				initialTop: number;
-				hudWidth: number;
-				hudHeight: number;
-		  }
-		| null
-	>(null);
+	const hudDragStartRef = useRef<{
+		pointerId: number;
+		startX: number;
+		startY: number;
+		originX: number;
+		originY: number;
+		initialLeft: number;
+		initialTop: number;
+		hudWidth: number;
+		hudHeight: number;
+	} | null>(null);
 	const isHudDraggingRef = useRef(false);
 	const hudDragMoveRafRef = useRef<number | null>(null);
 	const hudDragPendingPointerRef = useRef<{ clientX: number; clientY: number } | null>(null);
@@ -55,11 +48,10 @@ export function useHudBarDrag({
 		}
 
 		const bounds = hudBarRef.current.getBoundingClientRect();
-		const nextOffset = clampHudOffsetToViewport(
-			recordingHudOffsetRef.current,
-			bounds,
-			{ width: window.innerWidth, height: window.innerHeight },
-		);
+		const nextOffset = clampHudOffsetToViewport(recordingHudOffsetRef.current, bounds, {
+			width: window.innerWidth,
+			height: window.innerHeight,
+		});
 		if (
 			nextOffset.x === recordingHudOffsetRef.current.x &&
 			nextOffset.y === recordingHudOffsetRef.current.y
@@ -90,32 +82,35 @@ export function useHudBarDrag({
 		};
 	}, [hudBarRef, keepHudBarInsideViewport]);
 
-	const handleHudBarPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {
-		if (event.button !== 0) {
-			return;
-		}
+	const handleHudBarPointerDown = useCallback(
+		(event: PointerEvent<HTMLDivElement>) => {
+			if (event.button !== 0) {
+				return;
+			}
 
-		event.preventDefault();
-		event.currentTarget.setPointerCapture(event.pointerId);
-		isHudDraggingRef.current = true;
-		setIsHudDragging(true);
-		window.electronAPI?.hudOverlaySetIgnoreMouse?.(false);
-		if (!hudBarRef.current) {
-			return;
-		}
-		const hudRect = hudBarRef.current.getBoundingClientRect();
-		hudDragStartRef.current = {
-			pointerId: event.pointerId,
-			startX: event.clientX,
-			startY: event.clientY,
-			originX: recordingHudOffsetRef.current.x,
-			originY: recordingHudOffsetRef.current.y,
-			initialLeft: hudRect.left,
-			initialTop: hudRect.top,
-			hudWidth: hudRect.width,
-			hudHeight: hudRect.height,
-		};
-	}, [hudBarRef]);
+			event.preventDefault();
+			event.currentTarget.setPointerCapture(event.pointerId);
+			isHudDraggingRef.current = true;
+			setIsHudDragging(true);
+			window.electronAPI?.hudOverlaySetIgnoreMouse?.(false);
+			if (!hudBarRef.current) {
+				return;
+			}
+			const hudRect = hudBarRef.current.getBoundingClientRect();
+			hudDragStartRef.current = {
+				pointerId: event.pointerId,
+				startX: event.clientX,
+				startY: event.clientY,
+				originX: recordingHudOffsetRef.current.x,
+				originY: recordingHudOffsetRef.current.y,
+				initialLeft: hudRect.left,
+				initialTop: hudRect.top,
+				hudWidth: hudRect.width,
+				hudHeight: hudRect.height,
+			};
+		},
+		[hudBarRef],
+	);
 
 	const handleHudBarPointerMove = useCallback((event: PointerEvent<HTMLDivElement>) => {
 		const dragState = hudDragStartRef.current;
@@ -162,66 +157,75 @@ export function useHudBarDrag({
 		});
 	}, []);
 
-	const handleHudBarPointerUp = useCallback((event: PointerEvent<HTMLDivElement>) => {
-		const dragState = hudDragStartRef.current;
-		if (!dragState || dragState.pointerId !== event.pointerId) {
-			return;
-		}
+	const handleHudBarPointerUp = useCallback(
+		(event: PointerEvent<HTMLDivElement>) => {
+			const dragState = hudDragStartRef.current;
+			if (!dragState || dragState.pointerId !== event.pointerId) {
+				return;
+			}
 
-		const pointer = hudDragPendingPointerRef.current || { clientX: event.clientX, clientY: event.clientY };
-		const deltaX = pointer.clientX - dragState.startX;
-		const deltaY = pointer.clientY - dragState.startY;
-		const viewportWidth = window.innerWidth;
-		const viewportHeight = window.innerHeight;
-
-		const clampedLeft = Math.min(
-			Math.max(0, dragState.initialLeft + deltaX),
-			Math.max(0, viewportWidth - dragState.hudWidth),
-		);
-		const clampedTop = Math.min(
-			Math.max(0, dragState.initialTop + deltaY),
-			Math.max(0, viewportHeight - dragState.hudHeight),
-		);
-
-		recordingHudOffsetRef.current = {
-			x: dragState.originX + (clampedLeft - dragState.initialLeft),
-			y: dragState.originY + (clampedTop - dragState.initialTop),
-		};
+			const pointer = hudDragPendingPointerRef.current || {
+				clientX: event.clientX,
+				clientY: event.clientY,
+			};
+			const deltaX = pointer.clientX - dragState.startX;
+			const deltaY = pointer.clientY - dragState.startY;
+			const viewportWidth = window.innerWidth;
+			const viewportHeight = window.innerHeight;
 
-		if (hudDragMoveRafRef.current !== null) {
-			cancelAnimationFrame(hudDragMoveRafRef.current);
-			hudDragMoveRafRef.current = null;
-		}
-		hudDragPendingPointerRef.current = null;
-
-		hudDragStartRef.current = null;
-		const wasDragging = isHudDraggingRef.current;
-		isHudDraggingRef.current = false;
-		setRecordingHudOffset({ ...recordingHudOffsetRef.current });
-		setIsHudDragging(false);
-		if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-			event.currentTarget.releasePointerCapture(event.pointerId);
-		}
-		const hudBounds = mergeHudInteractiveBounds(
-			[
-				hudContentRef.current?.getBoundingClientRect(),
-				hudBarRef.current?.getBoundingClientRect(),
-				recordingWebcamPreviewContainerRef.current?.getBoundingClientRect(),
-			].map((bounds) =>
-				bounds
-					? {
-							left: bounds.left,
-							top: bounds.top,
-							right: bounds.right,
-							bottom: bounds.bottom,
-					  }
-					: null,
-			),
-		);
-		if (wasDragging && shouldRestoreHudMousePassthroughAfterDrag(hudBounds, event.clientX, event.clientY)) {
-			window.electronAPI?.hudOverlaySetIgnoreMouse?.(true);
-		}
-	}, [hudBarRef, hudContentRef, recordingWebcamPreviewContainerRef]);
+			const clampedLeft = Math.min(
+				Math.max(0, dragState.initialLeft + deltaX),
+				Math.max(0, viewportWidth - dragState.hudWidth),
+			);
+			const clampedTop = Math.min(
+				Math.max(0, dragState.initialTop + deltaY),
+				Math.max(0, viewportHeight - dragState.hudHeight),
+			);
+
+			recordingHudOffsetRef.current = {
+				x: dragState.originX + (clampedLeft - dragState.initialLeft),
+				y: dragState.originY + (clampedTop - dragState.initialTop),
+			};
+
+			if (hudDragMoveRafRef.current !== null) {
+				cancelAnimationFrame(hudDragMoveRafRef.current);
+				hudDragMoveRafRef.current = null;
+			}
+			hudDragPendingPointerRef.current = null;
+
+			hudDragStartRef.current = null;
+			const wasDragging = isHudDraggingRef.current;
+			isHudDraggingRef.current = false;
+			setRecordingHudOffset({ ...recordingHudOffsetRef.current });
+			setIsHudDragging(false);
+			if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+				event.currentTarget.releasePointerCapture(event.pointerId);
+			}
+			const hudBounds = mergeHudInteractiveBounds(
+				[
+					hudContentRef.current?.getBoundingClientRect(),
+					hudBarRef.current?.getBoundingClientRect(),
+					recordingWebcamPreviewContainerRef.current?.getBoundingClientRect(),
+				].map((bounds) =>
+					bounds
+						? {
+								left: bounds.left,
+								top: bounds.top,
+								right: bounds.right,
+								bottom: bounds.bottom,
+							}
+						: null,
+				),
+			);
+			if (
+				wasDragging &&
+				shouldRestoreHudMousePassthroughAfterDrag(hudBounds, event.clientX, event.clientY)
+			) {
+				window.electronAPI?.hudOverlaySetIgnoreMouse?.(true);
+			}
+		},
+		[hudBarRef, hudContentRef, recordingWebcamPreviewContainerRef],
+	);
 
 	useEffect(() => {
 		return () => {
diff --git a/src/components/launch/hooks/useWebcamPreviewOverlay.ts b/src/components/launch/hooks/useWebcamPreviewOverlay.ts
index 7c93899a0..50d5c60e1 100644
--- a/src/components/launch/hooks/useWebcamPreviewOverlay.ts
+++ b/src/components/launch/hooks/useWebcamPreviewOverlay.ts
@@ -61,32 +61,29 @@ export function useWebcamPreviewOverlay({
 		}
 	}, [webcamEnabled]);
 
-	const handleWebcamPreviewPointerDown = useCallback(
-		(event: PointerEvent<HTMLDivElement>) => {
-			if (event.button !== 0) {
-				return;
-			}
+	const handleWebcamPreviewPointerDown = useCallback((event: PointerEvent<HTMLDivElement>) => {
+		if (event.button !== 0) {
+			return;
+		}
 
-			const previewRect = event.currentTarget.getBoundingClientRect();
+		const previewRect = event.currentTarget.getBoundingClientRect();
 
-			event.preventDefault();
-			window.electronAPI?.hudOverlaySetIgnoreMouse?.(false);
-			webcamPreviewDragStartRef.current = {
-				pointerId: event.pointerId,
-				startX: event.clientX,
-				startY: event.clientY,
-				originX: webcamPreviewOffsetRef.current.x,
-				originY: webcamPreviewOffsetRef.current.y,
-				initialLeft: previewRect.left,
-				initialTop: previewRect.top,
-				previewWidth: previewRect.width,
-				previewHeight: previewRect.height,
-				dragging: false,
-			};
-			event.currentTarget.setPointerCapture(event.pointerId);
-		},
-		[],
-	);
+		event.preventDefault();
+		window.electronAPI?.hudOverlaySetIgnoreMouse?.(false);
+		webcamPreviewDragStartRef.current = {
+			pointerId: event.pointerId,
+			startX: event.clientX,
+			startY: event.clientY,
+			originX: webcamPreviewOffsetRef.current.x,
+			originY: webcamPreviewOffsetRef.current.y,
+			initialLeft: previewRect.left,
+			initialTop: previewRect.top,
+			previewWidth: previewRect.width,
+			previewHeight: previewRect.height,
+			dragging: false,
+		};
+		event.currentTarget.setPointerCapture(event.pointerId);
+	}, []);
 
 	const handleWebcamPreviewPointerMove = useCallback((event: PointerEvent<HTMLDivElement>) => {
 		const dragState = webcamPreviewDragStartRef.current;
@@ -225,12 +222,12 @@ export function useWebcamPreviewOverlay({
 								width: { ideal: 320 },
 								height: { ideal: 320 },
 								frameRate: { ideal: 24, max: 30 },
-						  }
+							}
 						: {
 								width: { ideal: 320 },
 								height: { ideal: 320 },
 								frameRate: { ideal: 24, max: 30 },
-						  },
+							},
 					audio: false,
 				});
 
diff --git a/src/components/launch/popovers/LaunchPopoverCoordinator.tsx b/src/components/launch/popovers/LaunchPopoverCoordinator.tsx
index 55aa5f47c..7087f78c3 100644
--- a/src/components/launch/popovers/LaunchPopoverCoordinator.tsx
+++ b/src/components/launch/popovers/LaunchPopoverCoordinator.tsx
@@ -1,4 +1,12 @@
-import { createContext, useCallback, useContext, useEffect, useMemo, useState, type ReactNode } from "react";
+import {
+	createContext,
+	useCallback,
+	useContext,
+	useEffect,
+	useMemo,
+	useState,
+	type ReactNode,
+} from "react";
 
 interface LaunchPopoverCoordinatorValue {
 	openId: string | null;
@@ -48,7 +56,9 @@ export function LaunchPopoverCoordinatorProvider({ children }: { children: React
 export function useLaunchPopoverCoordinator() {
 	const context = useContext(LaunchPopoverCoordinatorContext);
 	if (!context) {
-		throw new Error("useLaunchPopoverCoordinator must be used within LaunchPopoverCoordinatorProvider");
+		throw new Error(
+			"useLaunchPopoverCoordinator must be used within LaunchPopoverCoordinatorProvider",
+		);
 	}
 	return context;
 }
diff --git a/src/components/launch/popovers/MicPopover.tsx b/src/components/launch/popovers/MicPopover.tsx
index 02247d662..cc5eb0f0f 100644
--- a/src/components/launch/popovers/MicPopover.tsx
+++ b/src/components/launch/popovers/MicPopover.tsx
@@ -53,7 +53,9 @@ export function MicPopover({
 		>
 			<div className={styles.ddLabel}>{t("recording.microphone")}</div>
 			<DropdownItem
-				icon={systemAudioEnabled ? <SpeakerHighIcon size={16} /> : <SpeakerXIcon size={16} />}
+				icon={
+					systemAudioEnabled ? <SpeakerHighIcon size={16} /> : <SpeakerXIcon size={16} />
+				}
 				selected={systemAudioEnabled}
 				onClick={onToggleSystemAudio}
 			>
@@ -73,7 +75,9 @@ export function MicPopover({
 				</DropdownItem>
 			)}
 			{!microphoneEnabled && (
-				<div className="px-3 py-2 text-xs text-[var(--launch-text-muted)]">{t("recording.selectMicToEnable")}</div>
+				<div className="px-3 py-2 text-xs text-[var(--launch-text-muted)]">
+					{t("recording.selectMicToEnable")}
+				</div>
 			)}
 			{devices.map((device) => (
 				<MicDeviceRow
@@ -81,13 +85,16 @@ export function MicPopover({
 					device={device}
 					selected={
 						microphoneEnabled &&
-						(microphoneDeviceId === device.deviceId || selectedDeviceId === device.deviceId)
+						(microphoneDeviceId === device.deviceId ||
+							selectedDeviceId === device.deviceId)
 					}
 					onSelect={() => onSelectDevice(device.deviceId)}
 				/>
 			))}
 			{devices.length === 0 && (
-				<div className="text-center text-xs text-[var(--launch-text-muted)] py-4">{t("recording.noMicrophonesFound")}</div>
+				<div className="text-center text-xs text-[var(--launch-text-muted)] py-4">
+					{t("recording.noMicrophonesFound")}
+				</div>
 			)}
 		</HudPopover>
 	);
diff --git a/src/components/launch/popovers/PopoverScaffold.tsx b/src/components/launch/popovers/PopoverScaffold.tsx
index be349192b..3be3dfccc 100644
--- a/src/components/launch/popovers/PopoverScaffold.tsx
+++ b/src/components/launch/popovers/PopoverScaffold.tsx
@@ -54,7 +54,9 @@ export function MicDeviceRow({
 			className={`${styles.ddItem} ${selected ? styles.ddItemSelected : ""}`}
 			onClick={onSelect}
 		>
-			<span className="shrink-0">{selected ? <MicrophoneIcon size={16} /> : <MicrophoneSlashIcon size={16} />}</span>
+			<span className="shrink-0">
+				{selected ? <MicrophoneIcon size={16} /> : <MicrophoneSlashIcon size={16} />}
+			</span>
 			<span className="truncate flex-1">{device.label}</span>
 			<AudioLevelMeter level={level} className="w-16 shrink-0" />
 		</button>
diff --git a/src/components/launch/popovers/WebcamPopover.tsx b/src/components/launch/popovers/WebcamPopover.tsx
index 945ffac61..0c04ed89c 100644
--- a/src/components/launch/popovers/WebcamPopover.tsx
+++ b/src/components/launch/popovers/WebcamPopover.tsx
@@ -66,15 +66,20 @@ export function WebcamPopover({
 			</div>
 			{webcamEnabled && (
 				<>
-					<DropdownItem icon={<VideoOff size={16} />} onClick={() => {
-						onDisableWebcam();
-						requestClose(POPOVER_ID);
-					}}>
+					<DropdownItem
+						icon={<VideoOff size={16} />}
+						onClick={() => {
+							onDisableWebcam();
+							requestClose(POPOVER_ID);
+						}}
+					>
 						{t("recording.turnOffWebcam")}
 					</DropdownItem>
 					{canToggleFloatingPreview ? (
 						<DropdownItem
-							icon={showFloatingWebcamPreview ? <EyeOff size={16} /> : <Eye size={16} />}
+							icon={
+								showFloatingWebcamPreview ? <EyeOff size={16} /> : <Eye size={16} />
+							}
 							selected={showFloatingWebcamPreview}
 							onClick={onToggleFloatingPreview}
 						>
@@ -86,7 +91,9 @@ export function WebcamPopover({
 				</>
 			)}
 			{!webcamEnabled && (
-				<div className="px-3 py-2 text-xs text-[var(--launch-text-muted)]">{t("recording.selectWebcamToEnable")}</div>
+				<div className="px-3 py-2 text-xs text-[var(--launch-text-muted)]">
+					{t("recording.selectWebcamToEnable")}
+				</div>
 			)}
 			{showWebcamControls && (
 				<div className="flex justify-center px-3 py-2">
@@ -106,7 +113,8 @@ export function WebcamPopover({
 					key={device.deviceId}
 					icon={
 						webcamEnabled &&
-						(webcamDeviceId === device.deviceId || selectedVideoDeviceId === device.deviceId) ? (
+						(webcamDeviceId === device.deviceId ||
+							selectedVideoDeviceId === device.deviceId) ? (
 							<Video size={16} />
 						) : (
 							<VideoOff size={16} />
@@ -114,7 +122,8 @@ export function WebcamPopover({
 					}
 					selected={
 						webcamEnabled &&
-						(webcamDeviceId === device.deviceId || selectedVideoDeviceId === device.deviceId)
+						(webcamDeviceId === device.deviceId ||
+							selectedVideoDeviceId === device.deviceId)
 					}
 					onClick={() => onSelectVideoDevice(device.deviceId)}
 				>
@@ -122,7 +131,9 @@ export function WebcamPopover({
 				</DropdownItem>
 			))}
 			{videoDevices.length === 0 && (
-				<div className="text-center text-xs text-[var(--launch-text-muted)] py-4">{t("recording.noWebcamsFound")}</div>
+				<div className="text-center text-xs text-[var(--launch-text-muted)] py-4">
+					{t("recording.noWebcamsFound")}
+				</div>
 			)}
 		</HudPopover>
 	);
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 2ea10d35c..4ad994787 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -64,4 +64,3 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 Button.displayName = "Button";
 
 export { Button, buttonVariants };
-
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index be280e48c..918798b3f 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -11,10 +11,7 @@ interface SeparatorProps {
  * A reusable separator component that can be used as a horizontal or vertical divider.
  * Replaces the inline div separators used throughout the application.
  */
-export function Separator({
-	orientation = "horizontal",
-	className,
-}: SeparatorProps) {
+export function Separator({ orientation = "horizontal", className }: SeparatorProps) {
 	return (
 		<div
 			role="separator"
diff --git a/src/components/video-editor/AnnotationOverlay.tsx b/src/components/video-editor/AnnotationOverlay.tsx
index 8316468d8..aa6078f9a 100644
--- a/src/components/video-editor/AnnotationOverlay.tsx
+++ b/src/components/video-editor/AnnotationOverlay.tsx
@@ -90,7 +90,9 @@ export function AnnotationOverlay({
 			},
 			size: {
 				width: clampPercent((nextSceneWidth / Math.max(1, safeRecordingRect.width)) * 100),
-				height: clampPercent((nextSceneHeight / Math.max(1, safeRecordingRect.height)) * 100),
+				height: clampPercent(
+					(nextSceneHeight / Math.max(1, safeRecordingRect.height)) * 100,
+				),
 			},
 		};
 	};
diff --git a/src/components/video-editor/AnnotationSettingsPanel.tsx b/src/components/video-editor/AnnotationSettingsPanel.tsx
index db90b746b..af5326320 100644
--- a/src/components/video-editor/AnnotationSettingsPanel.tsx
+++ b/src/components/video-editor/AnnotationSettingsPanel.tsx
@@ -142,650 +142,664 @@ export function AnnotationSettingsPanel({
 		<div className="flex-[2] min-w-0 bg-editor-panel border border-foreground/10 rounded-2xl flex flex-col shadow-xl h-full overflow-hidden">
 			<div className="flex-1 min-h-0 p-4 overflow-y-auto custom-scrollbar">
 				<div className="mb-6">
-				<div className="flex items-center justify-between mb-4">
-					<span className="text-sm font-medium text-foreground">
-						{t("annotations.settings")}
-					</span>
-					<span className="text-[10px] uppercase tracking-wider font-medium text-[#2563EB] bg-[#2563EB]/10 px-2 py-1 rounded-full">
-						{t("annotations.active")}
-					</span>
-				</div>
+					<div className="flex items-center justify-between mb-4">
+						<span className="text-sm font-medium text-foreground">
+							{t("annotations.settings")}
+						</span>
+						<span className="text-[10px] uppercase tracking-wider font-medium text-[#2563EB] bg-[#2563EB]/10 px-2 py-1 rounded-full">
+							{t("annotations.active")}
+						</span>
+					</div>
 
-				{/* Type Selector */}
-				<Tabs
-					value={annotation.type}
-					onValueChange={(value) => onTypeChange(value as AnnotationType)}
-					className="mb-6"
-				>
-					<TabsList className="mb-4 bg-foreground/5 border border-foreground/5 p-1 w-full grid grid-cols-4 h-auto rounded-xl">
-						<TabsTrigger
-							value="text"
-							className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
-						>
-							<Type className="w-4 h-4" />
-							{t("annotations.text")}
-						</TabsTrigger>
-						<TabsTrigger
-							value="image"
-							className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
-						>
-							<ImageIcon className="w-4 h-4" />
-							{t("annotations.image")}
-						</TabsTrigger>
-						<TabsTrigger
-							value="figure"
-							className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
-						>
-							<svg
-								className="w-4 h-4"
-								viewBox="0 0 24 24"
-								fill="none"
-								stroke="currentColor"
-								strokeWidth="2"
+					{/* Type Selector */}
+					<Tabs
+						value={annotation.type}
+						onValueChange={(value) => onTypeChange(value as AnnotationType)}
+						className="mb-6"
+					>
+						<TabsList className="mb-4 bg-foreground/5 border border-foreground/5 p-1 w-full grid grid-cols-4 h-auto rounded-xl">
+							<TabsTrigger
+								value="text"
+								className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
+							>
+								<Type className="w-4 h-4" />
+								{t("annotations.text")}
+							</TabsTrigger>
+							<TabsTrigger
+								value="image"
+								className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
 							>
-								<path
-									d="M4 12h16m0 0l-6-6m6 6l-6 6"
-									strokeLinecap="round"
-									strokeLinejoin="round"
+								<ImageIcon className="w-4 h-4" />
+								{t("annotations.image")}
+							</TabsTrigger>
+							<TabsTrigger
+								value="figure"
+								className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
+							>
+								<svg
+									className="w-4 h-4"
+									viewBox="0 0 24 24"
+									fill="none"
+									stroke="currentColor"
+									strokeWidth="2"
+								>
+									<path
+										d="M4 12h16m0 0l-6-6m6 6l-6 6"
+										strokeLinecap="round"
+										strokeLinejoin="round"
+									/>
+								</svg>
+								{t("annotations.arrow")}
+							</TabsTrigger>
+							<TabsTrigger
+								value="blur"
+								className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
+							>
+								<SquareDashed className="w-4 h-4" />
+								{t("annotations.blur")}
+							</TabsTrigger>
+						</TabsList>
+
+						{/* Text Content */}
+						<TabsContent value="text" className="mt-0 space-y-4">
+							<div>
+								<label className="text-xs font-medium text-foreground mb-2 block">
+									{t("annotations.textContent")}
+								</label>
+								<textarea
+									value={annotation.textContent || annotation.content}
+									onChange={(e) => onContentChange(e.target.value)}
+									placeholder={t("annotations.textPlaceholder")}
+									rows={5}
+									className="w-full px-3 py-2 bg-foreground/5 border border-foreground/10 rounded-lg text-foreground text-sm placeholder:text-muted-foreground/70 focus:outline-none focus:ring-2 focus:ring-[#2563EB] focus:border-transparent resize-none"
 								/>
-							</svg>
-							{t("annotations.arrow")}
-						</TabsTrigger>
-						<TabsTrigger
-							value="blur"
-							className="data-[state=active]:bg-[#2563EB] data-[state=active]:text-white text-muted-foreground py-2 rounded-lg transition-all gap-2"
-						>
-							<SquareDashed className="w-4 h-4" />
-							{t("annotations.blur")}
-						</TabsTrigger>
-					</TabsList>
-
-					{/* Text Content */}
-					<TabsContent value="text" className="mt-0 space-y-4">
-						<div>
-							<label className="text-xs font-medium text-foreground mb-2 block">
-								{t("annotations.textContent")}
-							</label>
-							<textarea
-								value={annotation.textContent || annotation.content}
-								onChange={(e) => onContentChange(e.target.value)}
-								placeholder={t("annotations.textPlaceholder")}
-								rows={5}
-								className="w-full px-3 py-2 bg-foreground/5 border border-foreground/10 rounded-lg text-foreground text-sm placeholder:text-muted-foreground/70 focus:outline-none focus:ring-2 focus:ring-[#2563EB] focus:border-transparent resize-none"
-							/>
-						</div>
+							</div>
 
-						{/* Styling Controls */}
-						<div className="space-y-4">
-							{/* Font Family & Size */}
-							<div className="grid grid-cols-2 gap-2">
-								<div>
-									<label className="text-xs font-medium text-foreground mb-2 block">
-										{t("annotations.fontStyle")}
-									</label>
-									<Select
-										value={annotation.style.fontFamily}
-										onValueChange={(value) =>
-											onStyleChange({ fontFamily: value })
-										}
-									>
-										<SelectTrigger className="w-full bg-foreground/5 border-foreground/10 text-foreground h-9 text-xs">
-											<SelectValue
-												placeholder={t("annotations.selectStyle")}
-											/>
-										</SelectTrigger>
-										<SelectContent className="bg-editor-surface-alt border-foreground/10 text-foreground max-h-[300px]">
-											{fontFamilies.map((font) => (
-												<SelectItem
-													key={font.value}
-													value={font.value}
-													style={{ fontFamily: font.value }}
-												>
-													{font.label}
-												</SelectItem>
-											))}
-											{customFonts.length > 0 && (
-												<>
-													<div className="px-2 py-1.5 text-[10px] font-medium text-muted-foreground uppercase tracking-wider">
-														Custom Fonts
-													</div>
-													{customFonts.map((font) => (
-														<SelectItem
-															key={font.id}
-															value={font.fontFamily}
-															style={{ fontFamily: font.fontFamily }}
-														>
-															{font.name}
-														</SelectItem>
-													))}
-												</>
-											)}
-										</SelectContent>
-									</Select>
+							{/* Styling Controls */}
+							<div className="space-y-4">
+								{/* Font Family & Size */}
+								<div className="grid grid-cols-2 gap-2">
+									<div>
+										<label className="text-xs font-medium text-foreground mb-2 block">
+											{t("annotations.fontStyle")}
+										</label>
+										<Select
+											value={annotation.style.fontFamily}
+											onValueChange={(value) =>
+												onStyleChange({ fontFamily: value })
+											}
+										>
+											<SelectTrigger className="w-full bg-foreground/5 border-foreground/10 text-foreground h-9 text-xs">
+												<SelectValue
+													placeholder={t("annotations.selectStyle")}
+												/>
+											</SelectTrigger>
+											<SelectContent className="bg-editor-surface-alt border-foreground/10 text-foreground max-h-[300px]">
+												{fontFamilies.map((font) => (
+													<SelectItem
+														key={font.value}
+														value={font.value}
+														style={{ fontFamily: font.value }}
+													>
+														{font.label}
+													</SelectItem>
+												))}
+												{customFonts.length > 0 && (
+													<>
+														<div className="px-2 py-1.5 text-[10px] font-medium text-muted-foreground uppercase tracking-wider">
+															Custom Fonts
+														</div>
+														{customFonts.map((font) => (
+															<SelectItem
+																key={font.id}
+																value={font.fontFamily}
+																style={{
+																	fontFamily: font.fontFamily,
+																}}
+															>
+																{font.name}
+															</SelectItem>
+														))}
+													</>
+												)}
+											</SelectContent>
+										</Select>
+									</div>
+									<div>
+										<label className="text-xs font-medium text-foreground mb-2 block">
+											{t("annotations.size")}
+										</label>
+										<Select
+											value={annotation.style.fontSize.toString()}
+											onValueChange={(value) =>
+												onStyleChange({ fontSize: parseInt(value) })
+											}
+										>
+											<SelectTrigger className="w-full bg-foreground/5 border-foreground/10 text-foreground h-9 text-xs">
+												<SelectValue placeholder={t("annotations.size")} />
+											</SelectTrigger>
+											<SelectContent className="bg-editor-surface-alt border-foreground/10 text-foreground max-h-[200px]">
+												{FONT_SIZES.map((size) => (
+													<SelectItem key={size} value={size.toString()}>
+														{size}px
+													</SelectItem>
+												))}
+											</SelectContent>
+										</Select>
+									</div>
 								</div>
+
+								{/* Add Custom Font Button */}
 								<div>
-									<label className="text-xs font-medium text-foreground mb-2 block">
-										{t("annotations.size")}
-									</label>
-									<Select
-										value={annotation.style.fontSize.toString()}
-										onValueChange={(value) =>
-											onStyleChange({ fontSize: parseInt(value) })
-										}
-									>
-										<SelectTrigger className="w-full bg-foreground/5 border-foreground/10 text-foreground h-9 text-xs">
-											<SelectValue placeholder={t("annotations.size")} />
-										</SelectTrigger>
-										<SelectContent className="bg-editor-surface-alt border-foreground/10 text-foreground max-h-[200px]">
-											{FONT_SIZES.map((size) => (
-												<SelectItem key={size} value={size.toString()}>
-													{size}px
-												</SelectItem>
-											))}
-										</SelectContent>
-									</Select>
+									<AddCustomFontDialog
+										onFontAdded={(font) => {
+											setCustomFonts(getCustomFonts());
+											onStyleChange({ fontFamily: font.fontFamily });
+										}}
+									/>
 								</div>
-							</div>
-
-							{/* Add Custom Font Button */}
-							<div>
-								<AddCustomFontDialog
-									onFontAdded={(font) => {
-										setCustomFonts(getCustomFonts());
-										onStyleChange({ fontFamily: font.fontFamily });
-									}}
-								/>
-							</div>
 
-							{/* Formatting Toggles */}
-							<div className="flex items-center justify-between gap-2">
-								<ToggleGroup
-									type="multiple"
-									className="justify-start bg-foreground/5 p-1 rounded-lg border border-foreground/5"
-								>
-									<ToggleGroupItem
-										value="bold"
-										aria-label={t("annotations.toggleBold")}
-										data-state={
-											annotation.style.fontWeight === "bold" ? "on" : "off"
-										}
-										onClick={() =>
-											onStyleChange({
-												fontWeight:
-													annotation.style.fontWeight === "bold"
-														? "normal"
-														: "bold",
-											})
-										}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
-									>
-										<Bold className="h-4 w-4" />
-									</ToggleGroupItem>
-									<ToggleGroupItem
-										value="italic"
-										aria-label={t("annotations.toggleItalic")}
-										data-state={
-											annotation.style.fontStyle === "italic" ? "on" : "off"
-										}
-										onClick={() =>
-											onStyleChange({
-												fontStyle:
-													annotation.style.fontStyle === "italic"
-														? "normal"
-														: "italic",
-											})
-										}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
-									>
-										<Italic className="h-4 w-4" />
-									</ToggleGroupItem>
-									<ToggleGroupItem
-										value="underline"
-										aria-label={t("annotations.toggleUnderline")}
-										data-state={
-											annotation.style.textDecoration === "underline"
-												? "on"
-												: "off"
-										}
-										onClick={() =>
-											onStyleChange({
-												textDecoration:
-													annotation.style.textDecoration === "underline"
-														? "none"
-														: "underline",
-											})
-										}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
-									>
-										<Underline className="h-4 w-4" />
-									</ToggleGroupItem>
-								</ToggleGroup>
-
-								<ToggleGroup
-									type="single"
-									value={annotation.style.textAlign}
-									className="justify-start bg-foreground/5 p-1 rounded-lg border border-foreground/5"
-								>
-									<ToggleGroupItem
-										value="left"
-										aria-label={t("annotations.alignLeft")}
-										onClick={() => onStyleChange({ textAlign: "left" })}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+								{/* Formatting Toggles */}
+								<div className="flex items-center justify-between gap-2">
+									<ToggleGroup
+										type="multiple"
+										className="justify-start bg-foreground/5 p-1 rounded-lg border border-foreground/5"
 									>
-										<AlignLeft className="h-4 w-4" />
-									</ToggleGroupItem>
-									<ToggleGroupItem
-										value="center"
-										aria-label={t("annotations.alignCenter")}
-										onClick={() => onStyleChange({ textAlign: "center" })}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
-									>
-										<AlignCenter className="h-4 w-4" />
-									</ToggleGroupItem>
-									<ToggleGroupItem
-										value="right"
-										aria-label={t("annotations.alignRight")}
-										onClick={() => onStyleChange({ textAlign: "right" })}
-										className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										<ToggleGroupItem
+											value="bold"
+											aria-label={t("annotations.toggleBold")}
+											data-state={
+												annotation.style.fontWeight === "bold"
+													? "on"
+													: "off"
+											}
+											onClick={() =>
+												onStyleChange({
+													fontWeight:
+														annotation.style.fontWeight === "bold"
+															? "normal"
+															: "bold",
+												})
+											}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<Bold className="h-4 w-4" />
+										</ToggleGroupItem>
+										<ToggleGroupItem
+											value="italic"
+											aria-label={t("annotations.toggleItalic")}
+											data-state={
+												annotation.style.fontStyle === "italic"
+													? "on"
+													: "off"
+											}
+											onClick={() =>
+												onStyleChange({
+													fontStyle:
+														annotation.style.fontStyle === "italic"
+															? "normal"
+															: "italic",
+												})
+											}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<Italic className="h-4 w-4" />
+										</ToggleGroupItem>
+										<ToggleGroupItem
+											value="underline"
+											aria-label={t("annotations.toggleUnderline")}
+											data-state={
+												annotation.style.textDecoration === "underline"
+													? "on"
+													: "off"
+											}
+											onClick={() =>
+												onStyleChange({
+													textDecoration:
+														annotation.style.textDecoration ===
+														"underline"
+															? "none"
+															: "underline",
+												})
+											}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<Underline className="h-4 w-4" />
+										</ToggleGroupItem>
+									</ToggleGroup>
+
+									<ToggleGroup
+										type="single"
+										value={annotation.style.textAlign}
+										className="justify-start bg-foreground/5 p-1 rounded-lg border border-foreground/5"
 									>
-										<AlignRight className="h-4 w-4" />
-									</ToggleGroupItem>
-								</ToggleGroup>
-							</div>
-
-							{/* Colors */}
-							<div className="grid grid-cols-2 gap-4">
-								<div>
-									<label className="text-xs font-medium text-foreground mb-2 block">
-										{t("annotations.textColor")}
-									</label>
-									<Popover>
-										<PopoverTrigger asChild>
-											<Button
-												variant="outline"
-												className="w-full h-9 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10 px-2"
-											>
-												<div
-													className="w-4 h-4 rounded-full border border-foreground/20"
-													style={{
-														backgroundColor: annotation.style.color,
-													}}
-												/>
-												<span className="text-xs text-muted-foreground truncate flex-1 text-left">
-													{annotation.style.color}
-												</span>
-												<ChevronDown className="h-3 w-3 opacity-50" />
-											</Button>
-										</PopoverTrigger>
-										<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
-											<Block
-												color={annotation.style.color}
-												colors={colorPalette}
-												onChange={(color) => {
-													onStyleChange({ color: color.hex });
-												}}
-												style={{
-													borderRadius: "8px",
-												}}
-											/>
-										</PopoverContent>
-									</Popover>
+										<ToggleGroupItem
+											value="left"
+											aria-label={t("annotations.alignLeft")}
+											onClick={() => onStyleChange({ textAlign: "left" })}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<AlignLeft className="h-4 w-4" />
+										</ToggleGroupItem>
+										<ToggleGroupItem
+											value="center"
+											aria-label={t("annotations.alignCenter")}
+											onClick={() => onStyleChange({ textAlign: "center" })}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<AlignCenter className="h-4 w-4" />
+										</ToggleGroupItem>
+										<ToggleGroupItem
+											value="right"
+											aria-label={t("annotations.alignRight")}
+											onClick={() => onStyleChange({ textAlign: "right" })}
+											className="h-8 w-8 data-[state=on]:bg-[#2563EB] data-[state=on]:text-white text-muted-foreground hover:bg-foreground/5 hover:text-foreground"
+										>
+											<AlignRight className="h-4 w-4" />
+										</ToggleGroupItem>
+									</ToggleGroup>
 								</div>
-								<div>
-									<label className="text-xs font-medium text-foreground mb-2 block">
-										{t("annotations.background")}
-									</label>
-									<Popover>
-										<PopoverTrigger asChild>
-											<Button
-												variant="outline"
-												className="w-full h-9 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10 px-2"
-											>
-												<div className="w-4 h-4 rounded-full border border-foreground/20 relative overflow-hidden">
-													<div className="absolute inset-0 checkerboard-bg opacity-50" />
+
+								{/* Colors */}
+								<div className="grid grid-cols-2 gap-4">
+									<div>
+										<label className="text-xs font-medium text-foreground mb-2 block">
+											{t("annotations.textColor")}
+										</label>
+										<Popover>
+											<PopoverTrigger asChild>
+												<Button
+													variant="outline"
+													className="w-full h-9 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10 px-2"
+												>
 													<div
-														className="absolute inset-0"
+														className="w-4 h-4 rounded-full border border-foreground/20"
 														style={{
-															backgroundColor:
-																annotation.style.backgroundColor,
+															backgroundColor: annotation.style.color,
 														}}
 													/>
-												</div>
-												<span className="text-xs text-muted-foreground truncate flex-1 text-left">
-													{annotation.style.backgroundColor ===
-													"transparent"
-														? t("annotations.none")
-														: "Color"}
-												</span>
-												<ChevronDown className="h-3 w-3 opacity-50" />
-											</Button>
-										</PopoverTrigger>
-										<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
-											<Block
-												color={
-													annotation.style.backgroundColor ===
-													"transparent"
-														? "#000000"
-														: annotation.style.backgroundColor
-												}
-												colors={colorPalette}
-												onChange={(color) => {
-													onStyleChange({ backgroundColor: color.hex });
-												}}
-												style={{
-													borderRadius: "8px",
-												}}
-											/>
-											<Button
-												variant="ghost"
-												size="sm"
-												className="w-full mt-2 text-xs h-7 hover:bg-foreground/5 text-muted-foreground"
+													<span className="text-xs text-muted-foreground truncate flex-1 text-left">
+														{annotation.style.color}
+													</span>
+													<ChevronDown className="h-3 w-3 opacity-50" />
+												</Button>
+											</PopoverTrigger>
+											<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
+												<Block
+													color={annotation.style.color}
+													colors={colorPalette}
+													onChange={(color) => {
+														onStyleChange({ color: color.hex });
+													}}
+													style={{
+														borderRadius: "8px",
+													}}
+												/>
+											</PopoverContent>
+										</Popover>
+									</div>
+									<div>
+										<label className="text-xs font-medium text-foreground mb-2 block">
+											{t("annotations.background")}
+										</label>
+										<Popover>
+											<PopoverTrigger asChild>
+												<Button
+													variant="outline"
+													className="w-full h-9 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10 px-2"
+												>
+													<div className="w-4 h-4 rounded-full border border-foreground/20 relative overflow-hidden">
+														<div className="absolute inset-0 checkerboard-bg opacity-50" />
+														<div
+															className="absolute inset-0"
+															style={{
+																backgroundColor:
+																	annotation.style
+																		.backgroundColor,
+															}}
+														/>
+													</div>
+													<span className="text-xs text-muted-foreground truncate flex-1 text-left">
+														{annotation.style.backgroundColor ===
+														"transparent"
+															? t("annotations.none")
+															: "Color"}
+													</span>
+													<ChevronDown className="h-3 w-3 opacity-50" />
+												</Button>
+											</PopoverTrigger>
+											<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
+												<Block
+													color={
+														annotation.style.backgroundColor ===
+														"transparent"
+															? "#000000"
+															: annotation.style.backgroundColor
+													}
+													colors={colorPalette}
+													onChange={(color) => {
+														onStyleChange({
+															backgroundColor: color.hex,
+														});
+													}}
+													style={{
+														borderRadius: "8px",
+													}}
+												/>
+												<Button
+													variant="ghost"
+													size="sm"
+													className="w-full mt-2 text-xs h-7 hover:bg-foreground/5 text-muted-foreground"
+													onClick={() => {
+														onStyleChange({
+															backgroundColor: "transparent",
+														});
+													}}
+												>
+													{t("annotations.clearBackground")}
+												</Button>
+											</PopoverContent>
+										</Popover>
+									</div>
+								</div>
+							</div>
+						</TabsContent>
+
+						{/* Image Upload */}
+						<TabsContent value="image" className="mt-0 space-y-4">
+							<input
+								type="file"
+								ref={fileInputRef}
+								onChange={handleImageUpload}
+								accept=".jpg,.jpeg,.png,.gif,.webp,image/*"
+								className="hidden"
+							/>
+							<Button
+								onClick={() => fileInputRef.current?.click()}
+								variant="outline"
+								className="w-full gap-2 bg-foreground/5 text-foreground border-foreground/10 hover:bg-[#2563EB] hover:text-white hover:border-[#2563EB] transition-all py-8"
+							>
+								<Upload className="w-5 h-5" />
+								{t("annotations.uploadImage")}
+							</Button>
+
+							{annotation.content && annotation.content.startsWith("data:image") && (
+								<div className="rounded-lg border border-foreground/10 overflow-hidden bg-foreground/5 p-2">
+									<img
+										src={annotation.content}
+										alt="Uploaded annotation"
+										className="w-full h-auto rounded-md"
+									/>
+								</div>
+							)}
+
+							<p className="text-xs text-muted-foreground/70 text-center leading-relaxed">
+								{t("annotations.supportedFormats")}
+							</p>
+						</TabsContent>
+
+						<TabsContent value="figure" className="mt-0 space-y-4">
+							<div>
+								<label className="text-xs font-medium text-foreground mb-3 block">
+									{t("annotations.arrowDirection")}
+								</label>
+								<div className="grid grid-cols-4 gap-2">
+									{(
+										[
+											"up",
+											"down",
+											"left",
+											"right",
+											"up-right",
+											"up-left",
+											"down-right",
+											"down-left",
+										] as ArrowDirection[]
+									).map((direction) => {
+										const ArrowComponent = getArrowComponent(direction);
+										return (
+											<button
+												key={direction}
 												onClick={() => {
-													onStyleChange({
-														backgroundColor: "transparent",
-													});
+													const newFigureData: FigureData = {
+														...annotation.figureData!,
+														arrowDirection: direction,
+													};
+													onFigureDataChange?.(newFigureData);
 												}}
+												aria-label={t(
+													"annotations.arrowDirectionOption",
+													"Arrow direction: {{direction}}",
+													{ direction: direction.replace(/-/g, " ") },
+												)}
+												className={cn(
+													"h-16 rounded-lg border flex items-center justify-center transition-all p-2",
+													annotation.figureData?.arrowDirection ===
+														direction
+														? "bg-[#2563EB] border-[#2563EB]"
+														: "bg-foreground/5 border-foreground/10 hover:bg-foreground/10 hover:border-foreground/20",
+												)}
 											>
-												{t("annotations.clearBackground")}
-											</Button>
-										</PopoverContent>
-									</Popover>
+												<ArrowComponent
+													color={
+														annotation.figureData?.arrowDirection ===
+														direction
+															? "#ffffff"
+															: "#94a3b8"
+													}
+													strokeWidth={3}
+												/>
+											</button>
+										);
+									})}
 								</div>
 							</div>
-						</div>
-					</TabsContent>
-
-					{/* Image Upload */}
-					<TabsContent value="image" className="mt-0 space-y-4">
-						<input
-							type="file"
-							ref={fileInputRef}
-							onChange={handleImageUpload}
-							accept=".jpg,.jpeg,.png,.gif,.webp,image/*"
-							className="hidden"
-						/>
-						<Button
-							onClick={() => fileInputRef.current?.click()}
-							variant="outline"
-							className="w-full gap-2 bg-foreground/5 text-foreground border-foreground/10 hover:bg-[#2563EB] hover:text-white hover:border-[#2563EB] transition-all py-8"
-						>
-							<Upload className="w-5 h-5" />
-							{t("annotations.uploadImage")}
-						</Button>
-
-						{annotation.content && annotation.content.startsWith("data:image") && (
-							<div className="rounded-lg border border-foreground/10 overflow-hidden bg-foreground/5 p-2">
-								<img
-									src={annotation.content}
-									alt="Uploaded annotation"
-									className="w-full h-auto rounded-md"
+
+							<div>
+								<label className="text-xs font-medium text-foreground mb-2 block">
+									{t("annotations.strokeWidth", undefined, {
+										width: annotation.figureData?.strokeWidth || 4,
+									})}
+								</label>
+								<Slider
+									value={[annotation.figureData?.strokeWidth || 4]}
+									onValueChange={([value]) => {
+										const newFigureData: FigureData = {
+											...annotation.figureData!,
+											strokeWidth: value,
+										};
+										onFigureDataChange?.(newFigureData);
+									}}
+									min={1}
+									max={6}
+									step={1}
+									className="w-full"
 								/>
 							</div>
-						)}
-
-						<p className="text-xs text-muted-foreground/70 text-center leading-relaxed">
-							{t("annotations.supportedFormats")}
-						</p>
-					</TabsContent>
-
-					<TabsContent value="figure" className="mt-0 space-y-4">
-						<div>
-							<label className="text-xs font-medium text-foreground mb-3 block">
-								{t("annotations.arrowDirection")}
-							</label>
-							<div className="grid grid-cols-4 gap-2">
-								{(
-									[
-										"up",
-										"down",
-										"left",
-										"right",
-										"up-right",
-										"up-left",
-										"down-right",
-										"down-left",
-									] as ArrowDirection[]
-								).map((direction) => {
-									const ArrowComponent = getArrowComponent(direction);
-									return (
-										<button
-											key={direction}
-											onClick={() => {
+
+							<div>
+								<label className="text-xs font-medium text-foreground mb-2 block">
+									{t("annotations.arrowColor")}
+								</label>
+								<Popover>
+									<PopoverTrigger asChild>
+										<Button
+											variant="outline"
+											className="w-full h-10 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10"
+										>
+											<div
+												className="w-5 h-5 rounded-full border border-foreground/20"
+												style={{
+													backgroundColor:
+														annotation.figureData?.color || "#2563EB",
+												}}
+											/>
+											<span className="text-xs text-muted-foreground truncate flex-1 text-left">
+												{annotation.figureData?.color || "#2563EB"}
+											</span>
+											<ChevronDown className="h-3 w-3 opacity-50" />
+										</Button>
+									</PopoverTrigger>
+									<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
+										<Block
+											color={annotation.figureData?.color || "#2563EB"}
+											colors={colorPalette}
+											onChange={(color) => {
 												const newFigureData: FigureData = {
 													...annotation.figureData!,
-													arrowDirection: direction,
+													color: color.hex,
 												};
 												onFigureDataChange?.(newFigureData);
 											}}
-											aria-label={t(
-												"annotations.arrowDirectionOption",
-												"Arrow direction: {{direction}}",
-												{ direction: direction.replace(/-/g, " ") },
-											)}
-											className={cn(
-												"h-16 rounded-lg border flex items-center justify-center transition-all p-2",
-												annotation.figureData?.arrowDirection === direction
-													? "bg-[#2563EB] border-[#2563EB]"
-													: "bg-foreground/5 border-foreground/10 hover:bg-foreground/10 hover:border-foreground/20",
-											)}
-										>
-											<ArrowComponent
-												color={
-													annotation.figureData?.arrowDirection ===
-													direction
-														? "#ffffff"
-														: "#94a3b8"
-												}
-												strokeWidth={3}
-											/>
-										</button>
-									);
-								})}
-							</div>
-						</div>
-
-						<div>
-							<label className="text-xs font-medium text-foreground mb-2 block">
-								{t("annotations.strokeWidth", undefined, {
-									width: annotation.figureData?.strokeWidth || 4,
-								})}
-							</label>
-							<Slider
-								value={[annotation.figureData?.strokeWidth || 4]}
-								onValueChange={([value]) => {
-									const newFigureData: FigureData = {
-										...annotation.figureData!,
-										strokeWidth: value,
-									};
-									onFigureDataChange?.(newFigureData);
-								}}
-								min={1}
-								max={6}
-								step={1}
-								className="w-full"
-							/>
-						</div>
-
-						<div>
-							<label className="text-xs font-medium text-foreground mb-2 block">
-								{t("annotations.arrowColor")}
-							</label>
-							<Popover>
-								<PopoverTrigger asChild>
-									<Button
-										variant="outline"
-										className="w-full h-10 justify-start gap-2 bg-foreground/5 border-foreground/10 hover:bg-foreground/10"
-									>
-										<div
-											className="w-5 h-5 rounded-full border border-foreground/20"
 											style={{
-												backgroundColor:
-													annotation.figureData?.color || "#2563EB",
+												borderRadius: "8px",
 											}}
 										/>
-										<span className="text-xs text-muted-foreground truncate flex-1 text-left">
-											{annotation.figureData?.color || "#2563EB"}
+									</PopoverContent>
+								</Popover>
+							</div>
+						</TabsContent>
+
+						<TabsContent value="blur" className="mt-0 space-y-4">
+							<div className="p-4 bg-foreground/5 rounded-xl border border-foreground/10 flex flex-col items-center">
+								<div className="w-full space-y-3">
+									<div className="flex items-center justify-between">
+										<span className="text-xs font-medium text-foreground">
+											{t("annotations.blurStrength", undefined, {
+												strength: annotation.blurIntensity ?? 20,
+											})}
 										</span>
-										<ChevronDown className="h-3 w-3 opacity-50" />
-									</Button>
-								</PopoverTrigger>
-								<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
-									<Block
-										color={annotation.figureData?.color || "#2563EB"}
-										colors={colorPalette}
-										onChange={(color) => {
-											const newFigureData: FigureData = {
-												...annotation.figureData!,
-												color: color.hex,
-											};
-											onFigureDataChange?.(newFigureData);
-										}}
-										style={{
-											borderRadius: "8px",
-										}}
+									</div>
+									<Slider
+										value={[annotation.blurIntensity ?? 20]}
+										onValueChange={([value]) => onBlurIntensityChange?.(value)}
+										min={1}
+										max={100}
+										step={1}
+										className="w-full"
 									/>
-								</PopoverContent>
-							</Popover>
-						</div>
-					</TabsContent>
-
-					<TabsContent value="blur" className="mt-0 space-y-4">
-						<div className="p-4 bg-foreground/5 rounded-xl border border-foreground/10 flex flex-col items-center">
-							<div className="w-full space-y-3">
-								<div className="flex items-center justify-between">
-									<span className="text-xs font-medium text-foreground">
-										{t("annotations.blurStrength", undefined, {
-											strength: annotation.blurIntensity ?? 20,
-										})}
-									</span>
 								</div>
-								<Slider
-									value={[annotation.blurIntensity ?? 20]}
-									onValueChange={([value]) => onBlurIntensityChange?.(value)}
-									min={1}
-									max={100}
-									step={1}
-									className="w-full"
-								/>
-							</div>
 
-							<div className="w-full space-y-3 mt-4">
-								<div className="flex items-center justify-between">
-									<span className="text-xs font-medium text-foreground">
-										{t("annotations.solidColor", "Solid Color (Censorship)")}
-									</span>
-								</div>
-								<div className="flex flex-wrap gap-2">
-									<button
-										onClick={() => onBlurColorChange?.("")}
-										className={cn(
-											"w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all",
-											!annotation.blurColor ||
-												annotation.blurColor === "transparent"
-												? "border-[#2563EB] scale-110"
-												: "border-transparent hover:border-foreground/20",
-										)}
-										title={t("annotations.none", "None")}
-									>
-										<div className="w-5 h-5 rounded-full bg-editor-bg flex items-center justify-center overflow-hidden relative">
-											<div className="absolute w-full h-0.5 bg-red-500 rotate-45" />
-										</div>
-									</button>
-									<button
-										onClick={() => onBlurColorChange?.("#000000")}
-										className={cn(
-											"w-8 h-8 rounded-full border-2 transition-all bg-black",
-											annotation.blurColor === "#000000"
-												? "border-[#2563EB] scale-110"
-												: "border-transparent hover:border-foreground/20",
-										)}
-										title="Black"
-									/>
-									<button
-										onClick={() => onBlurColorChange?.("#FFFFFF")}
-										className={cn(
-											"w-8 h-8 rounded-full border-2 transition-all bg-white",
-											annotation.blurColor === "#FFFFFF"
-												? "border-[#2563EB] scale-110"
-												: "border-transparent hover:border-foreground/20",
-										)}
-										title="White"
-									/>
+								<div className="w-full space-y-3 mt-4">
+									<div className="flex items-center justify-between">
+										<span className="text-xs font-medium text-foreground">
+											{t(
+												"annotations.solidColor",
+												"Solid Color (Censorship)",
+											)}
+										</span>
+									</div>
+									<div className="flex flex-wrap gap-2">
+										<button
+											onClick={() => onBlurColorChange?.("")}
+											className={cn(
+												"w-8 h-8 rounded-full border-2 flex items-center justify-center transition-all",
+												!annotation.blurColor ||
+													annotation.blurColor === "transparent"
+													? "border-[#2563EB] scale-110"
+													: "border-transparent hover:border-foreground/20",
+											)}
+											title={t("annotations.none", "None")}
+										>
+											<div className="w-5 h-5 rounded-full bg-editor-bg flex items-center justify-center overflow-hidden relative">
+												<div className="absolute w-full h-0.5 bg-red-500 rotate-45" />
+											</div>
+										</button>
+										<button
+											onClick={() => onBlurColorChange?.("#000000")}
+											className={cn(
+												"w-8 h-8 rounded-full border-2 transition-all bg-black",
+												annotation.blurColor === "#000000"
+													? "border-[#2563EB] scale-110"
+													: "border-transparent hover:border-foreground/20",
+											)}
+											title="Black"
+										/>
+										<button
+											onClick={() => onBlurColorChange?.("#FFFFFF")}
+											className={cn(
+												"w-8 h-8 rounded-full border-2 transition-all bg-white",
+												annotation.blurColor === "#FFFFFF"
+													? "border-[#2563EB] scale-110"
+													: "border-transparent hover:border-foreground/20",
+											)}
+											title="White"
+										/>
 
-									<Popover>
-										<PopoverTrigger asChild>
-											<button
-												className={cn(
-													"w-8 h-8 rounded-full border-2 transition-all flex items-center justify-center overflow-hidden relative",
-													annotation.blurColor &&
-														![
-															"#000000",
-															"#FFFFFF",
-															"transparent",
-															"",
-														].includes(annotation.blurColor)
-														? "border-[#2563EB] scale-110"
-														: "border-transparent hover:border-foreground/20",
-												)}
-												style={{
-													backgroundColor:
+										<Popover>
+											<PopoverTrigger asChild>
+												<button
+													className={cn(
+														"w-8 h-8 rounded-full border-2 transition-all flex items-center justify-center overflow-hidden relative",
 														annotation.blurColor &&
-														![
+															![
+																"#000000",
+																"#FFFFFF",
+																"transparent",
+																"",
+															].includes(annotation.blurColor)
+															? "border-[#2563EB] scale-110"
+															: "border-transparent hover:border-foreground/20",
+													)}
+													style={{
+														backgroundColor:
+															annotation.blurColor &&
+															![
+																"#000000",
+																"#FFFFFF",
+																"transparent",
+																"",
+															].includes(annotation.blurColor)
+																? annotation.blurColor
+																: "transparent",
+													}}
+													title="Custom Color"
+												>
+													{(!annotation.blurColor ||
+														[
 															"#000000",
 															"#FFFFFF",
 															"transparent",
 															"",
-														].includes(annotation.blurColor)
-															? annotation.blurColor
-															: "transparent",
-												}}
-												title="Custom Color"
-											>
-												{(!annotation.blurColor ||
-													[
-														"#000000",
-														"#FFFFFF",
-														"transparent",
-														"",
-													].includes(annotation.blurColor)) && (
-													<div className="w-full h-full flex items-center justify-center bg-foreground/5">
-														<div className="w-full h-full bg-gradient-to-tr from-red-500 via-green-500 to-blue-500 opacity-50" />
-													</div>
-												)}
-											</button>
-										</PopoverTrigger>
-										<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
-											<Block
-												color={annotation.blurColor || "#2563EB"}
-												colors={colorPalette}
-												onChange={(color) => {
-													onBlurColorChange?.(color.hex);
-												}}
-												style={{
-													borderRadius: "8px",
-												}}
-											/>
-										</PopoverContent>
-									</Popover>
+														].includes(annotation.blurColor)) && (
+														<div className="w-full h-full flex items-center justify-center bg-foreground/5">
+															<div className="w-full h-full bg-gradient-to-tr from-red-500 via-green-500 to-blue-500 opacity-50" />
+														</div>
+													)}
+												</button>
+											</PopoverTrigger>
+											<PopoverContent className="w-[260px] p-3 bg-editor-surface-alt border border-foreground/10 rounded-xl shadow-xl">
+												<Block
+													color={annotation.blurColor || "#2563EB"}
+													colors={colorPalette}
+													onChange={(color) => {
+														onBlurColorChange?.(color.hex);
+													}}
+													style={{
+														borderRadius: "8px",
+													}}
+												/>
+											</PopoverContent>
+										</Popover>
+									</div>
 								</div>
 							</div>
+						</TabsContent>
+					</Tabs>
+
+					<div className="mt-6 p-3 bg-foreground/5 rounded-lg border border-foreground/5">
+						<div className="flex items-center gap-2 mb-2 text-muted-foreground">
+							<Info className="w-3.5 h-3.5" />
+							<span className="text-xs font-medium">
+								{t("annotations.shortcutsAndTips")}
+							</span>
 						</div>
-					</TabsContent>
-				</Tabs>
-
-				<div className="mt-6 p-3 bg-foreground/5 rounded-lg border border-foreground/5">
-					<div className="flex items-center gap-2 mb-2 text-muted-foreground">
-						<Info className="w-3.5 h-3.5" />
-						<span className="text-xs font-medium">
-							{t("annotations.shortcutsAndTips")}
-						</span>
+						<ul className="text-[10px] text-muted-foreground space-y-1.5 list-disc pl-3 leading-relaxed">
+							<li>{t("annotations.tipSelectAnnotation")}</li>
+							<li>{t("annotations.tipCycleForward")}</li>
+							<li>{t("annotations.tipCycleBackward")}</li>
+						</ul>
 					</div>
-					<ul className="text-[10px] text-muted-foreground space-y-1.5 list-disc pl-3 leading-relaxed">
-						<li>{t("annotations.tipSelectAnnotation")}</li>
-						<li>{t("annotations.tipCycleForward")}</li>
-						<li>{t("annotations.tipCycleBackward")}</li>
-					</ul>
-				</div>
 				</div>
 			</div>
 			<div className="flex-shrink-0 border-t border-foreground/10 bg-editor-panel p-4 pt-3">
diff --git a/src/components/video-editor/ExportSettingsMenu.tsx b/src/components/video-editor/ExportSettingsMenu.tsx
index 5e36cdd76..dadf7e9c9 100644
--- a/src/components/video-editor/ExportSettingsMenu.tsx
+++ b/src/components/video-editor/ExportSettingsMenu.tsx
@@ -151,7 +151,7 @@ export function ExportSettingsMenu({
 									{isActive ? (
 										<motion.span
 											layoutId="header-export-quality-pill"
-										className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 											transition={{
 												type: "spring",
 												stiffness: 420,
@@ -163,17 +163,19 @@ export function ExportSettingsMenu({
 										<span
 											className={cn(
 												isActive
-												? "text-white dark:text-black"
-												: "text-muted-foreground hover:text-foreground",
-										)}
-									>
-										{option.label}
-									</span>
-									{mp4OutputDimensions ? (
-										<span
-											className={cn(
-												"mt-0.5 text-[9px]",
-												isActive ? "text-white/75 dark:text-black/75" : "text-muted-foreground/70",
+													? "text-white dark:text-black"
+													: "text-muted-foreground hover:text-foreground",
+											)}
+										>
+											{option.label}
+										</span>
+										{mp4OutputDimensions ? (
+											<span
+												className={cn(
+													"mt-0.5 text-[9px]",
+													isActive
+														? "text-white/75 dark:text-black/75"
+														: "text-muted-foreground/70",
 												)}
 											>
 												{mp4OutputDimensions[option.value].width} x{" "}
@@ -216,7 +218,7 @@ export function ExportSettingsMenu({
 									{isActive ? (
 										<motion.span
 											layoutId="header-export-encoding-pill"
-										className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 											transition={{
 												type: "spring",
 												stiffness: 420,
@@ -257,7 +259,7 @@ export function ExportSettingsMenu({
 									{isActive ? (
 										<motion.span
 											layoutId="header-export-fps-pill"
-										className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 											transition={{
 												type: "spring",
 												stiffness: 420,
@@ -309,7 +311,7 @@ export function ExportSettingsMenu({
 									{isActive ? (
 										<motion.span
 											layoutId="header-export-pipeline-pill"
-										className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 											transition={{
 												type: "spring",
 												stiffness: 420,
@@ -375,7 +377,10 @@ export function ExportSettingsMenu({
 						<div className="mb-3 flex min-h-12 items-center justify-between gap-3 rounded-lg border border-foreground/10 bg-foreground/5 px-3 py-2">
 							<div className="min-w-0">
 								<p className="text-[11px] font-semibold text-foreground">
-									{tSettings("export.captionSidecar.title", "Export captions file")}
+									{tSettings(
+										"export.captionSidecar.title",
+										"Export captions file",
+									)}
 								</p>
 								<p className="mt-0.5 truncate text-[10px] text-muted-foreground/75">
 									{tSettings(
@@ -414,7 +419,7 @@ export function ExportSettingsMenu({
 											{isActive ? (
 												<motion.span
 													layoutId="header-gif-frame-rate-pill"
-											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+													className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 													transition={{
 														type: "spring",
 														stiffness: 420,
@@ -454,7 +459,7 @@ export function ExportSettingsMenu({
 											{isActive ? (
 												<motion.span
 													layoutId="header-gif-size-pill"
-											className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
+													className="absolute inset-0 rounded-lg bg-neutral-800 dark:bg-white"
 													transition={{
 														type: "spring",
 														stiffness: 420,
diff --git a/src/components/video-editor/ExtensionIcon.tsx b/src/components/video-editor/ExtensionIcon.tsx
index 7808bff3c..ef759ab2f 100644
--- a/src/components/video-editor/ExtensionIcon.tsx
+++ b/src/components/video-editor/ExtensionIcon.tsx
@@ -111,8 +111,8 @@ function resolvePhosphorIcon(name: string): Icon | null {
 }
 
 /**
-	* Renders either a Phosphor icon (by PascalCase name) or an image (by path/URL).
-	* Falls back to the PuzzlePiece icon if nothing matches.
+ * Renders either a Phosphor icon (by PascalCase name) or an image (by path/URL).
+ * Falls back to the PuzzlePiece icon if nothing matches.
  */
 export function ExtensionIcon({
 	icon,
diff --git a/src/components/video-editor/GifOptionsPanel.tsx b/src/components/video-editor/GifOptionsPanel.tsx
index fbf98d092..560683c28 100644
--- a/src/components/video-editor/GifOptionsPanel.tsx
+++ b/src/components/video-editor/GifOptionsPanel.tsx
@@ -109,7 +109,9 @@ export function GifOptionsPanel({
 					<label className="text-sm font-medium text-foreground">
 						{t("gifOptions.loopAnimation")}
 					</label>
-					<p className="text-xs text-muted-foreground/70">{t("gifOptions.loopDescription")}</p>
+					<p className="text-xs text-muted-foreground/70">
+						{t("gifOptions.loopDescription")}
+					</p>
 				</div>
 				<Switch checked={loop} onCheckedChange={onLoopChange} disabled={disabled} />
 			</div>
diff --git a/src/components/video-editor/KeyboardShortcutsHelp.tsx b/src/components/video-editor/KeyboardShortcutsHelp.tsx
index 4071d3ad3..f9c24c636 100644
--- a/src/components/video-editor/KeyboardShortcutsHelp.tsx
+++ b/src/components/video-editor/KeyboardShortcutsHelp.tsx
@@ -15,10 +15,9 @@ export function KeyboardShortcutsHelp() {
 	});
 
 	useEffect(() => {
-		Promise.all([
-			formatShortcut(["shift", "Scroll"]),
-			formatShortcut(["mod", "Scroll"]),
-		]).then(([pan, zoom]) => setScrollLabels({ pan, zoom }));
+		Promise.all([formatShortcut(["shift", "Scroll"]), formatShortcut(["mod", "Scroll"])]).then(
+			([pan, zoom]) => setScrollLabels({ pan, zoom }),
+		);
 	}, []);
 
 	return (
diff --git a/src/components/video-editor/TutorialHelp.tsx b/src/components/video-editor/TutorialHelp.tsx
index a09e5c888..b38b6f3e8 100644
--- a/src/components/video-editor/TutorialHelp.tsx
+++ b/src/components/video-editor/TutorialHelp.tsx
@@ -1,4 +1,13 @@
-import { ArrowRight, ArrowSquareOut as ExternalLink, Question as HelpCircle, Keyboard, ChatDots as MessageSquareMore, Scissors, GearSix as Settings2, XLogo as Twitter } from "@phosphor-icons/react";
+import {
+	ArrowRight,
+	ArrowSquareOut as ExternalLink,
+	Question as HelpCircle,
+	Keyboard,
+	ChatDots as MessageSquareMore,
+	Scissors,
+	GearSix as Settings2,
+	XLogo as Twitter,
+} from "@phosphor-icons/react";
 import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
@@ -19,8 +28,10 @@ export const RECORDLY_ISSUES_URL = "https://github.com/webadderallorg/Recordly/i
 const RECORDLY_DISCORD_URL = "https://discord.gg/sdv2FBVNgE";
 const RECORDLY_X_URL = "https://x.com/webadderall";
 const CONTACT_EMAIL = "youngchen3442@gmail.com";
-export const APP_HEADER_ACTION_BUTTON_CLASS = "h-7 px-2 text-xs text-muted-foreground hover:bg-foreground/10 hover:text-foreground transition-all gap-1.5";
-export const APP_HEADER_ICON_BUTTON_CLASS = "h-7 w-7 p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground transition-all";
+export const APP_HEADER_ACTION_BUTTON_CLASS =
+	"h-7 px-2 text-xs text-muted-foreground hover:bg-foreground/10 hover:text-foreground transition-all gap-1.5";
+export const APP_HEADER_ICON_BUTTON_CLASS =
+	"h-7 w-7 p-0 text-muted-foreground hover:bg-foreground/10 hover:text-foreground transition-all";
 
 interface KeyboardShortcutsDialogProps {
 	triggerLabel?: string;
@@ -54,7 +65,12 @@ export function DiscordLinkButton() {
 			type="button"
 			variant="ghost"
 			size="sm"
-			onClick={() => void openExternalLink(RECORDLY_DISCORD_URL, t("feedback.openFailed", "Failed to open link."))}
+			onClick={() =>
+				void openExternalLink(
+					RECORDLY_DISCORD_URL,
+					t("feedback.openFailed", "Failed to open link."),
+				)
+			}
 			className={APP_HEADER_ICON_BUTTON_CLASS}
 			title={t("common.app.discord", "Join Discord")}
 			aria-label={t("common.app.discord", "Join Discord")}
@@ -83,10 +99,14 @@ export function FeedbackDialog() {
 			<DialogContent className="max-w-lg bg-editor-dialog border-foreground/10 [&>button]:text-muted-foreground [&>button:hover]:text-foreground">
 				<DialogHeader>
 					<DialogTitle className="text-xl font-semibold text-foreground flex items-center gap-2">
-						<MessageSquareMore className="h-5 w-5 text-[#2563EB]" /> {t("feedback.title", "Feedback & contact")}
+						<MessageSquareMore className="h-5 w-5 text-[#2563EB]" />{" "}
+						{t("feedback.title", "Feedback & contact")}
 					</DialogTitle>
 					<DialogDescription className="text-muted-foreground">
-						{t("feedback.description", "Reach out directly or open an issue if something is broken or missing.")}
+						{t(
+							"feedback.description",
+							"Reach out directly or open an issue if something is broken or missing.",
+						)}
 					</DialogDescription>
 				</DialogHeader>
 				<div className="mt-4 space-y-4">
@@ -96,12 +116,19 @@ export function FeedbackDialog() {
 								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">
 									{t("feedback.emailLabel", "Email")}
 								</p>
-								<p className="mt-1 text-sm font-medium text-foreground">{CONTACT_EMAIL}</p>
+								<p className="mt-1 text-sm font-medium text-foreground">
+									{CONTACT_EMAIL}
+								</p>
 							</div>
 							<Button
 								type="button"
 								variant="outline"
-								onClick={() => void openExternalLink(`mailto:${CONTACT_EMAIL}`, t("feedback.openFailed", "Failed to open link."))}
+								onClick={() =>
+									void openExternalLink(
+										`mailto:${CONTACT_EMAIL}`,
+										t("feedback.openFailed", "Failed to open link."),
+									)
+								}
 								className="border-foreground/10 bg-foreground/5 text-foreground hover:bg-foreground/10 hover:text-foreground"
 							>
 								<ExternalLink className="h-3.5 w-3.5" />
@@ -112,12 +139,19 @@ export function FeedbackDialog() {
 								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">
 									{t("feedback.xLabel", "X")}
 								</p>
-								<p className="mt-1 text-sm font-medium text-foreground">@webadderall</p>
+								<p className="mt-1 text-sm font-medium text-foreground">
+									@webadderall
+								</p>
 							</div>
 							<Button
 								type="button"
 								variant="outline"
-								onClick={() => void openExternalLink(RECORDLY_X_URL, t("feedback.openFailed", "Failed to open link."))}
+								onClick={() =>
+									void openExternalLink(
+										RECORDLY_X_URL,
+										t("feedback.openFailed", "Failed to open link."),
+									)
+								}
 								className="border-foreground/10 bg-foreground/5 text-foreground hover:bg-foreground/10 hover:text-foreground"
 							>
 								<Twitter className="h-3.5 w-3.5" />
@@ -127,7 +161,12 @@ export function FeedbackDialog() {
 					<Button
 						type="button"
 						variant="outline"
-						onClick={() => void openExternalLink(RECORDLY_ISSUES_URL, t("feedback.openFailed", "Failed to open link."))}
+						onClick={() =>
+							void openExternalLink(
+								RECORDLY_ISSUES_URL,
+								t("feedback.openFailed", "Failed to open link."),
+							)
+						}
 						className="h-10 w-full justify-between border-foreground/10 bg-foreground/5 px-4 text-foreground hover:bg-foreground/10 hover:text-foreground"
 					>
 						<span className="flex items-center gap-2 text-sm font-medium">
@@ -154,10 +193,9 @@ export function KeyboardShortcutsDialog({
 	});
 
 	useEffect(() => {
-		Promise.all([
-			formatShortcut(["shift", "Scroll"]),
-			formatShortcut(["mod", "Scroll"]),
-		]).then(([pan, zoom]) => setScrollLabels({ pan, zoom }));
+		Promise.all([formatShortcut(["shift", "Scroll"]), formatShortcut(["mod", "Scroll"])]).then(
+			([pan, zoom]) => setScrollLabels({ pan, zoom }),
+		);
 	}, []);
 
 	return (
@@ -177,17 +215,26 @@ export function KeyboardShortcutsDialog({
 			<DialogContent className="max-w-lg bg-editor-dialog border-foreground/10 [&>button]:text-muted-foreground [&>button:hover]:text-foreground">
 				<DialogHeader>
 					<DialogTitle className="text-xl font-semibold text-foreground flex items-center gap-2">
-						<Keyboard className="h-5 w-5 text-[#2563EB]" /> {t("keyboardShortcuts.title")}
+						<Keyboard className="h-5 w-5 text-[#2563EB]" />{" "}
+						{t("keyboardShortcuts.title")}
 					</DialogTitle>
 					<DialogDescription className="text-muted-foreground">
-						{t("keyboardShortcuts.description", "Quick reference for the timeline and editor controls.")}
+						{t(
+							"keyboardShortcuts.description",
+							"Quick reference for the timeline and editor controls.",
+						)}
 					</DialogDescription>
 				</DialogHeader>
 				<div className="mt-4 space-y-4">
 					<div className="rounded-xl border border-foreground/10 bg-foreground/[0.03] p-4 space-y-2 text-xs">
 						{SHORTCUT_ACTIONS.map((action) => (
-							<div key={action} className="flex items-center justify-between gap-3 rounded-lg border border-foreground/5 bg-foreground/5 px-3 py-2.5">
-								<span className="text-muted-foreground">{SHORTCUT_LABELS[action]}</span>
+							<div
+								key={action}
+								className="flex items-center justify-between gap-3 rounded-lg border border-foreground/5 bg-foreground/5 px-3 py-2.5"
+							>
+								<span className="text-muted-foreground">
+									{SHORTCUT_LABELS[action]}
+								</span>
 								<kbd className="rounded border border-foreground/10 bg-foreground/10 px-2 py-1 font-mono text-[#2563EB]">
 									{formatBinding(shortcuts[action], isMac)}
 								</kbd>
@@ -195,19 +242,25 @@ export function KeyboardShortcutsDialog({
 						))}
 						<div className="grid grid-cols-1 gap-2 pt-2 sm:grid-cols-3">
 							<div className="rounded-lg border border-foreground/5 bg-foreground/5 px-3 py-2.5">
-								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">{t("keyboardShortcuts.panTimeline")}</p>
+								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">
+									{t("keyboardShortcuts.panTimeline")}
+								</p>
 								<kbd className="mt-2 inline-flex rounded border border-foreground/10 bg-foreground/10 px-2 py-1 font-mono text-[#2563EB]">
 									{scrollLabels.pan}
 								</kbd>
 							</div>
 							<div className="rounded-lg border border-foreground/5 bg-foreground/5 px-3 py-2.5">
-								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">{t("keyboardShortcuts.zoomTimeline")}</p>
+								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">
+									{t("keyboardShortcuts.zoomTimeline")}
+								</p>
 								<kbd className="mt-2 inline-flex rounded border border-foreground/10 bg-foreground/10 px-2 py-1 font-mono text-[#2563EB]">
 									{scrollLabels.zoom}
 								</kbd>
 							</div>
 							<div className="rounded-lg border border-foreground/5 bg-foreground/5 px-3 py-2.5">
-								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">{t("keyboardShortcuts.cycleAnnotations")}</p>
+								<p className="text-[11px] uppercase tracking-[0.18em] text-muted-foreground/70">
+									{t("keyboardShortcuts.cycleAnnotations")}
+								</p>
 								<kbd className="mt-2 inline-flex rounded border border-foreground/10 bg-foreground/10 px-2 py-1 font-mono text-[#2563EB]">
 									{t("keyboardShortcuts.tab")}
 								</kbd>
@@ -237,11 +290,7 @@ export function TutorialHelp() {
 	return (
 		<Dialog>
 			<DialogTrigger asChild>
-				<Button
-					variant="ghost"
-					size="sm"
-					className={APP_HEADER_ACTION_BUTTON_CLASS}
-				>
+				<Button variant="ghost" size="sm" className={APP_HEADER_ACTION_BUTTON_CLASS}>
 					<HelpCircle className="w-3.5 h-3.5" />
 					<span className="font-medium">{t("tutorial.howTrimmingWorks")}</span>
 				</Button>
@@ -260,8 +309,11 @@ export function TutorialHelp() {
 					<div className="bg-foreground/5 rounded-lg p-4 border border-foreground/5">
 						<p className="text-muted-foreground leading-relaxed">
 							{t("tutorial.descriptionP1")}
-							<span className="text-[#ef4444] font-bold"> {t("tutorial.descriptionRemove")}</span>.{" "}
-							{t("tutorial.descriptionP3")}
+							<span className="text-[#ef4444] font-bold">
+								{" "}
+								{t("tutorial.descriptionRemove")}
+							</span>
+							. {t("tutorial.descriptionP3")}
 						</p>
 					</div>
 					{/* Visual Illustration */}
@@ -340,12 +392,20 @@ export function TutorialHelp() {
 					{/* Steps */}
 					<div className="grid grid-cols-2 gap-4">
 						<div className="p-3 rounded bg-foreground/5 border border-foreground/5">
-							<div className="text-[#ef4444] font-bold mb-1">{t("tutorial.addTrimStep")}</div>
-							<p className="text-xs text-muted-foreground">{t("tutorial.addTrimDesc")}</p>
+							<div className="text-[#ef4444] font-bold mb-1">
+								{t("tutorial.addTrimStep")}
+							</div>
+							<p className="text-xs text-muted-foreground">
+								{t("tutorial.addTrimDesc")}
+							</p>
 						</div>
 						<div className="p-3 rounded bg-foreground/5 border border-foreground/5">
-							<div className="text-[#ef4444] font-bold mb-1">{t("tutorial.adjustStep")}</div>
-							<p className="text-xs text-muted-foreground">{t("tutorial.adjustDesc")}</p>
+							<div className="text-[#ef4444] font-bold mb-1">
+								{t("tutorial.adjustStep")}
+							</div>
+							<p className="text-xs text-muted-foreground">
+								{t("tutorial.adjustDesc")}
+							</p>
 						</div>
 					</div>
 				</div>
diff --git a/src/components/video-editor/audio/audioResourceVersion.test.ts b/src/components/video-editor/audio/audioResourceVersion.test.ts
index a264f9e1d..b2b73b729 100644
--- a/src/components/video-editor/audio/audioResourceVersion.test.ts
+++ b/src/components/video-editor/audio/audioResourceVersion.test.ts
@@ -36,13 +36,10 @@ describe("getAudioResourceVersionKey", () => {
 	});
 
 	it("cache-busts only the trusted loopback media URL after finalization", () => {
-		const localUrl =
-			"http://127.0.0.1:43123/video?path=C%3A%5CRecordly%5Crecording.mic.wav";
+		const localUrl = "http://127.0.0.1:43123/video?path=C%3A%5CRecordly%5Crecording.mic.wav";
 		const versionedUrl = new URL(getVersionedAudioResourceUrl(localUrl, 2));
 
-		expect(versionedUrl.searchParams.get("path")).toBe(
-			"C:\\Recordly\\recording.mic.wav",
-		);
+		expect(versionedUrl.searchParams.get("path")).toBe("C:\\Recordly\\recording.mic.wav");
 		expect(versionedUrl.searchParams.get("recordlyAudioVersion")).toBe("2");
 		expect(getVersionedAudioResourceUrl("https://cdn.example/audio.wav?sig=abc", 2)).toBe(
 			"https://cdn.example/audio.wav?sig=abc",
@@ -50,8 +47,7 @@ describe("getAudioResourceVersionKey", () => {
 	});
 
 	it("uses one cache scope for every version of a loopback resource", () => {
-		const baseUrl =
-			"http://127.0.0.1:43123/video?path=C%3A%5CRecordly%5Crecording.mic.wav";
+		const baseUrl = "http://127.0.0.1:43123/video?path=C%3A%5CRecordly%5Crecording.mic.wav";
 		const versionedUrl = `${baseUrl}&recordlyAudioVersion=4`;
 
 		expect(getAudioResourceCacheScope(versionedUrl)).toBe(baseUrl);
diff --git a/src/components/video-editor/audio/audioTypes.ts b/src/components/video-editor/audio/audioTypes.ts
index d20c224f0..2eb7ef246 100644
--- a/src/components/video-editor/audio/audioTypes.ts
+++ b/src/components/video-editor/audio/audioTypes.ts
@@ -22,4 +22,3 @@ export interface SourceAudioTrackWithPeaks extends SourceAudioTrackMetaItem {
 
 export const SOURCE_AUDIO_FALLBACK_TOAST_ID = "source-audio-fallback-error";
 export const SOURCE_AUDIO_NORMALIZE_GAIN = 1.35;
-
diff --git a/src/components/video-editor/audio/clipAudio.ts b/src/components/video-editor/audio/clipAudio.ts
index c6bf74094..ec780ebc3 100644
--- a/src/components/video-editor/audio/clipAudio.ts
+++ b/src/components/video-editor/audio/clipAudio.ts
@@ -2,17 +2,17 @@ import { getClipSourceEndMs, sortClipRegions } from "../types";
 import type { ClipRegion } from "../types";
 
 export function getActiveClipIdAtSourceTime(
-  sourceTimeSeconds: number,
-  clipRegions: ClipRegion[],
+	sourceTimeSeconds: number,
+	clipRegions: ClipRegion[],
 ): string | null {
-  const sourceMs = Math.round(sourceTimeSeconds * 1000);
-  const activeClip = sortClipRegions(clipRegions).find(
-    (clip) => sourceMs >= clip.startMs && sourceMs < getClipSourceEndMs(clip),
-  );
-  return activeClip?.id ?? null;
+	const sourceMs = Math.round(sourceTimeSeconds * 1000);
+	const activeClip = sortClipRegions(clipRegions).find(
+		(clip) => sourceMs >= clip.startMs && sourceMs < getClipSourceEndMs(clip),
+	);
+	return activeClip?.id ?? null;
 }
 
 export function isClipMutedById(clipId: string | null, clipRegions: ClipRegion[]): boolean {
-  if (!clipId) return false;
-  return clipRegions.find((clip) => clip.id === clipId)?.muted ?? false;
+	if (!clipId) return false;
+	return clipRegions.find((clip) => clip.id === clipId)?.muted ?? false;
 }
diff --git a/src/components/video-editor/audio/useAudioPreviewSync.ts b/src/components/video-editor/audio/useAudioPreviewSync.ts
index 2d91e8398..e7a5c8a5a 100644
--- a/src/components/video-editor/audio/useAudioPreviewSync.ts
+++ b/src/components/video-editor/audio/useAudioPreviewSync.ts
@@ -2,478 +2,495 @@ import { useCallback, useEffect, useMemo, useRef } from "react";
 import { buildResolvedAudioPlan } from "@/lib/exporter/audioRoutingEngine";
 import { resolveMediaElementSource } from "@/lib/exporter/localMediaSource";
 import {
-  clampMediaTimeToDuration,
-  enablePitchPreservingPlayback,
-  estimateCompanionAudioStartDelaySeconds,
-  getMediaSyncPlaybackRate,
-  resolvePreviewMediaDuration,
+	clampMediaTimeToDuration,
+	enablePitchPreservingPlayback,
+	estimateCompanionAudioStartDelaySeconds,
+	getMediaSyncPlaybackRate,
+	resolvePreviewMediaDuration,
 } from "@/lib/mediaTiming";
 import type { AudioRegion, SpeedRegion } from "../types";
 import {
-  getAudioResourceVersionKey,
-  getVersionedAudioResourceUrl,
-  isAudioResourceLoadCurrent,
+	getAudioResourceVersionKey,
+	getVersionedAudioResourceUrl,
+	isAudioResourceLoadCurrent,
 } from "./audioResourceVersion";
 
 const SOURCE_AUDIO_PREVIEW_PLAYING_SEEK_DRIFT_SECONDS = 0.18;
 const SOURCE_AUDIO_PREVIEW_PAUSED_SEEK_DRIFT_SECONDS = 0.01;
 
 interface UseAudioPreviewSyncParams {
-  audioRegions: AudioRegion[];
-  previewVolume: number;
-  isPlaying: boolean;
-  currentTime: number;
-  timelineTime: number;
-  duration: number;
-  effectiveSpeedRegions: SpeedRegion[];
-  previewSourceAudioFallbackPaths: string[];
-  sourceAudioFallbackStartDelayMsByPath: Record<string, number>;
-  sourceAudioResourceVersion: number;
-  isCurrentClipMuted: boolean;
-  getSourceTrackPreviewGain: (audioPath: string) => number;
-  onSourceFallbackLoadError: (error: unknown) => void;
+	audioRegions: AudioRegion[];
+	previewVolume: number;
+	isPlaying: boolean;
+	currentTime: number;
+	timelineTime: number;
+	duration: number;
+	effectiveSpeedRegions: SpeedRegion[];
+	previewSourceAudioFallbackPaths: string[];
+	sourceAudioFallbackStartDelayMsByPath: Record<string, number>;
+	sourceAudioResourceVersion: number;
+	isCurrentClipMuted: boolean;
+	getSourceTrackPreviewGain: (audioPath: string) => number;
+	onSourceFallbackLoadError: (error: unknown) => void;
 }
 
 export function useAudioPreviewSync({
-  audioRegions,
-  previewVolume,
-  isPlaying,
-  currentTime,
-  timelineTime,
-  duration,
-  effectiveSpeedRegions,
-  previewSourceAudioFallbackPaths,
-  sourceAudioFallbackStartDelayMsByPath,
-  sourceAudioResourceVersion,
-  isCurrentClipMuted,
-  getSourceTrackPreviewGain,
-  onSourceFallbackLoadError,
+	audioRegions,
+	previewVolume,
+	isPlaying,
+	currentTime,
+	timelineTime,
+	duration,
+	effectiveSpeedRegions,
+	previewSourceAudioFallbackPaths,
+	sourceAudioFallbackStartDelayMsByPath,
+	sourceAudioResourceVersion,
+	isCurrentClipMuted,
+	getSourceTrackPreviewGain,
+	onSourceFallbackLoadError,
 }: UseAudioPreviewSyncParams) {
-  const resolvedPlan = useMemo(
-    () =>
-      buildResolvedAudioPlan({
-        videoResource: null,
-        sourceAudioFallbackPaths: previewSourceAudioFallbackPaths,
-        audioRegions,
-      }),
-    [audioRegions, previewSourceAudioFallbackPaths],
-  );
-  const resolvedUserTracks = useMemo(
-    () => resolvedPlan.tracks.filter((track) => track.kind === "user"),
-    [resolvedPlan],
-  );
-  const resolvedSourceTracks = useMemo(
-    () => resolvedPlan.tracks.filter((track) => track.kind !== "user"),
-    [resolvedPlan],
-  );
-
-  const audioElementsRef = useRef<Map<string, HTMLAudioElement>>(new Map());
-  const audioElementRevokersRef = useRef<Map<string, () => void>>(new Map());
-  const audioElementResourcesRef = useRef<Map<string, string>>(new Map());
-  const sourceAudioElementsRef = useRef<Map<string, HTMLAudioElement>>(new Map());
-  const sourceAudioMediaNodesRef = useRef<Map<string, MediaElementAudioSourceNode>>(new Map());
-  const sourceAudioGainNodesRef = useRef<Map<string, GainNode>>(new Map());
-  const sourceAudioElementRevokersRef = useRef<Map<string, () => void>>(new Map());
-  const sourceAudioElementResourcesRef = useRef<Map<string, string>>(new Map());
-  const sourceAudioContextRef = useRef<AudioContext | null>(null);
-  const sourceAudioMasterGainRef = useRef<GainNode | null>(null);
-  const sourceAudioResumePromiseRef = useRef<Promise<void> | null>(null);
-  const lastSourceAudioSyncTimeRef = useRef<number | null>(null);
-
-  const ensureSourceAudioContext = useCallback(() => {
-    if (!sourceAudioContextRef.current) {
-      const context = new AudioContext({ latencyHint: "interactive" });
-      const masterGain = context.createGain();
-      masterGain.gain.value = 1;
-      masterGain.connect(context.destination);
-      sourceAudioContextRef.current = context;
-      sourceAudioMasterGainRef.current = masterGain;
-    }
-    return sourceAudioContextRef.current;
-  }, []);
-
-  const ensureSourceAudioRunning = useCallback(() => {
-    const context = ensureSourceAudioContext();
-    if (context.state === "running") {
-      return Promise.resolve();
-    }
-    if (!sourceAudioResumePromiseRef.current) {
-      sourceAudioResumePromiseRef.current = context
-        .resume()
-        .catch(() => undefined)
-        .finally(() => {
-          sourceAudioResumePromiseRef.current = null;
-        });
-    }
-    return sourceAudioResumePromiseRef.current;
-  }, [ensureSourceAudioContext]);
-
-  const playSourceAudioPreview = useCallback(() => {
-    void ensureSourceAudioRunning();
-    for (const audio of sourceAudioElementsRef.current.values()) {
-      if (!audio.src) continue;
-      audio.play().catch(() => undefined);
-    }
-  }, [ensureSourceAudioRunning]);
-
-  useEffect(() => {
-    let cancelled = false;
-    const existing = audioElementsRef.current;
-    const currentIds = new Set(resolvedUserTracks.map((track) => track.id));
-
-    for (const [id, audio] of existing) {
-      if (!currentIds.has(id)) {
-        audio.pause();
-        audio.src = "";
-        audioElementRevokersRef.current.get(id)?.();
-        audioElementRevokersRef.current.delete(id);
-        audioElementResourcesRef.current.delete(id);
-        existing.delete(id);
-      }
-    }
-
-    for (const track of resolvedUserTracks) {
-      let audio = existing.get(track.id);
-      if (!audio) {
-        audio = new Audio();
-        audio.preload = "auto";
-        existing.set(track.id, audio);
-      }
-
-      if (audioElementResourcesRef.current.get(track.id) !== track.sourceRef.path) {
-        audio.pause();
-        audio.src = "";
-        audioElementRevokersRef.current.get(track.id)?.();
-        audioElementRevokersRef.current.delete(track.id);
-        audioElementResourcesRef.current.set(track.id, track.sourceRef.path);
-
-        void (async () => {
-          const resolved = await resolveMediaElementSource(track.sourceRef.path);
-          const latestAudio = existing.get(track.id);
-
-          if (
-            cancelled ||
-            latestAudio !== audio ||
-            audioElementResourcesRef.current.get(track.id) !== track.sourceRef.path
-          ) {
-            resolved.revoke();
-            return;
-          }
-
-          audioElementRevokersRef.current.set(track.id, resolved.revoke);
-          latestAudio.src = resolved.src;
-        })();
-      }
-
-      audio.volume = Math.max(0, Math.min(1, track.gain * previewVolume));
-    }
-
-    return () => {
-      cancelled = true;
-    };
-  }, [previewVolume, resolvedUserTracks]);
-
-  useEffect(() => {
-    const existing = sourceAudioElementsRef.current;
-    const currentIds = new Set(resolvedSourceTracks.map((track) => track.sourceRef.path));
-
-    for (const [id, audio] of existing) {
-      if (!currentIds.has(id)) {
-        audio.pause();
-        audio.src = "";
-        sourceAudioMediaNodesRef.current.get(id)?.disconnect();
-        sourceAudioMediaNodesRef.current.delete(id);
-        sourceAudioGainNodesRef.current.get(id)?.disconnect();
-        sourceAudioGainNodesRef.current.delete(id);
-        sourceAudioElementRevokersRef.current.get(id)?.();
-        sourceAudioElementRevokersRef.current.delete(id);
-        sourceAudioElementResourcesRef.current.delete(id);
-        existing.delete(id);
-      }
-    }
-
-    for (const track of resolvedSourceTracks) {
-      const audioPath = track.sourceRef.path;
-      const resourceKey = getAudioResourceVersionKey(audioPath, sourceAudioResourceVersion);
-      let audio = existing.get(audioPath);
-      if (!audio) {
-        audio = new Audio();
-        audio.preload = "auto";
-        audio.crossOrigin = "anonymous";
-        existing.set(audioPath, audio);
-      }
-      audio.volume = 1;
-      audio.dataset.sourceAudioPath = audioPath;
-
-      // Web Audio API createMediaElementSource breaks preservesPitch on Chromium.
-      // We route directly through the HTMLAudioElement to ensure pitch preservation works
-      // during speed changes. Note: this limits maximum preview volume to 1.0 (100%).
-
-      if (sourceAudioElementResourcesRef.current.get(audioPath) !== resourceKey) {
-        audio.pause();
-        audio.src = "";
-        sourceAudioElementRevokersRef.current.get(audioPath)?.();
-        sourceAudioElementRevokersRef.current.delete(audioPath);
-        sourceAudioElementResourcesRef.current.set(audioPath, resourceKey);
-
-        // Resource identity, not effect lifetime, decides staleness. Playback and fallback
-        // rerenders must not cancel the only load for the current finalized sidecar version.
-        void (async () => {
-          try {
-            const resolved = await resolveMediaElementSource(audioPath);
-            const latestAudio = existing.get(audioPath);
-
-            if (
-              latestAudio !== audio ||
-              !isAudioResourceLoadCurrent(
-                sourceAudioElementResourcesRef.current,
-                audioPath,
-                resourceKey,
-              )
-            ) {
-              resolved.revoke();
-              return;
-            }
-
-            sourceAudioElementRevokersRef.current.set(audioPath, resolved.revoke);
-            latestAudio.src = getVersionedAudioResourceUrl(
-              resolved.src,
-              sourceAudioResourceVersion,
-            );
-            latestAudio.load();
-            if (isPlaying) {
-              playSourceAudioPreview();
-            }
-          } catch (error) {
-            const latestAudio = existing.get(audioPath);
-            if (
-              latestAudio !== audio ||
-              !isAudioResourceLoadCurrent(
-                sourceAudioElementResourcesRef.current,
-                audioPath,
-                resourceKey,
-              )
-            ) {
-              return;
-            }
-
-            sourceAudioElementRevokersRef.current.get(audioPath)?.();
-            sourceAudioElementRevokersRef.current.delete(audioPath);
-            sourceAudioElementResourcesRef.current.delete(audioPath);
-            if (latestAudio === audio) {
-              latestAudio.pause();
-              latestAudio.src = "";
-            }
-            onSourceFallbackLoadError(error);
-          }
-        })();
-      }
-
-      audio.volume = Math.max(0, Math.min(1, getSourceTrackPreviewGain(audioPath) * (isCurrentClipMuted ? 0 : previewVolume)));
-    }
-
-    if (sourceAudioMasterGainRef.current) {
-      sourceAudioMasterGainRef.current.gain.value = isCurrentClipMuted
-        ? 0
-        : Math.max(0, Math.min(1, previewVolume));
-    }
-
-    if (resolvedSourceTracks.length === 0) {
-      lastSourceAudioSyncTimeRef.current = null;
-    }
-  }, [
-    getSourceTrackPreviewGain,
-    isPlaying,
-    isCurrentClipMuted,
-    onSourceFallbackLoadError,
-    resolvedSourceTracks,
-    sourceAudioResourceVersion,
-    previewVolume,
-    playSourceAudioPreview,
-  ]);
-
-  useEffect(() => {
-    return () => {
-      for (const audio of audioElementsRef.current.values()) {
-        audio.pause();
-        audio.src = "";
-      }
-      for (const revoke of audioElementRevokersRef.current.values()) {
-        revoke();
-      }
-      audioElementsRef.current.clear();
-      audioElementRevokersRef.current.clear();
-      audioElementResourcesRef.current.clear();
-      for (const audio of sourceAudioElementsRef.current.values()) {
-        audio.pause();
-        audio.src = "";
-      }
-      for (const node of sourceAudioMediaNodesRef.current.values()) {
-        node.disconnect();
-      }
-      for (const node of sourceAudioGainNodesRef.current.values()) {
-        node.disconnect();
-      }
-      for (const revoke of sourceAudioElementRevokersRef.current.values()) {
-        revoke();
-      }
-      sourceAudioElementsRef.current.clear();
-      sourceAudioMediaNodesRef.current.clear();
-      sourceAudioGainNodesRef.current.clear();
-      sourceAudioElementRevokersRef.current.clear();
-      sourceAudioElementResourcesRef.current.clear();
-      if (sourceAudioMasterGainRef.current) {
-        sourceAudioMasterGainRef.current.disconnect();
-        sourceAudioMasterGainRef.current = null;
-      }
-      const context = sourceAudioContextRef.current;
-      sourceAudioContextRef.current = null;
-      sourceAudioResumePromiseRef.current = null;
-      if (context) {
-        void context.close();
-      }
-      lastSourceAudioSyncTimeRef.current = null;
-    };
-  }, []);
-
-  useEffect(() => {
-    const currentTimeMs = timelineTime * 1000;
-    const activeSpeedRegion = effectiveSpeedRegions.find(
-      (region) => currentTimeMs >= region.startMs && currentTimeMs < region.endMs,
-    );
-    const targetPlaybackRate = activeSpeedRegion ? activeSpeedRegion.speed : 1;
-
-    for (const track of resolvedUserTracks) {
-      const audio = audioElementsRef.current.get(track.id);
-      if (!audio) continue;
-
-      const startMs = track.timelineBinding.startMs;
-      const endMs = track.timelineBinding.endMs;
-      const isInRegion = currentTimeMs >= startMs && currentTimeMs < endMs;
-
-      if (isPlaying && isInRegion) {
-        enablePitchPreservingPlayback(audio);
-        const audioOffset = (currentTimeMs - startMs) / 1000;
-        if (Math.abs(audio.currentTime - audioOffset) > 0.2) {
-          audio.currentTime = audioOffset;
-        }
-        const syncedPlaybackRate = getMediaSyncPlaybackRate({
-          basePlaybackRate: targetPlaybackRate,
-          currentTime: audio.currentTime,
-          targetTime: audioOffset,
-        });
-        if (Math.abs(audio.playbackRate - syncedPlaybackRate) > 0.001) {
-          audio.playbackRate = syncedPlaybackRate;
-        }
-        if (audio.paused) {
-          audio.play().catch(() => undefined);
-        }
-      } else if (!audio.paused) {
-        audio.pause();
-      }
-    }
-  }, [effectiveSpeedRegions, isPlaying, resolvedUserTracks, timelineTime]);
-
-  useEffect(() => {
-    if (resolvedSourceTracks.length === 0) {
-      lastSourceAudioSyncTimeRef.current = null;
-      return;
-    }
-
-    const activeSpeedRegion = effectiveSpeedRegions.find(
-      (region) => currentTime * 1000 >= region.startMs && currentTime * 1000 < region.endMs,
-    );
-    const targetPlaybackRate = activeSpeedRegion ? activeSpeedRegion.speed : 1;
-    const previousTimelineTime = lastSourceAudioSyncTimeRef.current;
-    const timelineJumped =
-      previousTimelineTime === null || Math.abs(currentTime - previousTimelineTime) > 0.25;
-    const driftThreshold = isPlaying
-      ? SOURCE_AUDIO_PREVIEW_PLAYING_SEEK_DRIFT_SECONDS
-      : SOURCE_AUDIO_PREVIEW_PAUSED_SEEK_DRIFT_SECONDS;
-    if (sourceAudioMasterGainRef.current) {
-      sourceAudioMasterGainRef.current.gain.value = isCurrentClipMuted
-        ? 0
-        : Math.max(0, Math.min(1, previewVolume));
-    }
-
-    for (const audio of sourceAudioElementsRef.current.values()) {
-      const sourceAudioPath = audio.dataset.sourceAudioPath ?? "";
-      audio.volume = Math.max(0, Math.min(1, getSourceTrackPreviewGain(sourceAudioPath) * (isCurrentClipMuted ? 0 : previewVolume)));
-
-      enablePitchPreservingPlayback(audio);
-      const audioDuration = resolvePreviewMediaDuration(audio.duration, duration);
-      const isMicCompanionTrack = /\.mic\./i.test(sourceAudioPath);
-      const rawStartDelaySeconds = estimateCompanionAudioStartDelaySeconds(
-        duration,
-        audioDuration,
-        sourceAudioFallbackStartDelayMsByPath[sourceAudioPath],
-      );
-      const maxPreviewStartDelaySeconds = isMicCompanionTrack ? 2 : 5;
-      const startDelaySeconds = isMicCompanionTrack
-        ? 0
-        : Number.isFinite(duration) &&
-              (rawStartDelaySeconds >= Math.max(0, duration - 0.01) ||
-                rawStartDelaySeconds > Math.max(maxPreviewStartDelaySeconds, duration * 0.9))
-            ? 0
-            : rawStartDelaySeconds;
-      const beforeAudioStart = currentTime + 0.001 < startDelaySeconds;
-      const targetTime = clampMediaTimeToDuration(currentTime - startDelaySeconds, audioDuration);
-
-      const shouldSeek =
-        timelineJumped ||
-        (!isPlaying && Math.abs(audio.currentTime - targetTime) > driftThreshold) ||
-        (isPlaying && Math.abs(audio.currentTime - targetTime) > 0.9);
-      if (shouldSeek) {
-        try {
-          audio.currentTime = targetTime;
-        } catch {
-          // no-op
-        }
-      }
-
-      // KISS for companion source tracks: fixed playback rate avoids audible flutter/stutter
-      // from continuous micro-corrections on system audio.
-      const syncedPlaybackRate = targetPlaybackRate;
-      if (Math.abs(audio.playbackRate - syncedPlaybackRate) > 0.001) {
-        audio.playbackRate = syncedPlaybackRate;
-      }
-
-      const atEnd = audioDuration !== null && targetTime >= audioDuration;
-      if (isPlaying && !beforeAudioStart && !atEnd) {
-        void ensureSourceAudioRunning().then(() => {
-          audio.play().catch(() => undefined);
-        });
-      } else if (!audio.paused) {
-        audio.pause();
-      }
-    }
-
-    lastSourceAudioSyncTimeRef.current = currentTime;
-  }, [
-    currentTime,
-    duration,
-    effectiveSpeedRegions,
-    getSourceTrackPreviewGain,
-    isCurrentClipMuted,
-    isPlaying,
-    previewVolume,
-    resolvedSourceTracks,
-    sourceAudioFallbackStartDelayMsByPath,
-    ensureSourceAudioRunning,
-  ]);
-
-  useEffect(() => {
-    if (!isPlaying || resolvedSourceTracks.length === 0) {
-      return;
-    }
-    void ensureSourceAudioRunning().then(() => {
-      for (const audio of sourceAudioElementsRef.current.values()) {
-        if (audio.paused) {
-          audio.play().catch(() => undefined);
-        }
-      }
-    });
-  }, [isPlaying, resolvedSourceTracks.length, ensureSourceAudioRunning]);
-
-  return { playSourceAudioPreview };
+	const resolvedPlan = useMemo(
+		() =>
+			buildResolvedAudioPlan({
+				videoResource: null,
+				sourceAudioFallbackPaths: previewSourceAudioFallbackPaths,
+				audioRegions,
+			}),
+		[audioRegions, previewSourceAudioFallbackPaths],
+	);
+	const resolvedUserTracks = useMemo(
+		() => resolvedPlan.tracks.filter((track) => track.kind === "user"),
+		[resolvedPlan],
+	);
+	const resolvedSourceTracks = useMemo(
+		() => resolvedPlan.tracks.filter((track) => track.kind !== "user"),
+		[resolvedPlan],
+	);
+
+	const audioElementsRef = useRef<Map<string, HTMLAudioElement>>(new Map());
+	const audioElementRevokersRef = useRef<Map<string, () => void>>(new Map());
+	const audioElementResourcesRef = useRef<Map<string, string>>(new Map());
+	const sourceAudioElementsRef = useRef<Map<string, HTMLAudioElement>>(new Map());
+	const sourceAudioMediaNodesRef = useRef<Map<string, MediaElementAudioSourceNode>>(new Map());
+	const sourceAudioGainNodesRef = useRef<Map<string, GainNode>>(new Map());
+	const sourceAudioElementRevokersRef = useRef<Map<string, () => void>>(new Map());
+	const sourceAudioElementResourcesRef = useRef<Map<string, string>>(new Map());
+	const sourceAudioContextRef = useRef<AudioContext | null>(null);
+	const sourceAudioMasterGainRef = useRef<GainNode | null>(null);
+	const sourceAudioResumePromiseRef = useRef<Promise<void> | null>(null);
+	const lastSourceAudioSyncTimeRef = useRef<number | null>(null);
+
+	const ensureSourceAudioContext = useCallback(() => {
+		if (!sourceAudioContextRef.current) {
+			const context = new AudioContext({ latencyHint: "interactive" });
+			const masterGain = context.createGain();
+			masterGain.gain.value = 1;
+			masterGain.connect(context.destination);
+			sourceAudioContextRef.current = context;
+			sourceAudioMasterGainRef.current = masterGain;
+		}
+		return sourceAudioContextRef.current;
+	}, []);
+
+	const ensureSourceAudioRunning = useCallback(() => {
+		const context = ensureSourceAudioContext();
+		if (context.state === "running") {
+			return Promise.resolve();
+		}
+		if (!sourceAudioResumePromiseRef.current) {
+			sourceAudioResumePromiseRef.current = context
+				.resume()
+				.catch(() => undefined)
+				.finally(() => {
+					sourceAudioResumePromiseRef.current = null;
+				});
+		}
+		return sourceAudioResumePromiseRef.current;
+	}, [ensureSourceAudioContext]);
+
+	const playSourceAudioPreview = useCallback(() => {
+		void ensureSourceAudioRunning();
+		for (const audio of sourceAudioElementsRef.current.values()) {
+			if (!audio.src) continue;
+			audio.play().catch(() => undefined);
+		}
+	}, [ensureSourceAudioRunning]);
+
+	useEffect(() => {
+		let cancelled = false;
+		const existing = audioElementsRef.current;
+		const currentIds = new Set(resolvedUserTracks.map((track) => track.id));
+
+		for (const [id, audio] of existing) {
+			if (!currentIds.has(id)) {
+				audio.pause();
+				audio.src = "";
+				audioElementRevokersRef.current.get(id)?.();
+				audioElementRevokersRef.current.delete(id);
+				audioElementResourcesRef.current.delete(id);
+				existing.delete(id);
+			}
+		}
+
+		for (const track of resolvedUserTracks) {
+			let audio = existing.get(track.id);
+			if (!audio) {
+				audio = new Audio();
+				audio.preload = "auto";
+				existing.set(track.id, audio);
+			}
+
+			if (audioElementResourcesRef.current.get(track.id) !== track.sourceRef.path) {
+				audio.pause();
+				audio.src = "";
+				audioElementRevokersRef.current.get(track.id)?.();
+				audioElementRevokersRef.current.delete(track.id);
+				audioElementResourcesRef.current.set(track.id, track.sourceRef.path);
+
+				void (async () => {
+					const resolved = await resolveMediaElementSource(track.sourceRef.path);
+					const latestAudio = existing.get(track.id);
+
+					if (
+						cancelled ||
+						latestAudio !== audio ||
+						audioElementResourcesRef.current.get(track.id) !== track.sourceRef.path
+					) {
+						resolved.revoke();
+						return;
+					}
+
+					audioElementRevokersRef.current.set(track.id, resolved.revoke);
+					latestAudio.src = resolved.src;
+				})();
+			}
+
+			audio.volume = Math.max(0, Math.min(1, track.gain * previewVolume));
+		}
+
+		return () => {
+			cancelled = true;
+		};
+	}, [previewVolume, resolvedUserTracks]);
+
+	useEffect(() => {
+		const existing = sourceAudioElementsRef.current;
+		const currentIds = new Set(resolvedSourceTracks.map((track) => track.sourceRef.path));
+
+		for (const [id, audio] of existing) {
+			if (!currentIds.has(id)) {
+				audio.pause();
+				audio.src = "";
+				sourceAudioMediaNodesRef.current.get(id)?.disconnect();
+				sourceAudioMediaNodesRef.current.delete(id);
+				sourceAudioGainNodesRef.current.get(id)?.disconnect();
+				sourceAudioGainNodesRef.current.delete(id);
+				sourceAudioElementRevokersRef.current.get(id)?.();
+				sourceAudioElementRevokersRef.current.delete(id);
+				sourceAudioElementResourcesRef.current.delete(id);
+				existing.delete(id);
+			}
+		}
+
+		for (const track of resolvedSourceTracks) {
+			const audioPath = track.sourceRef.path;
+			const resourceKey = getAudioResourceVersionKey(audioPath, sourceAudioResourceVersion);
+			let audio = existing.get(audioPath);
+			if (!audio) {
+				audio = new Audio();
+				audio.preload = "auto";
+				audio.crossOrigin = "anonymous";
+				existing.set(audioPath, audio);
+			}
+			audio.volume = 1;
+			audio.dataset.sourceAudioPath = audioPath;
+
+			// Web Audio API createMediaElementSource breaks preservesPitch on Chromium.
+			// We route directly through the HTMLAudioElement to ensure pitch preservation works
+			// during speed changes. Note: this limits maximum preview volume to 1.0 (100%).
+
+			if (sourceAudioElementResourcesRef.current.get(audioPath) !== resourceKey) {
+				audio.pause();
+				audio.src = "";
+				sourceAudioElementRevokersRef.current.get(audioPath)?.();
+				sourceAudioElementRevokersRef.current.delete(audioPath);
+				sourceAudioElementResourcesRef.current.set(audioPath, resourceKey);
+
+				// Resource identity, not effect lifetime, decides staleness. Playback and fallback
+				// rerenders must not cancel the only load for the current finalized sidecar version.
+				void (async () => {
+					try {
+						const resolved = await resolveMediaElementSource(audioPath);
+						const latestAudio = existing.get(audioPath);
+
+						if (
+							latestAudio !== audio ||
+							!isAudioResourceLoadCurrent(
+								sourceAudioElementResourcesRef.current,
+								audioPath,
+								resourceKey,
+							)
+						) {
+							resolved.revoke();
+							return;
+						}
+
+						sourceAudioElementRevokersRef.current.set(audioPath, resolved.revoke);
+						latestAudio.src = getVersionedAudioResourceUrl(
+							resolved.src,
+							sourceAudioResourceVersion,
+						);
+						latestAudio.load();
+						if (isPlaying) {
+							playSourceAudioPreview();
+						}
+					} catch (error) {
+						const latestAudio = existing.get(audioPath);
+						if (
+							latestAudio !== audio ||
+							!isAudioResourceLoadCurrent(
+								sourceAudioElementResourcesRef.current,
+								audioPath,
+								resourceKey,
+							)
+						) {
+							return;
+						}
+
+						sourceAudioElementRevokersRef.current.get(audioPath)?.();
+						sourceAudioElementRevokersRef.current.delete(audioPath);
+						sourceAudioElementResourcesRef.current.delete(audioPath);
+						if (latestAudio === audio) {
+							latestAudio.pause();
+							latestAudio.src = "";
+						}
+						onSourceFallbackLoadError(error);
+					}
+				})();
+			}
+
+			audio.volume = Math.max(
+				0,
+				Math.min(
+					1,
+					getSourceTrackPreviewGain(audioPath) * (isCurrentClipMuted ? 0 : previewVolume),
+				),
+			);
+		}
+
+		if (sourceAudioMasterGainRef.current) {
+			sourceAudioMasterGainRef.current.gain.value = isCurrentClipMuted
+				? 0
+				: Math.max(0, Math.min(1, previewVolume));
+		}
+
+		if (resolvedSourceTracks.length === 0) {
+			lastSourceAudioSyncTimeRef.current = null;
+		}
+	}, [
+		getSourceTrackPreviewGain,
+		isPlaying,
+		isCurrentClipMuted,
+		onSourceFallbackLoadError,
+		resolvedSourceTracks,
+		sourceAudioResourceVersion,
+		previewVolume,
+		playSourceAudioPreview,
+	]);
+
+	useEffect(() => {
+		return () => {
+			for (const audio of audioElementsRef.current.values()) {
+				audio.pause();
+				audio.src = "";
+			}
+			for (const revoke of audioElementRevokersRef.current.values()) {
+				revoke();
+			}
+			audioElementsRef.current.clear();
+			audioElementRevokersRef.current.clear();
+			audioElementResourcesRef.current.clear();
+			for (const audio of sourceAudioElementsRef.current.values()) {
+				audio.pause();
+				audio.src = "";
+			}
+			for (const node of sourceAudioMediaNodesRef.current.values()) {
+				node.disconnect();
+			}
+			for (const node of sourceAudioGainNodesRef.current.values()) {
+				node.disconnect();
+			}
+			for (const revoke of sourceAudioElementRevokersRef.current.values()) {
+				revoke();
+			}
+			sourceAudioElementsRef.current.clear();
+			sourceAudioMediaNodesRef.current.clear();
+			sourceAudioGainNodesRef.current.clear();
+			sourceAudioElementRevokersRef.current.clear();
+			sourceAudioElementResourcesRef.current.clear();
+			if (sourceAudioMasterGainRef.current) {
+				sourceAudioMasterGainRef.current.disconnect();
+				sourceAudioMasterGainRef.current = null;
+			}
+			const context = sourceAudioContextRef.current;
+			sourceAudioContextRef.current = null;
+			sourceAudioResumePromiseRef.current = null;
+			if (context) {
+				void context.close();
+			}
+			lastSourceAudioSyncTimeRef.current = null;
+		};
+	}, []);
+
+	useEffect(() => {
+		const currentTimeMs = timelineTime * 1000;
+		const activeSpeedRegion = effectiveSpeedRegions.find(
+			(region) => currentTimeMs >= region.startMs && currentTimeMs < region.endMs,
+		);
+		const targetPlaybackRate = activeSpeedRegion ? activeSpeedRegion.speed : 1;
+
+		for (const track of resolvedUserTracks) {
+			const audio = audioElementsRef.current.get(track.id);
+			if (!audio) continue;
+
+			const startMs = track.timelineBinding.startMs;
+			const endMs = track.timelineBinding.endMs;
+			const isInRegion = currentTimeMs >= startMs && currentTimeMs < endMs;
+
+			if (isPlaying && isInRegion) {
+				enablePitchPreservingPlayback(audio);
+				const audioOffset = (currentTimeMs - startMs) / 1000;
+				if (Math.abs(audio.currentTime - audioOffset) > 0.2) {
+					audio.currentTime = audioOffset;
+				}
+				const syncedPlaybackRate = getMediaSyncPlaybackRate({
+					basePlaybackRate: targetPlaybackRate,
+					currentTime: audio.currentTime,
+					targetTime: audioOffset,
+				});
+				if (Math.abs(audio.playbackRate - syncedPlaybackRate) > 0.001) {
+					audio.playbackRate = syncedPlaybackRate;
+				}
+				if (audio.paused) {
+					audio.play().catch(() => undefined);
+				}
+			} else if (!audio.paused) {
+				audio.pause();
+			}
+		}
+	}, [effectiveSpeedRegions, isPlaying, resolvedUserTracks, timelineTime]);
+
+	useEffect(() => {
+		if (resolvedSourceTracks.length === 0) {
+			lastSourceAudioSyncTimeRef.current = null;
+			return;
+		}
+
+		const activeSpeedRegion = effectiveSpeedRegions.find(
+			(region) => currentTime * 1000 >= region.startMs && currentTime * 1000 < region.endMs,
+		);
+		const targetPlaybackRate = activeSpeedRegion ? activeSpeedRegion.speed : 1;
+		const previousTimelineTime = lastSourceAudioSyncTimeRef.current;
+		const timelineJumped =
+			previousTimelineTime === null || Math.abs(currentTime - previousTimelineTime) > 0.25;
+		const driftThreshold = isPlaying
+			? SOURCE_AUDIO_PREVIEW_PLAYING_SEEK_DRIFT_SECONDS
+			: SOURCE_AUDIO_PREVIEW_PAUSED_SEEK_DRIFT_SECONDS;
+		if (sourceAudioMasterGainRef.current) {
+			sourceAudioMasterGainRef.current.gain.value = isCurrentClipMuted
+				? 0
+				: Math.max(0, Math.min(1, previewVolume));
+		}
+
+		for (const audio of sourceAudioElementsRef.current.values()) {
+			const sourceAudioPath = audio.dataset.sourceAudioPath ?? "";
+			audio.volume = Math.max(
+				0,
+				Math.min(
+					1,
+					getSourceTrackPreviewGain(sourceAudioPath) *
+						(isCurrentClipMuted ? 0 : previewVolume),
+				),
+			);
+
+			enablePitchPreservingPlayback(audio);
+			const audioDuration = resolvePreviewMediaDuration(audio.duration, duration);
+			const isMicCompanionTrack = /\.mic\./i.test(sourceAudioPath);
+			const rawStartDelaySeconds = estimateCompanionAudioStartDelaySeconds(
+				duration,
+				audioDuration,
+				sourceAudioFallbackStartDelayMsByPath[sourceAudioPath],
+			);
+			const maxPreviewStartDelaySeconds = isMicCompanionTrack ? 2 : 5;
+			const startDelaySeconds = isMicCompanionTrack
+				? 0
+				: Number.isFinite(duration) &&
+						(rawStartDelaySeconds >= Math.max(0, duration - 0.01) ||
+							rawStartDelaySeconds >
+								Math.max(maxPreviewStartDelaySeconds, duration * 0.9))
+					? 0
+					: rawStartDelaySeconds;
+			const beforeAudioStart = currentTime + 0.001 < startDelaySeconds;
+			const targetTime = clampMediaTimeToDuration(
+				currentTime - startDelaySeconds,
+				audioDuration,
+			);
+
+			const shouldSeek =
+				timelineJumped ||
+				(!isPlaying && Math.abs(audio.currentTime - targetTime) > driftThreshold) ||
+				(isPlaying && Math.abs(audio.currentTime - targetTime) > 0.9);
+			if (shouldSeek) {
+				try {
+					audio.currentTime = targetTime;
+				} catch {
+					// no-op
+				}
+			}
+
+			// KISS for companion source tracks: fixed playback rate avoids audible flutter/stutter
+			// from continuous micro-corrections on system audio.
+			const syncedPlaybackRate = targetPlaybackRate;
+			if (Math.abs(audio.playbackRate - syncedPlaybackRate) > 0.001) {
+				audio.playbackRate = syncedPlaybackRate;
+			}
+
+			const atEnd = audioDuration !== null && targetTime >= audioDuration;
+			if (isPlaying && !beforeAudioStart && !atEnd) {
+				void ensureSourceAudioRunning().then(() => {
+					audio.play().catch(() => undefined);
+				});
+			} else if (!audio.paused) {
+				audio.pause();
+			}
+		}
+
+		lastSourceAudioSyncTimeRef.current = currentTime;
+	}, [
+		currentTime,
+		duration,
+		effectiveSpeedRegions,
+		getSourceTrackPreviewGain,
+		isCurrentClipMuted,
+		isPlaying,
+		previewVolume,
+		resolvedSourceTracks,
+		sourceAudioFallbackStartDelayMsByPath,
+		ensureSourceAudioRunning,
+	]);
+
+	useEffect(() => {
+		if (!isPlaying || resolvedSourceTracks.length === 0) {
+			return;
+		}
+		void ensureSourceAudioRunning().then(() => {
+			for (const audio of sourceAudioElementsRef.current.values()) {
+				if (audio.paused) {
+					audio.play().catch(() => undefined);
+				}
+			}
+		});
+	}, [isPlaying, resolvedSourceTracks.length, ensureSourceAudioRunning]);
+
+	return { playSourceAudioPreview };
 }
diff --git a/src/components/video-editor/audio/useSourceAudioFallback.ts b/src/components/video-editor/audio/useSourceAudioFallback.ts
index bdaf05408..f081d2ce6 100644
--- a/src/components/video-editor/audio/useSourceAudioFallback.ts
+++ b/src/components/video-editor/audio/useSourceAudioFallback.ts
@@ -3,79 +3,80 @@ import { toast } from "sonner";
 import { SOURCE_AUDIO_FALLBACK_TOAST_ID } from "@/components/video-editor/audio/audioTypes";
 
 interface UseSourceAudioFallbackParams {
-  currentSourcePath: string | null;
-  refreshKey?: number;
-  summarizeErrorMessage: (message: string) => string;
+	currentSourcePath: string | null;
+	refreshKey?: number;
+	summarizeErrorMessage: (message: string) => string;
 }
 
 export function useSourceAudioFallback({
-  currentSourcePath,
-  refreshKey = 0,
-  summarizeErrorMessage,
+	currentSourcePath,
+	refreshKey = 0,
+	summarizeErrorMessage,
 }: UseSourceAudioFallbackParams) {
-  const [sourceAudioFallbackPaths, setSourceAudioFallbackPaths] = useState<string[]>([]);
-  const [sourceAudioFallbackStartDelayMsByPath, setSourceAudioFallbackStartDelayMsByPath] =
-    useState<Record<string, number>>({});
-  const previousSourcePathRef = useRef<string | null>(null);
+	const [sourceAudioFallbackPaths, setSourceAudioFallbackPaths] = useState<string[]>([]);
+	const [sourceAudioFallbackStartDelayMsByPath, setSourceAudioFallbackStartDelayMsByPath] =
+		useState<Record<string, number>>({});
+	const previousSourcePathRef = useRef<string | null>(null);
 
-  useEffect(() => {
-    let cancelled = false;
-    // Refetch when late recording sidecars are finalized after the editor opens.
-    void refreshKey;
-    const sourceChanged = previousSourcePathRef.current !== currentSourcePath;
-    previousSourcePathRef.current = currentSourcePath;
-    if (sourceChanged) {
-      setSourceAudioFallbackPaths([]);
-      setSourceAudioFallbackStartDelayMsByPath({});
-    }
+	useEffect(() => {
+		let cancelled = false;
+		// Refetch when late recording sidecars are finalized after the editor opens.
+		void refreshKey;
+		const sourceChanged = previousSourcePathRef.current !== currentSourcePath;
+		previousSourcePathRef.current = currentSourcePath;
+		if (sourceChanged) {
+			setSourceAudioFallbackPaths([]);
+			setSourceAudioFallbackStartDelayMsByPath({});
+		}
 
-    if (!currentSourcePath) {
-      return () => {
-        cancelled = true;
-      };
-    }
+		if (!currentSourcePath) {
+			return () => {
+				cancelled = true;
+			};
+		}
 
-    void (async () => {
-      try {
-        const result = await window.electronAPI.getVideoAudioFallbackPaths(currentSourcePath);
-        if (cancelled) {
-          return;
-        }
-        if (!result.success) {
-          if (sourceChanged) {
-            setSourceAudioFallbackPaths([]);
-            setSourceAudioFallbackStartDelayMsByPath({});
-          }
-          toast.warning(
-            result.error
-              ? `Could not load companion audio sources: ${summarizeErrorMessage(result.error)}`
-              : "Could not load companion audio sources. Playback and export may miss microphone audio.",
-            { id: SOURCE_AUDIO_FALLBACK_TOAST_ID, duration: 10000 },
-          );
-          return;
-        }
+		void (async () => {
+			try {
+				const result =
+					await window.electronAPI.getVideoAudioFallbackPaths(currentSourcePath);
+				if (cancelled) {
+					return;
+				}
+				if (!result.success) {
+					if (sourceChanged) {
+						setSourceAudioFallbackPaths([]);
+						setSourceAudioFallbackStartDelayMsByPath({});
+					}
+					toast.warning(
+						result.error
+							? `Could not load companion audio sources: ${summarizeErrorMessage(result.error)}`
+							: "Could not load companion audio sources. Playback and export may miss microphone audio.",
+						{ id: SOURCE_AUDIO_FALLBACK_TOAST_ID, duration: 10000 },
+					);
+					return;
+				}
 
-        toast.dismiss(SOURCE_AUDIO_FALLBACK_TOAST_ID);
-        setSourceAudioFallbackPaths(result.paths ?? []);
-        setSourceAudioFallbackStartDelayMsByPath(result.startDelayMsByPath ?? {});
-      } catch (error) {
-        if (!cancelled) {
-          if (sourceChanged) {
-            setSourceAudioFallbackPaths([]);
-            setSourceAudioFallbackStartDelayMsByPath({});
-          }
-          toast.warning(
-            `Could not load companion audio sources: ${summarizeErrorMessage(String(error))}`,
-            { id: SOURCE_AUDIO_FALLBACK_TOAST_ID, duration: 10000 },
-          );
-        }
-      }
-    })();
+				toast.dismiss(SOURCE_AUDIO_FALLBACK_TOAST_ID);
+				setSourceAudioFallbackPaths(result.paths ?? []);
+				setSourceAudioFallbackStartDelayMsByPath(result.startDelayMsByPath ?? {});
+			} catch (error) {
+				if (!cancelled) {
+					if (sourceChanged) {
+						setSourceAudioFallbackPaths([]);
+						setSourceAudioFallbackStartDelayMsByPath({});
+					}
+					toast.warning(
+						`Could not load companion audio sources: ${summarizeErrorMessage(String(error))}`,
+						{ id: SOURCE_AUDIO_FALLBACK_TOAST_ID, duration: 10000 },
+					);
+				}
+			}
+		})();
 
-    return () => {
-      cancelled = true;
-    };
-  }, [currentSourcePath, refreshKey, summarizeErrorMessage]);
+		return () => {
+			cancelled = true;
+		};
+	}, [currentSourcePath, refreshKey, summarizeErrorMessage]);
 
-  return { sourceAudioFallbackPaths, sourceAudioFallbackStartDelayMsByPath };
+	return { sourceAudioFallbackPaths, sourceAudioFallbackStartDelayMsByPath };
 }
diff --git a/src/components/video-editor/audio/useVideoEditorAudio.ts b/src/components/video-editor/audio/useVideoEditorAudio.ts
index 34d2d5b2f..f56304340 100644
--- a/src/components/video-editor/audio/useVideoEditorAudio.ts
+++ b/src/components/video-editor/audio/useVideoEditorAudio.ts
@@ -1,11 +1,7 @@
 import React, { useMemo } from "react";
 import type { SourceAudioTrackSettings } from "@/components/video-editor/audio/audioTypes";
 import { resolveSourceTrackRoutingPolicy } from "@/lib/exporter/sourceTrackRoutingPolicy";
-import type {
-	AudioRegion,
-	ClipRegion,
-	SpeedRegion,
-} from "../types";
+import type { AudioRegion, ClipRegion, SpeedRegion } from "../types";
 import { getActiveClipIdAtSourceTime, isClipMutedById } from "./clipAudio";
 import { useAudioPreviewSync } from "./useAudioPreviewSync";
 import { useClipAudioSettingsController } from "./useClipAudioSettingsController";
diff --git a/src/components/video-editor/audio/waveform/WaveformGenerator.ts b/src/components/video-editor/audio/waveform/WaveformGenerator.ts
index 76e1e063e..23fc91a1e 100644
--- a/src/components/video-editor/audio/waveform/WaveformGenerator.ts
+++ b/src/components/video-editor/audio/waveform/WaveformGenerator.ts
@@ -1,9 +1,6 @@
 import { WAVEFORM_DEFAULT_PEAK_COUNT } from "../../timeline/core/constants";
 import type { AudioPeaksData } from "../../timeline/core/timelineTypes";
-import {
-	getAudioResourceCacheScope,
-	getAudioResourceVersionKey,
-} from "../audioResourceVersion";
+import { getAudioResourceCacheScope, getAudioResourceVersionKey } from "../audioResourceVersion";
 import WorkerConstructor from "./waveform.worker?worker";
 import { VersionedWaveformCache } from "./waveformCache";
 
@@ -13,24 +10,29 @@ const MAX_WAVEFORM_CACHE_ENTRIES = 24;
 export class WaveformGenerator {
 	private audioContext: AudioContext;
 	private worker: Worker;
-	private peaksCache = new VersionedWaveformCache<AudioPeaksData>(
-		MAX_WAVEFORM_CACHE_ENTRIES,
-	);
+	private peaksCache = new VersionedWaveformCache<AudioPeaksData>(MAX_WAVEFORM_CACHE_ENTRIES);
 	private pending = new Map<string, Promise<AudioPeaksData>>();
 	private workerRequestSeq = 0;
-	private workerResolvers = new Map<number, { resolve: (peaks: Float32Array) => void; reject: (err: Error) => void }>();
+	private workerResolvers = new Map<
+		number,
+		{ resolve: (peaks: Float32Array) => void; reject: (err: Error) => void }
+	>();
 
 	constructor() {
-		this.audioContext = new (window.AudioContext || (window as typeof window & { webkitAudioContext?: typeof AudioContext }).webkitAudioContext)();
+		this.audioContext = new (
+			window.AudioContext ||
+			(window as typeof window & { webkitAudioContext?: typeof AudioContext })
+				.webkitAudioContext
+		)();
 		this.worker = new WorkerConstructor();
-		
+
 		this.worker.addEventListener(
 			"message",
 			(event: MessageEvent<{ requestId: number; peaks?: Float32Array; error?: string }>) => {
 				const { requestId, peaks, error } = event.data;
 				const resolver = this.workerResolvers.get(requestId);
 				if (!resolver) return;
-				
+
 				this.workerResolvers.delete(requestId);
 				if (error) {
 					resolver.reject(new Error(error));
@@ -43,7 +45,7 @@ export class WaveformGenerator {
 		this.worker.addEventListener("error", (error: ErrorEvent) => {
 			console.error("[WaveformGenerator] Worker fatal error:", error);
 			const fatalError = error.error ?? new Error(error.message || "Worker crashed");
-			
+
 			// Reject all pending requests if the worker itself crashes
 			for (const resolver of this.workerResolvers.values()) {
 				resolver.reject(fatalError);
@@ -52,18 +54,21 @@ export class WaveformGenerator {
 		});
 	}
 
-	private computePeaksWithWorker(channels: Float32Array[], samples: number): Promise<Float32Array> {
+	private computePeaksWithWorker(
+		channels: Float32Array[],
+		samples: number,
+	): Promise<Float32Array> {
 		return new Promise((resolve, reject) => {
 			const requestId = ++this.workerRequestSeq;
 			this.workerResolvers.set(requestId, { resolve, reject });
-			
+
 			this.worker.postMessage(
 				{
 					requestId,
 					channels,
 					samples,
 				},
-				channels.map(c => c.buffer),
+				channels.map((c) => c.buffer),
 			);
 		});
 	}
@@ -90,17 +95,14 @@ export class WaveformGenerator {
 
 			const arrayBuffer = await response.arrayBuffer();
 			const decoded = await this.audioContext.decodeAudioData(arrayBuffer);
-			const adaptivePeakCount = Math.max(
-				peakCount,
-				Math.floor(decoded.duration * 500)
-			);
+			const adaptivePeakCount = Math.max(peakCount, Math.floor(decoded.duration * 500));
 			const boundedPeakCount = Math.min(adaptivePeakCount, MAX_WAVEFORM_PEAKS);
 			const channels: Float32Array[] = [];
 			for (let i = 0; i < decoded.numberOfChannels; i++) {
 				// We slice to transfer the underlying buffer to the worker
 				channels.push(decoded.getChannelData(i).slice());
 			}
-			
+
 			const peaks = await this.computePeaksWithWorker(channels, boundedPeakCount);
 
 			// Robust Normalization: Use 99.5th percentile to avoid being squashed by a single loud spike/pop
diff --git a/src/components/video-editor/audio/waveform/waveform.worker.ts b/src/components/video-editor/audio/waveform/waveform.worker.ts
index 28e2ebd98..60e77ed4c 100644
--- a/src/components/video-editor/audio/waveform/waveform.worker.ts
+++ b/src/components/video-editor/audio/waveform/waveform.worker.ts
@@ -29,11 +29,11 @@ workerScope.onmessage = (e: MessageEvent<WaveformWorkerRequest>) => {
 		for (let i = 0; i < samples; i++) {
 			const start = Math.floor(i * blockSize);
 			const end = Math.min(total, Math.floor((i + 1) * blockSize));
-			
+
 			let max = 0;
 			// Ensure we check at least one sample even if blockSize < 1
 			const actualEnd = Math.max(start + 1, end);
-			
+
 			for (let j = start; j < actualEnd && j < total; j++) {
 				for (let c = 0; c < channels.length; c++) {
 					const val = Math.abs(channels[c][j]);
diff --git a/src/components/video-editor/clipSpeedChange.test.ts b/src/components/video-editor/clipSpeedChange.test.ts
index d4f2b6c1c..bc46b98fc 100644
--- a/src/components/video-editor/clipSpeedChange.test.ts
+++ b/src/components/video-editor/clipSpeedChange.test.ts
@@ -103,7 +103,13 @@ describe("planClipSpeedChange", () => {
 		const result = planClipSpeedChange({
 			clipRegions: [{ id: "clip-1", startMs: 1_000, endMs: 5_000, speed: 1 }],
 			zoomRegions: [
-				{ id: "zoom-1", startMs: 2_000, endMs: 3_000, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
+				{
+					id: "zoom-1",
+					startMs: 2_000,
+					endMs: 3_000,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
 			],
 			selectedClipId: "clip-1",
 			speed: 0.5,
@@ -112,7 +118,13 @@ describe("planClipSpeedChange", () => {
 		expect(result).toEqual({
 			clipRegions: [{ id: "clip-1", startMs: 1_000, endMs: 9_000, speed: 0.5 }],
 			zoomRegions: [
-				{ id: "zoom-1", startMs: 3_000, endMs: 5_000, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
+				{
+					id: "zoom-1",
+					startMs: 3_000,
+					endMs: 5_000,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
 			],
 		});
 	});
@@ -121,8 +133,20 @@ describe("planClipSpeedChange", () => {
 		const result = planClipSpeedChange({
 			clipRegions: [{ id: "clip-1", startMs: 2_000, endMs: 6_000, speed: 1 }],
 			zoomRegions: [
-				{ id: "zoom-before", startMs: 1_000, endMs: 1_500, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
-				{ id: "zoom-after", startMs: 6_000, endMs: 6_500, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
+				{
+					id: "zoom-before",
+					startMs: 1_000,
+					endMs: 1_500,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
+				{
+					id: "zoom-after",
+					startMs: 6_000,
+					endMs: 6_500,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
 			],
 			selectedClipId: "clip-1",
 			speed: 0.5,
@@ -131,8 +155,20 @@ describe("planClipSpeedChange", () => {
 		expect(result).toEqual({
 			clipRegions: [{ id: "clip-1", startMs: 2_000, endMs: 10_000, speed: 0.5 }],
 			zoomRegions: [
-				{ id: "zoom-before", startMs: 1_000, endMs: 1_500, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
-				{ id: "zoom-after", startMs: 6_000, endMs: 6_500, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
+				{
+					id: "zoom-before",
+					startMs: 1_000,
+					endMs: 1_500,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
+				{
+					id: "zoom-after",
+					startMs: 6_000,
+					endMs: 6_500,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
 			],
 		});
 	});
@@ -141,8 +177,20 @@ describe("planClipSpeedChange", () => {
 		const result = planClipSpeedChange({
 			clipRegions: [{ id: "clip-1", startMs: 0, endMs: 5_000, speed: 1 }],
 			zoomRegions: [
-				{ id: "zoom-1", startMs: 2_000, endMs: 3_000, depth: 2, focus: { cx: 0.5, cy: 0.5 } },
-				{ id: "zoom-2", startMs: 5_500, endMs: 6_500, depth: 3, focus: { cx: 0.5, cy: 0.5 } },
+				{
+					id: "zoom-1",
+					startMs: 2_000,
+					endMs: 3_000,
+					depth: 2,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
+				{
+					id: "zoom-2",
+					startMs: 5_500,
+					endMs: 6_500,
+					depth: 3,
+					focus: { cx: 0.5, cy: 0.5 },
+				},
 			],
 			selectedClipId: "clip-1",
 			speed: 0.5,
diff --git a/src/components/video-editor/clipSpeedChange.ts b/src/components/video-editor/clipSpeedChange.ts
index b155627c5..b482c7fe4 100644
--- a/src/components/video-editor/clipSpeedChange.ts
+++ b/src/components/video-editor/clipSpeedChange.ts
@@ -90,9 +90,7 @@ export function planClipSpeedChange(params: {
 
 	return {
 		clipRegions: clipRegions.map((candidate) =>
-			candidate.id === selectedClipId
-				? { ...candidate, speed, endMs: newEndMs }
-				: candidate,
+			candidate.id === selectedClipId ? { ...candidate, speed, endMs: newEndMs } : candidate,
 		),
 		zoomRegions: nextZoomRegions,
 	};
diff --git a/src/components/video-editor/editorHistory.ts b/src/components/video-editor/editorHistory.ts
index 43b7398b8..6681f4ec2 100644
--- a/src/components/video-editor/editorHistory.ts
+++ b/src/components/video-editor/editorHistory.ts
@@ -44,9 +44,7 @@ export function resetEditorHistoryStack(stack: EditorHistoryStack): void {
 	stack.future = [];
 }
 
-export function cloneEditorHistorySnapshot(
-	snapshot: EditorHistorySnapshot,
-): EditorHistorySnapshot {
+export function cloneEditorHistorySnapshot(snapshot: EditorHistorySnapshot): EditorHistorySnapshot {
 	return globalThis.structuredClone(snapshot);
 }
 
diff --git a/src/components/video-editor/mp4ExportRouting.ts b/src/components/video-editor/mp4ExportRouting.ts
index 95b157de3..506e2b030 100644
--- a/src/components/video-editor/mp4ExportRouting.ts
+++ b/src/components/video-editor/mp4ExportRouting.ts
@@ -1,8 +1,4 @@
-import type {
-	ExportBackendPreference,
-	ExportPipelineModel,
-	ExportSettings,
-} from "@/lib/exporter";
+import type { ExportBackendPreference, ExportPipelineModel, ExportSettings } from "@/lib/exporter";
 import type { SmokeExportConfig } from "./smokeExportConfig";
 
 export type Mp4ExportRouting = {
diff --git a/src/components/video-editor/mp4ExportSettings.ts b/src/components/video-editor/mp4ExportSettings.ts
index 95017a2c0..61f6c3a34 100644
--- a/src/components/video-editor/mp4ExportSettings.ts
+++ b/src/components/video-editor/mp4ExportSettings.ts
@@ -19,10 +19,7 @@ export function resolveMp4ExportSettings({
 	exportEncodingMode,
 	mp4FrameRate,
 }: {
-	smokeExportConfig: Pick<
-		SmokeExportConfig,
-		"enabled" | "quality" | "encodingMode" | "fps"
-	>;
+	smokeExportConfig: Pick<SmokeExportConfig, "enabled" | "quality" | "encodingMode" | "fps">;
 	settings: Pick<ExportSettings, "quality" | "encodingMode" | "mp4FrameRate">;
 	exportQuality: ExportQuality;
 	exportEncodingMode: ExportEncodingMode;
diff --git a/src/components/video-editor/smokeExportConfig.test.ts b/src/components/video-editor/smokeExportConfig.test.ts
index c221e1e4f..3df06e4e6 100644
--- a/src/components/video-editor/smokeExportConfig.test.ts
+++ b/src/components/video-editor/smokeExportConfig.test.ts
@@ -109,9 +109,7 @@ describe("getSmokeExportConfig", () => {
 describe("getDevOpenRecordingConfig", () => {
 	it("reads dev-open paths independently from smoke export", () => {
 		expect(
-			getDevOpenRecordingConfig(
-				"?devOpenInput=/tmp/input.mp4&devOpenWebcam=/tmp/webcam.mp4",
-			),
+			getDevOpenRecordingConfig("?devOpenInput=/tmp/input.mp4&devOpenWebcam=/tmp/webcam.mp4"),
 		).toEqual({
 			inputPath: "/tmp/input.mp4",
 			webcamInputPath: "/tmp/webcam.mp4",
diff --git a/src/components/video-editor/smokeExportConfig.ts b/src/components/video-editor/smokeExportConfig.ts
index 0d71779bb..8e30561bf 100644
--- a/src/components/video-editor/smokeExportConfig.ts
+++ b/src/components/video-editor/smokeExportConfig.ts
@@ -110,9 +110,15 @@ export function getSmokeExportConfig(search: string): SmokeExportConfig {
 					: enabled && params.get("smokeBackendPreference") === "breeze"
 						? "breeze"
 						: undefined,
-		renderBackend: enabled ? parseSmokeRenderBackend(params.get("smokeRenderBackend")) : undefined,
-		maxEncodeQueue: enabled ? parseSmokeExportNumber(params.get("smokeMaxEncodeQueue")) : undefined,
-		maxDecodeQueue: enabled ? parseSmokeExportNumber(params.get("smokeMaxDecodeQueue")) : undefined,
+		renderBackend: enabled
+			? parseSmokeRenderBackend(params.get("smokeRenderBackend"))
+			: undefined,
+		maxEncodeQueue: enabled
+			? parseSmokeExportNumber(params.get("smokeMaxEncodeQueue"))
+			: undefined,
+		maxDecodeQueue: enabled
+			? parseSmokeExportNumber(params.get("smokeMaxDecodeQueue"))
+			: undefined,
 		maxPendingFrames: enabled
 			? parseSmokeExportNumber(params.get("smokeMaxPendingFrames"))
 			: undefined,
diff --git a/src/components/video-editor/timeline/components/axis/TimelineAxis.tsx b/src/components/video-editor/timeline/components/axis/TimelineAxis.tsx
index 4f169821f..a285515c3 100644
--- a/src/components/video-editor/timeline/components/axis/TimelineAxis.tsx
+++ b/src/components/video-editor/timeline/components/axis/TimelineAxis.tsx
@@ -55,7 +55,9 @@ export default function TimelineAxis({ videoDurationMs, currentTimeMs }: Timelin
 	return (
 		<div
 			className="h-8 bg-editor-bg border-b border-foreground/10 relative overflow-hidden select-none"
-			style={{ [sideProperty === "right" ? "marginRight" : "marginLeft"]: `${sidebarWidth}px` }}
+			style={{
+				[sideProperty === "right" ? "marginRight" : "marginLeft"]: `${sidebarWidth}px`,
+			}}
 		>
 			{markers.minorTicks.map((time) => {
 				const offset = valueToPixels(time - range.start);
diff --git a/src/components/video-editor/timeline/components/playhead/PlaybackCursor.tsx b/src/components/video-editor/timeline/components/playhead/PlaybackCursor.tsx
index d780dcfb1..80f729e0e 100644
--- a/src/components/video-editor/timeline/components/playhead/PlaybackCursor.tsx
+++ b/src/components/video-editor/timeline/components/playhead/PlaybackCursor.tsx
@@ -103,25 +103,32 @@ export default function PlaybackCursor({
 				<div
 					className={cn(
 						"absolute -top-6 left-1/2 -translate-x-1/2 px-1.5 py-0.5 rounded bg-black/80 text-[10px] text-white/90 font-medium tabular-nums whitespace-nowrap border border-foreground/10 shadow-lg pointer-events-none transition-opacity",
-						(isDragging || isLoading) ? "opacity-100" : "opacity-0",
+						isDragging || isLoading ? "opacity-100" : "opacity-0",
 					)}
 				>
 					<div className="flex items-center">
-						{formatPlayheadTime(clampedTime).split("").map((char, i) => (
-							<span
-								key={i}
-								className={cn(
-									"leading-5 whitespace-pre",
-									isLoading && "bg-gradient-to-r from-white/40 via-white to-white/40 bg-clip-text text-transparent animate-text-shimmer"
-								)}
-								style={isLoading ? {
-									animationDelay: `${i * 0.05}s`,
-									animationDuration: "2.5s",
-								} : undefined}
-							>
-								{char}
-							</span>
-						))}
+						{formatPlayheadTime(clampedTime)
+							.split("")
+							.map((char, i) => (
+								<span
+									key={i}
+									className={cn(
+										"leading-5 whitespace-pre",
+										isLoading &&
+											"bg-gradient-to-r from-white/40 via-white to-white/40 bg-clip-text text-transparent animate-text-shimmer",
+									)}
+									style={
+										isLoading
+											? {
+													animationDelay: `${i * 0.05}s`,
+													animationDuration: "2.5s",
+												}
+											: undefined
+									}
+								>
+									{char}
+								</span>
+							))}
 					</div>
 				</div>
 			</div>
diff --git a/src/components/video-editor/timeline/components/toolbar/TimelineToolbar.tsx b/src/components/video-editor/timeline/components/toolbar/TimelineToolbar.tsx
index ba6ae732c..cec20aca8 100644
--- a/src/components/video-editor/timeline/components/toolbar/TimelineToolbar.tsx
+++ b/src/components/video-editor/timeline/components/toolbar/TimelineToolbar.tsx
@@ -75,45 +75,124 @@ export default function TimelineToolbar({
 	return (
 		<div className="flex items-center gap-2 px-4 py-2 border-b border-foreground/10 bg-editor-panel">
 			<div className="flex items-center gap-1">
-				<Button onClick={onAddZoom} variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-[#2563EB] hover:bg-[#2563EB]/10 transition-all" title={addZoomLabel} aria-label={addZoomLabel}>
+				<Button
+					onClick={onAddZoom}
+					variant="ghost"
+					size="icon"
+					className="h-7 w-7 text-muted-foreground hover:text-[#2563EB] hover:bg-[#2563EB]/10 transition-all"
+					title={addZoomLabel}
+					aria-label={addZoomLabel}
+				>
 					<ZoomIn className="w-4 h-4" />
 				</Button>
-				<Button onClick={onSuggestZooms} variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-[#2563EB] hover:bg-[#2563EB]/10 transition-all" title={suggestZoomsLabel} aria-label={suggestZoomsLabel}>
+				<Button
+					onClick={onSuggestZooms}
+					variant="ghost"
+					size="icon"
+					className="h-7 w-7 text-muted-foreground hover:text-[#2563EB] hover:bg-[#2563EB]/10 transition-all"
+					title={suggestZoomsLabel}
+					aria-label={suggestZoomsLabel}
+				>
 					<WandSparkles className="w-4 h-4" />
 				</Button>
-				<Button onClick={onAddAnnotation} variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-[#B4A046] hover:bg-[#B4A046]/10 transition-all" title={addAnnotationLabel} aria-label={addAnnotationLabel}>
+				<Button
+					onClick={onAddAnnotation}
+					variant="ghost"
+					size="icon"
+					className="h-7 w-7 text-muted-foreground hover:text-[#B4A046] hover:bg-[#B4A046]/10 transition-all"
+					title={addAnnotationLabel}
+					aria-label={addAnnotationLabel}
+				>
 					<MessageSquare className="w-4 h-4" />
 				</Button>
-				<Button onClick={onAddAudio} variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-[#a855f7] hover:bg-[#a855f7]/10 transition-all" title={addAudioLabel} aria-label={addAudioLabel}>
+				<Button
+					onClick={onAddAudio}
+					variant="ghost"
+					size="icon"
+					className="h-7 w-7 text-muted-foreground hover:text-[#a855f7] hover:bg-[#a855f7]/10 transition-all"
+					title={addAudioLabel}
+					aria-label={addAudioLabel}
+				>
 					<Music className="w-4 h-4" />
 				</Button>
-				<Button onClick={onSplitClip} variant="ghost" size="icon" className="h-7 w-7 text-muted-foreground hover:text-foreground hover:bg-foreground/10 transition-all" title={splitClipLabel} aria-label={splitClipLabel}>
+				<Button
+					onClick={onSplitClip}
+					variant="ghost"
+					size="icon"
+					className="h-7 w-7 text-muted-foreground hover:text-foreground hover:bg-foreground/10 transition-all"
+					title={splitClipLabel}
+					aria-label={splitClipLabel}
+				>
 					<Scissors className="w-4 h-4" />
 				</Button>
 			</div>
 			<div className="flex items-center gap-2">
 				<DropdownMenu>
 					<DropdownMenuTrigger asChild>
-						<Button variant="ghost" size="sm" className="h-7 px-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/10 transition-all gap-1">
+						<Button
+							variant="ghost"
+							size="sm"
+							className="h-7 px-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/10 transition-all gap-1"
+						>
 							<span className="font-medium">{getAspectRatioLabel(aspectRatio)}</span>
 							<ChevronDown className="w-3 h-3" />
 						</Button>
 					</DropdownMenuTrigger>
-					<DropdownMenuContent align="end" className="bg-editor-surface-alt border-foreground/10">
+					<DropdownMenuContent
+						align="end"
+						className="bg-editor-surface-alt border-foreground/10"
+					>
 						{ASPECT_RATIOS.map((ratio) => (
-							<DropdownMenuItem key={ratio} onClick={() => onAspectRatioChange?.(ratio)} className="text-muted-foreground hover:text-foreground hover:bg-foreground/10 cursor-pointer flex items-center justify-between gap-3">
+							<DropdownMenuItem
+								key={ratio}
+								onClick={() => onAspectRatioChange?.(ratio)}
+								className="text-muted-foreground hover:text-foreground hover:bg-foreground/10 cursor-pointer flex items-center justify-between gap-3"
+							>
 								<span>{getAspectRatioLabel(ratio)}</span>
-								{aspectRatio === ratio && <Check className="w-3 h-3 text-[#2563EB]" />}
+								{aspectRatio === ratio && (
+									<Check className="w-3 h-3 text-[#2563EB]" />
+								)}
 							</DropdownMenuItem>
 						))}
 						<div className="mx-1 my-1 h-px bg-foreground/10" />
 						<div className="px-2 py-1.5 flex items-center gap-2 text-muted-foreground">
 							<span className="text-sm">Custom</span>
-							<input type="text" inputMode="numeric" value={customAspectWidth} onChange={(event) => onCustomAspectWidthChange(event.target.value.replace(/\D/g, ""))} onKeyDown={onCustomAspectRatioKeyDown} className="w-12 h-7 rounded border border-foreground/10 bg-foreground/5 px-1.5 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-[#2563EB]" aria-label="Custom aspect width" />
+							<input
+								type="text"
+								inputMode="numeric"
+								value={customAspectWidth}
+								onChange={(event) =>
+									onCustomAspectWidthChange(event.target.value.replace(/\D/g, ""))
+								}
+								onKeyDown={onCustomAspectRatioKeyDown}
+								className="w-12 h-7 rounded border border-foreground/10 bg-foreground/5 px-1.5 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-[#2563EB]"
+								aria-label="Custom aspect width"
+							/>
 							<span className="text-muted-foreground/70">:</span>
-							<input type="text" inputMode="numeric" value={customAspectHeight} onChange={(event) => onCustomAspectHeightChange(event.target.value.replace(/\D/g, ""))} onKeyDown={onCustomAspectRatioKeyDown} className="w-12 h-7 rounded border border-foreground/10 bg-foreground/5 px-1.5 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-[#2563EB]" aria-label="Custom aspect height" />
-							<Button variant="ghost" size="sm" onClick={onApplyCustomAspectRatio} className="h-7 px-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/10">Set</Button>
-							{isCustomAspectRatio(aspectRatio) && <Check className="w-3 h-3 text-[#2563EB] ml-auto" />}
+							<input
+								type="text"
+								inputMode="numeric"
+								value={customAspectHeight}
+								onChange={(event) =>
+									onCustomAspectHeightChange(
+										event.target.value.replace(/\D/g, ""),
+									)
+								}
+								onKeyDown={onCustomAspectRatioKeyDown}
+								className="w-12 h-7 rounded border border-foreground/10 bg-foreground/5 px-1.5 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-[#2563EB]"
+								aria-label="Custom aspect height"
+							/>
+							<Button
+								variant="ghost"
+								size="sm"
+								onClick={onApplyCustomAspectRatio}
+								className="h-7 px-2 text-xs text-muted-foreground hover:text-foreground hover:bg-foreground/10"
+							>
+								Set
+							</Button>
+							{isCustomAspectRatio(aspectRatio) && (
+								<Check className="w-3 h-3 text-[#2563EB] ml-auto" />
+							)}
 						</div>
 					</DropdownMenuContent>
 				</DropdownMenu>
@@ -133,15 +212,21 @@ export default function TimelineToolbar({
 			<div className="flex-1" />
 			<div className="flex items-center gap-4 text-[10px] text-muted-foreground/70 font-medium">
 				<span className="flex items-center gap-1.5">
-					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">Side Scroll</kbd>
+					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">
+						Side Scroll
+					</kbd>
 					<span>Pan</span>
 				</span>
 				<span className="flex items-center gap-1.5">
-					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">{scrollLabels.pan}</kbd>
+					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">
+						{scrollLabels.pan}
+					</kbd>
 					<span>Pan</span>
 				</span>
 				<span className="flex items-center gap-1.5">
-					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">{scrollLabels.zoom}</kbd>
+					<kbd className="px-1.5 py-0.5 bg-foreground/5 border border-foreground/10 rounded text-[#2563EB] font-sans">
+						{scrollLabels.zoom}
+					</kbd>
 					<span>Zoom</span>
 				</span>
 			</div>
diff --git a/src/components/video-editor/timeline/hooks/actions/useTimelineAudioActions.ts b/src/components/video-editor/timeline/hooks/actions/useTimelineAudioActions.ts
index b0e1fff60..63dc36eb2 100644
--- a/src/components/video-editor/timeline/hooks/actions/useTimelineAudioActions.ts
+++ b/src/components/video-editor/timeline/hooks/actions/useTimelineAudioActions.ts
@@ -24,7 +24,11 @@ interface UseTimelineAudioActionsParams {
 	regions: {
 		audio: TimelineAudioRegion[];
 	};
-	onAudioAdded?: (span: { start: number; end: number }, audioPath: string, trackIndex?: number) => void;
+	onAudioAdded?: (
+		span: { start: number; end: number },
+		audioPath: string,
+		trackIndex?: number,
+	) => void;
 	deps?: Partial<TimelineAudioActionsDeps>;
 }
 
diff --git a/src/components/video-editor/timeline/hooks/actions/useTimelineZoomActions.ts b/src/components/video-editor/timeline/hooks/actions/useTimelineZoomActions.ts
index 0981ffe83..4f85751e3 100644
--- a/src/components/video-editor/timeline/hooks/actions/useTimelineZoomActions.ts
+++ b/src/components/video-editor/timeline/hooks/actions/useTimelineZoomActions.ts
@@ -113,7 +113,9 @@ export function useTimelineZoomActions({
 		}
 
 		if (disableSuggestedZooms) {
-			timelineNotifications.info("Suggested zooms are unavailable while cursor looping is enabled.");
+			timelineNotifications.info(
+				"Suggested zooms are unavailable while cursor looping is enabled.",
+			);
 			return;
 		}
 
diff --git a/src/components/video-editor/timeline/hooks/useTimelineSelection.ts b/src/components/video-editor/timeline/hooks/useTimelineSelection.ts
index 07ee09bd9..41c06ade6 100644
--- a/src/components/video-editor/timeline/hooks/useTimelineSelection.ts
+++ b/src/components/video-editor/timeline/hooks/useTimelineSelection.ts
@@ -55,10 +55,7 @@ export function useTimelineSelection({
 		if (totalMs === 0) return;
 		const time = Math.max(0, Math.min(currentTimeMs, totalMs));
 		if (keyframes.some((kf) => Math.abs(kf.time - time) < 1)) return;
-		setKeyframes((prev) => [
-			...prev,
-			{ id: globalThis.crypto.randomUUID(), time },
-		]);
+		setKeyframes((prev) => [...prev, { id: globalThis.crypto.randomUUID(), time }]);
 	}, [currentTimeMs, totalMs, keyframes]);
 
 	const deleteSelectedKeyframe = useCallback(() => {
diff --git a/src/components/video-editor/timeline/hooks/utils/timelineAudioPlacement.ts b/src/components/video-editor/timeline/hooks/utils/timelineAudioPlacement.ts
index 4be4e3827..863344494 100644
--- a/src/components/video-editor/timeline/hooks/utils/timelineAudioPlacement.ts
+++ b/src/components/video-editor/timeline/hooks/utils/timelineAudioPlacement.ts
@@ -30,7 +30,10 @@ export function resolveAudioPlacement({
 	const normalizedPreferredTrackIndex = Number.isFinite(preferredTrackIndex)
 		? Math.max(0, Math.floor(preferredTrackIndex ?? 0))
 		: null;
-	const maxTrackIndex = audioRegions.reduce((max, region) => Math.max(max, region.trackIndex ?? 0), -1);
+	const maxTrackIndex = audioRegions.reduce(
+		(max, region) => Math.max(max, region.trackIndex ?? 0),
+		-1,
+	);
 	const candidateTrackIndexes =
 		normalizedPreferredTrackIndex === null
 			? Array.from({ length: maxTrackIndex + 2 }, (_, index) => index)
diff --git a/src/components/video-editor/timeline/hooks/utils/timelineNotifications.ts b/src/components/video-editor/timeline/hooks/utils/timelineNotifications.ts
index 37b858200..7843b1d5b 100644
--- a/src/components/video-editor/timeline/hooks/utils/timelineNotifications.ts
+++ b/src/components/video-editor/timeline/hooks/utils/timelineNotifications.ts
@@ -9,5 +9,6 @@ export interface TimelineNotifications {
 export const timelineNotifications: TimelineNotifications = {
 	error: (title, description) => toast.error(title, description ? { description } : undefined),
 	info: (title, description) => toast.info(title, description ? { description } : undefined),
-	success: (title, description) => toast.success(title, description ? { description } : undefined),
+	success: (title, description) =>
+		toast.success(title, description ? { description } : undefined),
 };
diff --git a/src/components/video-editor/timeline/model/timelineModel.test.ts b/src/components/video-editor/timeline/model/timelineModel.test.ts
index 1f20052e4..0c470c776 100644
--- a/src/components/video-editor/timeline/model/timelineModel.test.ts
+++ b/src/components/video-editor/timeline/model/timelineModel.test.ts
@@ -35,10 +35,22 @@ describe("timeline model", () => {
 			],
 			clipRegions: [{ id: "c1", startMs: 0, endMs: 4000, speed: 1 }],
 			annotationRegions: [
-				{ ...BASE_ANNOTATION, type: "text" as const, content: "Hello timeline", trackIndex: 1 },
+				{
+					...BASE_ANNOTATION,
+					type: "text" as const,
+					content: "Hello timeline",
+					trackIndex: 1,
+				},
 			],
 			audioRegions: [
-				{ id: "au1", startMs: 500, endMs: 2000, audioPath: "/tmp/foo.mp3", volume: 1, trackIndex: 0 },
+				{
+					id: "au1",
+					startMs: 500,
+					endMs: 2000,
+					audioPath: "/tmp/foo.mp3",
+					volume: 1,
+					trackIndex: 0,
+				},
 			],
 		});
 
@@ -80,8 +92,18 @@ describe("timeline model", () => {
 			"Annotation",
 		);
 
-		expect(getAudioLabel({ id: "1", startMs: 0, endMs: 1, audioPath: "C:\\x\\y\\z.wav", volume: 1 })).toBe("z");
-		expect(getAudioLabel({ id: "2", startMs: 0, endMs: 1, audioPath: "", volume: 1 })).toBe("Audio");
+		expect(
+			getAudioLabel({
+				id: "1",
+				startMs: 0,
+				endMs: 1,
+				audioPath: "C:\\x\\y\\z.wav",
+				volume: 1,
+			}),
+		).toBe("z");
+		expect(getAudioLabel({ id: "2", startMs: 0, endMs: 1, audioPath: "", volume: 1 })).toBe(
+			"Audio",
+		);
 	});
 
 	it("builds row spans for dnd constraints", () => {
@@ -91,7 +113,14 @@ describe("timeline model", () => {
 			],
 			clipRegions: [{ id: "c1", startMs: 0, endMs: 4000, speed: 1 }],
 			audioRegions: [
-				{ id: "au1", startMs: 500, endMs: 2000, audioPath: "x.wav", volume: 1, trackIndex: 2 },
+				{
+					id: "au1",
+					startMs: 500,
+					endMs: 2000,
+					audioPath: "x.wav",
+					volume: 1,
+					trackIndex: 2,
+				},
 			],
 		});
 		expect(spans.map((s) => s.rowId)).toEqual(["row-zoom", "row-clip", "row-audio-2"]);
@@ -99,9 +128,27 @@ describe("timeline model", () => {
 
 	it("keeps items in their domain rows during dnd", () => {
 		const items = [
-			{ id: "a1", rowId: "row-annotation-1", span: { start: 0, end: 1 }, label: "A", variant: "annotation" as const },
-			{ id: "au1", rowId: "row-audio-2", span: { start: 0, end: 1 }, label: "X", variant: "audio" as const },
-			{ id: "z1", rowId: "row-zoom", span: { start: 0, end: 1 }, label: "Z", variant: "zoom" as const },
+			{
+				id: "a1",
+				rowId: "row-annotation-1",
+				span: { start: 0, end: 1 },
+				label: "A",
+				variant: "annotation" as const,
+			},
+			{
+				id: "au1",
+				rowId: "row-audio-2",
+				span: { start: 0, end: 1 },
+				label: "X",
+				variant: "audio" as const,
+			},
+			{
+				id: "z1",
+				rowId: "row-zoom",
+				span: { start: 0, end: 1 },
+				label: "Z",
+				variant: "zoom" as const,
+			},
 		];
 		expect(resolveDropRowId("a1", "row-audio-0", items)).toBe("row-annotation-1");
 		expect(resolveDropRowId("a1", "row-annotation-3", items)).toBe("row-annotation-3");
diff --git a/src/components/video-editor/types.test.ts b/src/components/video-editor/types.test.ts
index 6da7a8da7..34b3502bf 100644
--- a/src/components/video-editor/types.test.ts
+++ b/src/components/video-editor/types.test.ts
@@ -155,7 +155,12 @@ describe("clip timeline mapping", () => {
 		);
 
 		expect(clipsFromTrims.map((clip) => clip.id)).toEqual(["clip-1", "clip-2", "clip-3"]);
-		expect(deriveNextId("clip", clipsFromTrims.map((clip) => clip.id))).toBe(4);
+		expect(
+			deriveNextId(
+				"clip",
+				clipsFromTrims.map((clip) => clip.id),
+			),
+		).toBe(4);
 	});
 });
 
@@ -171,10 +176,7 @@ describe("getTimelineDurationMs", () => {
 
 	it("keeps the source duration when speed edits make clips shorter", () => {
 		expect(
-			getTimelineDurationMs(
-				[{ id: "clip-1", startMs: 0, endMs: 5_000, speed: 2 }],
-				10_000,
-			),
+			getTimelineDurationMs([{ id: "clip-1", startMs: 0, endMs: 5_000, speed: 2 }], 10_000),
 		).toBe(10_000);
 	});
 });
diff --git a/src/components/video-editor/useNvidiaCudaExportOptIn.ts b/src/components/video-editor/useNvidiaCudaExportOptIn.ts
index a674b4ae5..75f2ecc3f 100644
--- a/src/components/video-editor/useNvidiaCudaExportOptIn.ts
+++ b/src/components/video-editor/useNvidiaCudaExportOptIn.ts
@@ -1,8 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
 import { loadAppSetting, saveAppSetting } from "@/lib/appSettings";
 
-export const NVIDIA_CUDA_EXPORT_OPT_IN_SETTING_KEY =
-	"recordly.export.experimentalNvidiaCuda";
+export const NVIDIA_CUDA_EXPORT_OPT_IN_SETTING_KEY = "recordly.export.experimentalNvidiaCuda";
 
 type NativeExportCapabilitiesResult = {
 	capabilities?: {
@@ -12,9 +11,7 @@ type NativeExportCapabilitiesResult = {
 	};
 } | null;
 
-export function isNvidiaCudaExportAvailable(
-	result: NativeExportCapabilitiesResult | undefined,
-) {
+export function isNvidiaCudaExportAvailable(result: NativeExportCapabilitiesResult | undefined) {
 	return result?.capabilities?.nvidiaCuda?.available === true;
 }
 
@@ -33,11 +30,7 @@ export function saveNvidiaCudaExportOptIn(enabled: boolean) {
 	return saveAppSetting(NVIDIA_CUDA_EXPORT_OPT_IN_SETTING_KEY, enabled);
 }
 
-export function useNvidiaCudaExportOptIn({
-	onEnabled,
-}: {
-	onEnabled?: () => void;
-} = {}) {
+export function useNvidiaCudaExportOptIn({ onEnabled }: { onEnabled?: () => void } = {}) {
 	const [nvidiaCudaExportAvailable, setNvidiaCudaExportAvailable] = useState(false);
 	const [experimentalNvidiaCudaExport, setExperimentalNvidiaCudaExportState] = useState(
 		loadInitialNvidiaCudaExportOptIn,
@@ -75,10 +68,7 @@ export function useNvidiaCudaExportOptIn({
 
 	const setExperimentalNvidiaCudaExport = useCallback(
 		(enabled: boolean) => {
-			const nextEnabled = resolveNvidiaCudaExportOptIn(
-				enabled,
-				nvidiaCudaExportAvailable,
-			);
+			const nextEnabled = resolveNvidiaCudaExportOptIn(enabled, nvidiaCudaExportAvailable);
 			setExperimentalNvidiaCudaExportState(nextEnabled);
 			saveNvidiaCudaExportOptIn(nextEnabled);
 			if (nextEnabled) {
diff --git a/src/components/video-editor/videoPlayback/cursorFollowCamera.test.ts b/src/components/video-editor/videoPlayback/cursorFollowCamera.test.ts
index cd66d1112..34b571828 100644
--- a/src/components/video-editor/videoPlayback/cursorFollowCamera.test.ts
+++ b/src/components/video-editor/videoPlayback/cursorFollowCamera.test.ts
@@ -1,8 +1,5 @@
 import { describe, expect, it } from "vitest";
-import {
-	computeCursorFollowFocus,
-	createCursorFollowCameraState,
-} from "./cursorFollowCamera";
+import { computeCursorFollowFocus, createCursorFollowCameraState } from "./cursorFollowCamera";
 
 describe("computeCursorFollowFocus", () => {
 	it("holds the camera while the cursor stays inside the safe zone", () => {
@@ -127,4 +124,4 @@ describe("computeCursorFollowFocus", () => {
 
 		expect(initialFocus).toEqual({ cx: 0.3, cy: 0.7 });
 	});
-});
\ No newline at end of file
+});
diff --git a/src/components/video-editor/videoPlayback/motionSmoothing.ts b/src/components/video-editor/videoPlayback/motionSmoothing.ts
index 6ffed00e3..c4ec3852b 100644
--- a/src/components/video-editor/videoPlayback/motionSmoothing.ts
+++ b/src/components/video-editor/videoPlayback/motionSmoothing.ts
@@ -35,10 +35,7 @@ function clampSpringMultiplier(value: number | undefined) {
 	return Math.min(3, Math.max(0.25, numericValue));
 }
 
-function applyCursorSpringTuning(
-	config: SpringConfig,
-	tuning?: CursorSpringTuning,
-): SpringConfig {
+function applyCursorSpringTuning(config: SpringConfig, tuning?: CursorSpringTuning): SpringConfig {
 	return {
 		...config,
 		stiffness: config.stiffness * clampSpringMultiplier(tuning?.stiffnessMultiplier),
@@ -226,13 +223,16 @@ export function getCursorSpringConfig(
 	const clamped = Math.min(CURSOR_SMOOTHING_MAX, Math.max(CURSOR_SMOOTHING_MIN, smoothingFactor));
 
 	if (clamped <= 0) {
-		return applyCursorSpringTuning({
-			stiffness: 1000,
-			damping: 100,
-			mass: 1,
-			restDelta: 0.0001,
-			restSpeed: 0.001,
-		}, tuning);
+		return applyCursorSpringTuning(
+			{
+				stiffness: 1000,
+				damping: 100,
+				mass: 1,
+				restDelta: 0.0001,
+				restSpeed: 0.001,
+			},
+			tuning,
+		);
 	}
 
 	if (clamped <= CURSOR_SMOOTHING_LEGACY_MAX) {
@@ -245,13 +245,16 @@ export function getCursorSpringConfig(
 			),
 		);
 
-		return applyCursorSpringTuning({
-			stiffness: (760 - legacyNormalized * 420) * DEFAULT_CURSOR_STIFFNESS_BOOST,
-			damping: 34 + legacyNormalized * 24,
-			mass: 0.85 + legacyNormalized * 0.55,
-			restDelta: 0.0002,
-			restSpeed: 0.01,
-		}, tuning);
+		return applyCursorSpringTuning(
+			{
+				stiffness: (760 - legacyNormalized * 420) * DEFAULT_CURSOR_STIFFNESS_BOOST,
+				damping: 34 + legacyNormalized * 24,
+				mass: 0.85 + legacyNormalized * 0.55,
+				restDelta: 0.0002,
+				restSpeed: 0.01,
+			},
+			tuning,
+		);
 	}
 
 	const extendedNormalized = Math.min(
@@ -263,13 +266,16 @@ export function getCursorSpringConfig(
 		),
 	);
 
-	return applyCursorSpringTuning({
-		stiffness: (340 - extendedNormalized * 180) * DEFAULT_CURSOR_STIFFNESS_BOOST,
-		damping: 58 + extendedNormalized * 22,
-		mass: 1.35 + extendedNormalized * 0.45,
-		restDelta: 0.0002,
-		restSpeed: 0.01,
-	}, tuning);
+	return applyCursorSpringTuning(
+		{
+			stiffness: (340 - extendedNormalized * 180) * DEFAULT_CURSOR_STIFFNESS_BOOST,
+			damping: 58 + extendedNormalized * 22,
+			mass: 1.35 + extendedNormalized * 0.45,
+			restDelta: 0.0002,
+			restSpeed: 0.01,
+		},
+		tuning,
+	);
 }
 
 export function getZoomSpringConfig(
@@ -279,13 +285,16 @@ export function getZoomSpringConfig(
 	const clamped = Math.max(0, Math.min(1, smoothnessFactor));
 
 	if (clamped <= 0) {
-		return applyCursorSpringTuning({
-			stiffness: 1000,
-			damping: 100,
-			mass: 1,
-			restDelta: 0.0001,
-			restSpeed: 0.001,
-		}, tuning);
+		return applyCursorSpringTuning(
+			{
+				stiffness: 1000,
+				damping: 100,
+				mass: 1,
+				restDelta: 0.0001,
+				restSpeed: 0.001,
+			},
+			tuning,
+		);
 	}
 
 	// Map 0-1 slider to the internal 0-2 spring range so that
@@ -297,11 +306,14 @@ export function getZoomSpringConfig(
 	// The overshoot clamp in stepSpringValue prevents wobble even at
 	// this low damping, so animations stay fast and responsive.
 	// Higher scaled → lower stiffness + higher mass → slower, floatier settle.
-	return applyCursorSpringTuning({
-		stiffness: 100 / scaled,
-		damping: 21,
-		mass: 1.0 * scaled,
-		restDelta: 0.0005,
-		restSpeed: 0.015,
-	}, tuning);
+	return applyCursorSpringTuning(
+		{
+			stiffness: 100 / scaled,
+			damping: 21,
+			mass: 1.0 * scaled,
+			restDelta: 0.0005,
+			restSpeed: 0.015,
+		},
+		tuning,
+	);
 }
diff --git a/src/components/video-editor/videoPlayback/uploadedCursorAssets.ts b/src/components/video-editor/videoPlayback/uploadedCursorAssets.ts
index d017d2d77..df2e55b0e 100644
--- a/src/components/video-editor/videoPlayback/uploadedCursorAssets.ts
+++ b/src/components/video-editor/videoPlayback/uploadedCursorAssets.ts
@@ -28,7 +28,8 @@ const TAHOE_POINTER_CONTENT_HEIGHT = 851;
 
 // Measured from the raw pointer assets using the non-shadow pixel bounds.
 const MACOS_CURSOR_STYLE_SIZE_MULTIPLIER =
-	(TAHOE_POINTER_CONTENT_HEIGHT / TAHOE_POINTER_ASSET_HEIGHT) /
+	TAHOE_POINTER_CONTENT_HEIGHT /
+	TAHOE_POINTER_ASSET_HEIGHT /
 	(MACOS_POINTER_CONTENT_HEIGHT / MACOS_POINTER_ASSET_HEIGHT);
 
 export type UploadedCursorAsset = {
diff --git a/src/components/video-editor/videoPlayback/webcamSync.test.ts b/src/components/video-editor/videoPlayback/webcamSync.test.ts
index 636a6488f..bd51e9c97 100644
--- a/src/components/video-editor/videoPlayback/webcamSync.test.ts
+++ b/src/components/video-editor/videoPlayback/webcamSync.test.ts
@@ -63,11 +63,11 @@ describe("shouldSeekWebcamMedia", () => {
 	it("does not issue another corrective seek while the webcam element is already seeking", () => {
 		expect(
 			shouldSeekWebcamMedia({
-					desiredTime: 10.5,
+				desiredTime: 10.5,
 				isPlaying: true,
 				isSeeking: true,
 				previousTimelineTime: 10,
-					timelineTime: 10.5,
+				timelineTime: 10.5,
 				webcamCurrentTime: 9.8,
 			}),
 		).toBe(false);
@@ -76,26 +76,26 @@ describe("shouldSeekWebcamMedia", () => {
 	it("seeks when playback drift grows beyond the active threshold", () => {
 		expect(
 			shouldSeekWebcamMedia({
-					desiredTime: 10.5,
+				desiredTime: 10.5,
 				isPlaying: true,
 				isSeeking: false,
 				previousTimelineTime: 10,
-					timelineTime: 10.5,
+				timelineTime: 10.5,
 				webcamCurrentTime: 9.8,
 			}),
 		).toBe(true);
 	});
 
-		it("does not seek when the clamped media target is already correct", () => {
-			expect(
-				shouldSeekWebcamMedia({
-					desiredTime: 1 / 60,
-					isPlaying: false,
-					isSeeking: false,
-					previousTimelineTime: 0,
-					timelineTime: 0,
-					webcamCurrentTime: 1 / 60,
-				}),
-			).toBe(false);
-		});
+	it("does not seek when the clamped media target is already correct", () => {
+		expect(
+			shouldSeekWebcamMedia({
+				desiredTime: 1 / 60,
+				isPlaying: false,
+				isSeeking: false,
+				previousTimelineTime: 0,
+				timelineTime: 0,
+				webcamCurrentTime: 1 / 60,
+			}),
+		).toBe(false);
+	});
 });
diff --git a/src/contexts/ThemeContext.test.ts b/src/contexts/ThemeContext.test.ts
index 9b5d97cd0..f49e7ef49 100644
--- a/src/contexts/ThemeContext.test.ts
+++ b/src/contexts/ThemeContext.test.ts
@@ -64,10 +64,7 @@ describe("ThemeContext persistence", () => {
 	});
 
 	it("falls back to localStorage when Electron settings are unavailable", () => {
-		vi.stubGlobal(
-			"localStorage",
-			createStorageMock({ "recordly.theme": "light" }),
-		);
+		vi.stubGlobal("localStorage", createStorageMock({ "recordly.theme": "light" }));
 
 		expect(loadThemePreference()).toBe("light");
 	});
diff --git a/src/contexts/ThemeContext.tsx b/src/contexts/ThemeContext.tsx
index adaf1e37e..e43d8a311 100644
--- a/src/contexts/ThemeContext.tsx
+++ b/src/contexts/ThemeContext.tsx
@@ -46,9 +46,7 @@ export function persistThemePreference(pref: ThemePreference): void {
 
 function resolveTheme(pref: ThemePreference): ResolvedTheme {
 	if (pref === "system") {
-		return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches
-			? "dark"
-			: "light";
+		return globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 	}
 	return pref;
 }
@@ -70,9 +68,7 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
 		return stored;
 	});
 
-	const [resolved, setResolved] = useState<ResolvedTheme>(() =>
-		resolveTheme(preference),
-	);
+	const [resolved, setResolved] = useState<ResolvedTheme>(() => resolveTheme(preference));
 
 	const setPreference = useCallback((pref: ThemePreference) => {
 		setPreferenceState(pref);
@@ -105,9 +101,7 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) {
 	}, [resolved]);
 
 	return (
-		<ThemeContext.Provider
-			value={{ preference, theme: resolved, setPreference, toggleTheme }}
-		>
+		<ThemeContext.Provider value={{ preference, theme: resolved, setPreference, toggleTheme }}>
 			{children}
 		</ThemeContext.Provider>
 	);
diff --git a/src/i18n/config.ts b/src/i18n/config.ts
index f4e2833ec..88200f780 100644
--- a/src/i18n/config.ts
+++ b/src/i18n/config.ts
@@ -1,6 +1,17 @@
 export const DEFAULT_LOCALE = "en" as const;
 
-export const SUPPORTED_LOCALES = ["en", "es", "fr", "de", "it", "nl", "ko", "pt-BR", "zh-CN", "zh-TW"] as const;
+export const SUPPORTED_LOCALES = [
+	"en",
+	"es",
+	"fr",
+	"de",
+	"it",
+	"nl",
+	"ko",
+	"pt-BR",
+	"zh-CN",
+	"zh-TW",
+] as const;
 
 export const I18N_NAMESPACES = [
 	"common",
diff --git a/src/i18n/locales/de/common.json b/src/i18n/locales/de/common.json
index e71066862..e322c3d0a 100644
--- a/src/i18n/locales/de/common.json
+++ b/src/i18n/locales/de/common.json
@@ -1,26 +1,26 @@
 {
-    "app": {
-        "name": "Recordly",
-        "editorTitle": "Recordly Editor",
-        "subtitle": "Bildschirmaufzeichnung und -bearbeitung",
-        "language": "Sprache",
-        "manageRecordings": "Aufzeichnungsordner öffnen"
-    },
+	"app": {
+		"name": "Recordly",
+		"editorTitle": "Recordly Editor",
+		"subtitle": "Bildschirmaufzeichnung und -bearbeitung",
+		"language": "Sprache",
+		"manageRecordings": "Aufzeichnungsordner öffnen"
+	},
 	"actions": {
-        "cancel": "Abbrechen",
-        "close": "Schließen",
-        "export": "Exportieren",
-        "load": "Laden",
-        "redo": "Wiederherstellen",
-        "reset": "Zurücksetzen",
-        "save": "Speichern",
+		"cancel": "Abbrechen",
+		"close": "Schließen",
+		"export": "Exportieren",
+		"load": "Laden",
+		"redo": "Wiederherstellen",
+		"reset": "Zurücksetzen",
+		"save": "Speichern",
 		"undo": "Rückgängig",
-        "delete": "Löschen",
-        "done": "Fertig"
-    },
+		"delete": "Löschen",
+		"done": "Fertig"
+	},
 	"errors": {
-        "invalidFileType": "Ungültiger Dateityp",
-        "failedToUploadImage": "Bild konnte nicht hochgeladen werden",
-        "fileReadError": "Beim Lesen der Datei ist ein Fehler aufgetreten."
-    }
+		"invalidFileType": "Ungültiger Dateityp",
+		"failedToUploadImage": "Bild konnte nicht hochgeladen werden",
+		"fileReadError": "Beim Lesen der Datei ist ein Fehler aufgetreten."
+	}
 }
diff --git a/src/i18n/locales/de/dialogs.json b/src/i18n/locales/de/dialogs.json
index d24711067..f99c5ab3b 100644
--- a/src/i18n/locales/de/dialogs.json
+++ b/src/i18n/locales/de/dialogs.json
@@ -1,62 +1,62 @@
 {
 	"export": {
-        "pleaseTryAgain": "Bitte versuche es erneut",
-        "compilingGifProgress": "GIF wird kompiliert... {{progress}}%",
-        "compilingGifWait": "GIF wird kompiliert... Dies kann eine Weile dauern",
-        "takeMoment": "Dies kann einen Moment dauern...",
+		"pleaseTryAgain": "Bitte versuche es erneut",
+		"compilingGifProgress": "GIF wird kompiliert... {{progress}}%",
+		"compilingGifWait": "GIF wird kompiliert... Dies kann eine Weile dauern",
+		"takeMoment": "Dies kann einen Moment dauern...",
 		"exportFailed": "Export fehlgeschlagen",
-        "compilingGifTitle": "GIF wird kompiliert",
-        "exportingFormat": "Exportiere {{format}}",
-        "exportComplete": "Export abgeschlossen",
-        "formatReady": "Dein {{format}} ist bereit",
+		"compilingGifTitle": "GIF wird kompiliert",
+		"exportingFormat": "Exportiere {{format}}",
+		"exportComplete": "Export abgeschlossen",
+		"formatReady": "Dein {{format}} ist bereit",
 		"showInFolder": "Im Ordner anzeigen",
-        "compiling": "Kompilieren",
-        "renderingFrames": "Frames rendern",
-        "processing": "Verarbeiten...",
-        "status": "Status",
-        "format": "Format",
+		"compiling": "Kompilieren",
+		"renderingFrames": "Frames rendern",
+		"processing": "Verarbeiten...",
+		"status": "Status",
+		"format": "Format",
 		"compilingStatus": "Kompilieren...",
-        "frames": "Frames",
-        "cancelExport": "Export abbrechen",
-        "reopenSaveDialog": "Speicherdialog erneut öffnen",
-        "savedSuccess": "{{format}} erfolgreich gespeichert!"
-    },
+		"frames": "Frames",
+		"cancelExport": "Export abbrechen",
+		"reopenSaveDialog": "Speicherdialog erneut öffnen",
+		"savedSuccess": "{{format}} erfolgreich gespeichert!"
+	},
 	"addFont": {
-        "title": "Google-Schriftart hinzufügen",
-        "heading": "Google-Schriftart hinzufügen",
-        "description": "Fügen Sie eine benutzerdefinierte Schriftart aus Google Fonts hinzu, um sie in Ihren Anmerkungen zu verwenden.",
+		"title": "Google-Schriftart hinzufügen",
+		"heading": "Google-Schriftart hinzufügen",
+		"description": "Fügen Sie eine benutzerdefinierte Schriftart aus Google Fonts hinzu, um sie in Ihren Anmerkungen zu verwenden.",
 		"urlLabel": "Google Fonts-Import-URL",
-        "urlPlaceholder": "https://fonts.googleapis.com/css2?family=Roboto&display=swap",
-        "urlHelp": "So erhalten Sie diese von Google Fonts: Wählen Sie eine Schriftart aus → Klicken Sie auf \"Schriftart abrufen\" → Kopieren Sie die @import-URL",
+		"urlPlaceholder": "https://fonts.googleapis.com/css2?family=Roboto&display=swap",
+		"urlHelp": "So erhalten Sie diese von Google Fonts: Wählen Sie eine Schriftart aus → Klicken Sie auf \"Schriftart abrufen\" → Kopieren Sie die @import-URL",
 		"nameLabel": "Anzeigename",
-        "namePlaceholder": "Meine benutzerdefinierte Schriftart",
-        "nameHelp": "So wird die Schriftart in der Schriftartauswahl angezeigt",
-        "adding": "Wird hinzugefügt...",
+		"namePlaceholder": "Meine benutzerdefinierte Schriftart",
+		"nameHelp": "So wird die Schriftart in der Schriftartauswahl angezeigt",
+		"adding": "Wird hinzugefügt...",
 		"addFont": "Schriftart hinzufügen",
-        "enterUrl": "Bitte gib eine Google Fonts-Import-URL ein",
-        "invalidUrl": "Bitte gib eine gültige Google Fonts-URL ein",
-        "enterName": "Bitte gib einen Schriftartnamen ein",
-        "extractFailed": "Schriftfamilie konnte nicht aus der URL extrahiert werden",
+		"enterUrl": "Bitte gib eine Google Fonts-Import-URL ein",
+		"invalidUrl": "Bitte gib eine gültige Google Fonts-URL ein",
+		"enterName": "Bitte gib einen Schriftartnamen ein",
+		"extractFailed": "Schriftfamilie konnte nicht aus der URL extrahiert werden",
 		"addSuccess": "Schriftart \"{{name}}\" erfolgreich hinzugefügt",
-        "addFailed": "Schriftart konnte nicht hinzugefügt werden",
-        "loadTimeout": "Das Laden der Schriftart hat zu lange gedauert. Bitte überprüfen Sie die URL und versuchen Sie es erneut.",
-        "loadFailed": "Die Schriftart konnte nicht geladen werden. Bitte überprüfen Sie, ob die Google Fonts-URL korrekt ist."
-    },
+		"addFailed": "Schriftart konnte nicht hinzugefügt werden",
+		"loadTimeout": "Das Laden der Schriftart hat zu lange gedauert. Bitte überprüfen Sie die URL und versuchen Sie es erneut.",
+		"loadFailed": "Die Schriftart konnte nicht geladen werden. Bitte überprüfen Sie, ob die Google Fonts-URL korrekt ist."
+	},
 	"shortcutsConfig": {
-        "title": "Tastaturkürzel",
-        "configurable": "Konfigurierbar",
-        "fixed": "Fest",
-        "pressEscToCancel": "Zum Abbrechen Esc drücken",
-        "clickToChange": "Zum Ändern anklicken",
+		"title": "Tastaturkürzel",
+		"configurable": "Konfigurierbar",
+		"fixed": "Fest",
+		"pressEscToCancel": "Zum Abbrechen Esc drücken",
+		"clickToChange": "Zum Ändern anklicken",
 		"pressAKey": "Drücke eine Taste…",
-        "alreadyUsedBy": "Wird bereits von <strong>{{action}}</strong> verwendet",
-        "swap": "Tauschen",
-        "reserved": "Dieser Tastenbefehl ist für \"{{label}}\" reserviert und kann nicht neu zugewiesen werden.",
+		"alreadyUsedBy": "Wird bereits von <strong>{{action}}</strong> verwendet",
+		"swap": "Tauschen",
+		"reserved": "Dieser Tastenbefehl ist für \"{{label}}\" reserviert und kann nicht neu zugewiesen werden.",
 		"saved": "Tastaturkürzel gespeichert",
-        "resetNotice": "Auf Standard-Tastaturkürzel zurücksetzen – zum Übernehmen auf Speichern klicken",
-        "instructions": "Klicken Sie auf ein Tastaturkürzel und drücken Sie dann die neue Tastenkombination. Drücken Sie Esc, um abzubrechen.",
-        "resetToDefaults": "Auf Standardwerte zurücksetzen",
-        "cancel": "Abbrechen",
-        "save": "Speichern"
-    }
+		"resetNotice": "Auf Standard-Tastaturkürzel zurücksetzen – zum Übernehmen auf Speichern klicken",
+		"instructions": "Klicken Sie auf ein Tastaturkürzel und drücken Sie dann die neue Tastenkombination. Drücken Sie Esc, um abzubrechen.",
+		"resetToDefaults": "Auf Standardwerte zurücksetzen",
+		"cancel": "Abbrechen",
+		"save": "Speichern"
+	}
 }
diff --git a/src/i18n/locales/de/editor.json b/src/i18n/locales/de/editor.json
index 572f6574b..06c71ec94 100644
--- a/src/i18n/locales/de/editor.json
+++ b/src/i18n/locales/de/editor.json
@@ -1,141 +1,141 @@
 {
 	"playback": {
-        "play": "Wiedergabe",
-        "pause": "Pause",
-        "skipBack": "Zurück springen",
-        "skipForward": "Vorwärts springen",
-        "muteUnmute": "Stummschalten/Stummschaltung aufheben"
-    },
+		"play": "Wiedergabe",
+		"pause": "Pause",
+		"skipBack": "Zurück springen",
+		"skipForward": "Vorwärts springen",
+		"muteUnmute": "Stummschalten/Stummschaltung aufheben"
+	},
 	"annotations": {
-        "settings": "Einstellungen für Anmerkungen",
-        "active": "Aktiv",
-        "text": "Text",
-        "image": "Bild",
-        "arrow": "Pfeil",
-        "blur": "Weichzeichnen",
+		"settings": "Einstellungen für Anmerkungen",
+		"active": "Aktiv",
+		"text": "Text",
+		"image": "Bild",
+		"arrow": "Pfeil",
+		"blur": "Weichzeichnen",
 		"textContent": "Textinhalt",
-        "textPlaceholder": "Geben Sie Ihren Text ein...",
-        "fontStyle": "Schriftart",
-        "selectStyle": "Auswahlstil",
-        "size": "Größe",
-        "toggleBold": "Fett umschalten",
+		"textPlaceholder": "Geben Sie Ihren Text ein...",
+		"fontStyle": "Schriftart",
+		"selectStyle": "Auswahlstil",
+		"size": "Größe",
+		"toggleBold": "Fett umschalten",
 		"toggleItalic": "Kursiv umschalten",
-        "toggleUnderline": "Unterstreichung umschalten",
-        "alignLeft": "Linksbündig",
-        "alignCenter": "Zentriert",
-        "alignRight": "Rechtsbündig",
-        "textColor": "Textfarbe",
+		"toggleUnderline": "Unterstreichung umschalten",
+		"alignLeft": "Linksbündig",
+		"alignCenter": "Zentriert",
+		"alignRight": "Rechtsbündig",
+		"textColor": "Textfarbe",
 		"background": "Hintergrund",
-        "none": "Keine",
-        "clearBackground": "Hintergrund löschen",
-        "uploadImage": "Bild hochladen",
-        "supportedFormats": "Unterstützte Formate: JPG, PNG, GIF, WebP",
+		"none": "Keine",
+		"clearBackground": "Hintergrund löschen",
+		"uploadImage": "Bild hochladen",
+		"supportedFormats": "Unterstützte Formate: JPG, PNG, GIF, WebP",
 		"arrowDirection": "Pfeilrichtung",
-        "strokeWidth": "Strichbreite: {{width}}px",
-        "arrowColor": "Pfeilfarbe",
-        "deleteAnnotation": "Anmerkung löschen",
-        "shortcutsAndTips": "Tastenkombinationen & Tipps",
+		"strokeWidth": "Strichbreite: {{width}}px",
+		"arrowColor": "Pfeilfarbe",
+		"deleteAnnotation": "Anmerkung löschen",
+		"shortcutsAndTips": "Tastenkombinationen & Tipps",
 		"tipSelectAnnotation": "Bewegen Sie den Abspielkopf auf den überlappenden Anmerkungsbereich und wählen Sie ein Element aus.",
-        "tipCycleForward": "Verwenden Sie die Tabulatortaste, um durch die überlappenden Elemente zu blättern.",
-        "tipCycleBackward": "Verwenden Sie Umschalt+Tab, um rückwärts zu blättern.",
-        "imageUploadSuccess": "Bild erfolgreich hochgeladen!",
+		"tipCycleForward": "Verwenden Sie die Tabulatortaste, um durch die überlappenden Elemente zu blättern.",
+		"tipCycleBackward": "Verwenden Sie Umschalt+Tab, um rückwärts zu blättern.",
+		"imageUploadSuccess": "Bild erfolgreich hochgeladen!",
 		"imageUploadError": "Bitte lade eine JPG-, PNG-, GIF- oder WebP-Bilddatei hoch.",
-        "blurStrength": "Unschärfestärke: {{strength}}",
-        "solidColor": "Einfarbig (Zensur)",
-        "borderRadius": "Randradius"
-    },
+		"blurStrength": "Unschärfestärke: {{strength}}",
+		"solidColor": "Einfarbig (Zensur)",
+		"borderRadius": "Randradius"
+	},
 	"fontStyles": {
-        "classic": "Klassisch",
-        "editor": "Editor",
-        "strong": "Fett",
-        "typewriter": "Schreibmaschine",
-        "deco": "Dekorativ",
-        "simple": "Einfach",
+		"classic": "Klassisch",
+		"editor": "Editor",
+		"strong": "Fett",
+		"typewriter": "Schreibmaschine",
+		"deco": "Dekorativ",
+		"simple": "Einfach",
 		"modern": "Modern",
-        "clean": "Clean"
-    },
-    "format": {
-        "mp4Video": "MP4-Video",
-        "mp4Description": "Hochwertige Videodatei",
-        "gifAnimation": "GIF-Animation",
-        "gifDescription": "Animiertes Bild zum Teilen"
-    } ,
-    "gifOptions": {
-        "frameRate": "Bildfrequenz",
-        "outputSize": "Ausgabegröße",
-        "outputDimensions": "Ausgabe: {{width}} × {{height}}px",
-        "loopAnimation": "Animation wiederholen",
+		"clean": "Clean"
+	},
+	"format": {
+		"mp4Video": "MP4-Video",
+		"mp4Description": "Hochwertige Videodatei",
+		"gifAnimation": "GIF-Animation",
+		"gifDescription": "Animiertes Bild zum Teilen"
+	},
+	"gifOptions": {
+		"frameRate": "Bildfrequenz",
+		"outputSize": "Ausgabegröße",
+		"outputDimensions": "Ausgabe: {{width}} × {{height}}px",
+		"loopAnimation": "Animation wiederholen",
 		"loopDescription": "GIF wird kontinuierlich abgespielt"
-    },
-    "tutorial": {
-        "howTrimmingWorks": "So funktioniert das Zuschneiden",
-        "title": "So funktioniert das Zuschneiden",
-        "understanding": "So schneiden Sie unerwünschte Teile aus Ihrem Video heraus.",
+	},
+	"tutorial": {
+		"howTrimmingWorks": "So funktioniert das Zuschneiden",
+		"title": "So funktioniert das Zuschneiden",
+		"understanding": "So schneiden Sie unerwünschte Teile aus Ihrem Video heraus.",
 		"descriptionP1": "Das Trimm-Werkzeug funktioniert, indem Sie die Segmente definieren, die Sie",
-        "descriptionRemove": "entfernen",
-        "descriptionP2": "aus Ihrem Video",
-        "descriptionP3": "Jeder Teil der Zeitleiste, der von einem roten Trimm-Segment abgedeckt ist, wird beim Exportieren herausgeschnitten.",
+		"descriptionRemove": "entfernen",
+		"descriptionP2": "aus Ihrem Video",
+		"descriptionP3": "Jeder Teil der Zeitleiste, der von einem roten Trimm-Segment abgedeckt ist, wird beim Exportieren herausgeschnitten.",
 		"visualExample": "Visuelles Beispiel",
-        "removed": "ENTFERNT",
-        "kept": "Beibehalten",
-        "finalVideo": "Endgültiges Video",
-        "part": "Teil {{number}}",
-        "addTrimStep": "1. Trimmen hinzufügen",
+		"removed": "ENTFERNT",
+		"kept": "Beibehalten",
+		"finalVideo": "Endgültiges Video",
+		"part": "Teil {{number}}",
+		"addTrimStep": "1. Trimmen hinzufügen",
 		"addTrimDesc": "Drücken Sie T oder klicken Sie auf das Scheren-Symbol, um einen Abschnitt zum Entfernen zu markieren.",
-        "adjustStep": "2. Anpassen",
-        "adjustDesc": "Ziehen Sie die Ränder des roten Bereichs, um genau den Bereich abzudecken, den Sie herausschneiden möchten."
-    },
+		"adjustStep": "2. Anpassen",
+		"adjustDesc": "Ziehen Sie die Ränder des roten Bereichs, um genau den Bereich abzudecken, den Sie herausschneiden möchten."
+	},
 	"feedback": {
-        "trigger": "Feedback",
-        "title": "Feedback & Kontakt",
-        "description": "Wenden Sie sich direkt an uns oder erstellen Sie ein Ticket, wenn etwas nicht funktioniert oder fehlt.",
-        "emailLabel": "E-Mail",
-        "xLabel": "X",
+		"trigger": "Feedback",
+		"title": "Feedback & Kontakt",
+		"description": "Wenden Sie sich direkt an uns oder erstellen Sie ein Ticket, wenn etwas nicht funktioniert oder fehlt.",
+		"emailLabel": "E-Mail",
+		"xLabel": "X",
 		"reportIssue": "Problem melden / Feedback senden",
-        "openFailed": "Link konnte nicht geöffnet werden."
-    },
-    "keyboardShortcuts": {
-        "trigger": "Tastenkombinationen",
-        "title": "Tastenkombinationen",
-        "description": "Kurzanleitung für die Steuerelemente der Zeitleiste und des Editors.",
+		"openFailed": "Link konnte nicht geöffnet werden."
+	},
+	"keyboardShortcuts": {
+		"trigger": "Tastenkombinationen",
+		"title": "Tastenkombinationen",
+		"description": "Kurzanleitung für die Steuerelemente der Zeitleiste und des Editors.",
 		"customizeTooltip": "Tastenkombinationen anpassen",
-        "customize": "Anpassen",
-        "panTimeline": "Zeitleiste verschieben",
-        "zoomTimeline": "Zeitleiste zoomen",
-        "cycleAnnotations": "Anmerkungen durchlaufen",
-        "tab": "Registerkarte"
-    },
+		"customize": "Anpassen",
+		"panTimeline": "Zeitleiste verschieben",
+		"zoomTimeline": "Zeitleiste zoomen",
+		"cycleAnnotations": "Anmerkungen durchlaufen",
+		"tab": "Registerkarte"
+	},
 	"actions": {
-        "saveAgain": "Erneut speichern",
-        "showInFolder": "In Ordner anzeigen"
-    },
-    "project": {
-        "untitled": "Unbenannt"
-    },
+		"saveAgain": "Erneut speichern",
+		"showInFolder": "In Ordner anzeigen"
+	},
+	"project": {
+		"untitled": "Unbenannt"
+	},
 	"nativeCaptureUnavailable": {
-        "title": "Es ist nichts kaputt, aber wir können kein animiertes Cursor-Overlay rendern.",
-        "description": "Ihr Gerät unterstützt keine native Erfassung. Dies kann verschiedene Gründe haben, die wir noch nicht ermittelt haben. Recordly funktioniert weiterhin, aber eine Cursor-Glättung ist nicht möglich.",
+		"title": "Es ist nichts kaputt, aber wir können kein animiertes Cursor-Overlay rendern.",
+		"description": "Ihr Gerät unterstützt keine native Erfassung. Dies kann verschiedene Gründe haben, die wir noch nicht ermittelt haben. Recordly funktioniert weiterhin, aber eine Cursor-Glättung ist nicht möglich.",
 		"confirm": "Okay"
-    },
-    "exportStatus": {
-        "exporting": "Exportieren",
-        "renderingFile": "Datei wird gerendert.",
-        "preparing": "Export wird vorbereitet...",
-        "completePercent": "{{percent}} % abgeschlossen",
+	},
+	"exportStatus": {
+		"exporting": "Exportieren",
+		"renderingFile": "Datei wird gerendert.",
+		"preparing": "Export wird vorbereitet...",
+		"completePercent": "{{percent}} % abgeschlossen",
 		"issue": "Problem beim Export",
-        "complete": "Export abgeschlossen",
-        "savedSuccessfully": "Deine Datei wurde erfolgreich gespeichert."
-    },
-    "export": {
-        "processingAudioEdits": "Audio mit Geschwindigkeits-/Overlay-Bearbeitungen wird verarbeitet"
-    },
-    "toolbar": {
+		"complete": "Export abgeschlossen",
+		"savedSuccessfully": "Deine Datei wurde erfolgreich gespeichert."
+	},
+	"export": {
+		"processingAudioEdits": "Audio mit Geschwindigkeits-/Overlay-Bearbeitungen wird verarbeitet"
+	},
+	"toolbar": {
 		"addLayer": "Ebene hinzufügen",
-        "splitClip": "Clip teilen (C)"
-    },
-    "timeline": {
-        "expand": "Zeitleiste erweitern",
-        "collapse": "Zeitleiste reduzieren"
-    },
-    "openRecordingsFolder": "Aufnahmeordner öffnen"
+		"splitClip": "Clip teilen (C)"
+	},
+	"timeline": {
+		"expand": "Zeitleiste erweitern",
+		"collapse": "Zeitleiste reduzieren"
+	},
+	"openRecordingsFolder": "Aufnahmeordner öffnen"
 }
diff --git a/src/i18n/locales/de/extensions.json b/src/i18n/locales/de/extensions.json
index 5fefcdecf..1b6ab83fc 100644
--- a/src/i18n/locales/de/extensions.json
+++ b/src/i18n/locales/de/extensions.json
@@ -1,60 +1,60 @@
 {
-    "title": "Erweiterungen",
-    "tabs": {
-        "browse": "Durchsuchen",
-        "installed": "Installiert"
-    },
-    "actions": {
-        "submit": "Erweiterung einreichen",
-        "docs": "Dokumentation zu Erweiterungen",
+	"title": "Erweiterungen",
+	"tabs": {
+		"browse": "Durchsuchen",
+		"installed": "Installiert"
+	},
+	"actions": {
+		"submit": "Erweiterung einreichen",
+		"docs": "Dokumentation zu Erweiterungen",
 		"refresh": "Aktualisieren",
-        "openFolder": "Erweiterungsordner öffnen",
-        "uninstall": "Deinstallieren",
-        "install": "Installieren",
-        "installing": "Wird installiert",
-        "add": "Hinzufügen",
-        "retry": "Wiederholen",
+		"openFolder": "Erweiterungsordner öffnen",
+		"uninstall": "Deinstallieren",
+		"install": "Installieren",
+		"installing": "Wird installiert",
+		"add": "Hinzufügen",
+		"retry": "Wiederholen",
 		"close": "Schließen",
-        "folder": "Ordner"
-    },
-    "status": {
-        "enabled": "Aktiviert",
-        "disabled": "Deaktiviert",
-        "installed": "Installiert"
-    },
-    "detail": {
+		"folder": "Ordner"
+	},
+	"status": {
+		"enabled": "Aktiviert",
+		"disabled": "Deaktiviert",
+		"installed": "Installiert"
+	},
+	"detail": {
 		"by": "Von {{author}}",
-        "unknownAuthor": "Unbekannter Autor",
-        "noDescription": "Keine Beschreibung",
-        "downloads": "{{count}} Downloads",
-        "preview": "Vorschau",
+		"unknownAuthor": "Unbekannter Autor",
+		"noDescription": "Keine Beschreibung",
+		"downloads": "{{count}} Downloads",
+		"preview": "Vorschau",
 		"screenshotAlt": "Screenshot {{number}}",
-        "description": "Beschreibung",
-        "tags": "Tags",
-        "permissions": "Berechtigungen",
-        "location": "Speicherort",
-        "error": "Fehler: {{message}}"
-    },
+		"description": "Beschreibung",
+		"tags": "Tags",
+		"permissions": "Berechtigungen",
+		"location": "Speicherort",
+		"error": "Fehler: {{message}}"
+	},
 	"empty": {
-        "title": "Keine Erweiterungen",
-        "description": "Installiere Erweiterungen, um Rahmen, Cursor-Effekte und Editor-Werkzeuge hinzuzufügen."
-    },
-    "search": {
-        "placeholder": "Erweiterungen suchen...",
+		"title": "Keine Erweiterungen",
+		"description": "Installiere Erweiterungen, um Rahmen, Cursor-Effekte und Editor-Werkzeuge hinzuzufügen."
+	},
+	"search": {
+		"placeholder": "Erweiterungen suchen...",
 		"noResults": "Keine Erweiterungen gefunden",
-        "noMarketplace": "Noch keine Erweiterungen im Marktplatz verfügbar",
-        "count": "{{count}} Erweiterung",
-        "countPlural": "{{count}} Erweiterungen"
-    },
-    "toast": {
+		"noMarketplace": "Noch keine Erweiterungen im Marktplatz verfügbar",
+		"count": "{{count}} Erweiterung",
+		"countPlural": "{{count}} Erweiterungen"
+	},
+	"toast": {
 		"installedAndEnabled": "Erweiterung installiert und aktiviert",
-        "uninstalled": "{{name}} deinstalliert",
-        "uninstallFailed": "Deinstallation von {{name}} fehlgeschlagen",
-        "searchFailed": "Suche im Marktplatz fehlgeschlagen",
-        "refreshed": "Erweiterungen aktualisiert",
+		"uninstalled": "{{name}} deinstalliert",
+		"uninstallFailed": "Deinstallation von {{name}} fehlgeschlagen",
+		"searchFailed": "Suche im Marktplatz fehlgeschlagen",
+		"refreshed": "Erweiterungen aktualisiert",
 		"refreshFailed": "Erweiterungen konnten nicht aktualisiert werden",
-        "marketplaceInstalled": "{{name}} wurde installiert und aktiviert",
-        "marketplaceInstallFailed": "Die Installation von {{name}} ist fehlgeschlagen",
-        "enableFailed": "Die Aktivierung der Erweiterung ist fehlgeschlagen"
-    }
-}
\ No newline at end of file
+		"marketplaceInstalled": "{{name}} wurde installiert und aktiviert",
+		"marketplaceInstallFailed": "Die Installation von {{name}} ist fehlgeschlagen",
+		"enableFailed": "Die Aktivierung der Erweiterung ist fehlgeschlagen"
+	}
+}
diff --git a/src/i18n/locales/de/launch.json b/src/i18n/locales/de/launch.json
index 8574ff13b..a9bd70a57 100644
--- a/src/i18n/locales/de/launch.json
+++ b/src/i18n/locales/de/launch.json
@@ -1,71 +1,71 @@
 {
 	"recording": {
-        "disableSystemAudio": "System-Audio deaktivieren",
-        "enableSystemAudio": "System-Audio aktivieren",
-        "disableMicrophone": "Mikrofon deaktivieren",
-        "enableMicrophone": "Mikrofon aktivieren",
+		"disableSystemAudio": "System-Audio deaktivieren",
+		"enableSystemAudio": "System-Audio aktivieren",
+		"disableMicrophone": "Mikrofon deaktivieren",
+		"enableMicrophone": "Mikrofon aktivieren",
 		"micToggleDisabledTip": "Mikrofon kann während der Aufnahme nicht umgeschaltet werden",
-        "disableWebcam": "Webcam-Overlay deaktivieren",
-        "enableWebcam": "Webcam-Overlay aktivieren",
-        "countdownDelay": "Countdown-Verzögerung",
-        "noDelay": "Keine Verzögerung",
+		"disableWebcam": "Webcam-Overlay deaktivieren",
+		"enableWebcam": "Webcam-Overlay aktivieren",
+		"countdownDelay": "Countdown-Verzögerung",
+		"noDelay": "Keine Verzögerung",
 		"record": "Aufnehmen",
-        "recordingFolder": "Pfad zu den Aufzeichnungen: {{path}}",
-        "chooseRecordingsFolder": "Pfad zu den Aufzeichnungen auswählen",
-        "folderPath": "Pfad: /{{name}}/",
-        "openVideoFile": "Videodatei öffnen",
+		"recordingFolder": "Pfad zu den Aufzeichnungen: {{path}}",
+		"chooseRecordingsFolder": "Pfad zu den Aufzeichnungen auswählen",
+		"folderPath": "Pfad: /{{name}}/",
+		"openVideoFile": "Videodatei öffnen",
 		"openProject": "Projekt öffnen",
-        "hideHudFromVideo": "HUD in der Aufnahme ausblenden",
-        "showHudInVideo": "HUD in der Aufnahme anzeigen",
-        "hideHud": "HUD ausblenden",
-        "closeApp": "App schließen",
+		"hideHudFromVideo": "HUD in der Aufnahme ausblenden",
+		"showHudInVideo": "HUD in der Aufnahme anzeigen",
+		"hideHud": "HUD ausblenden",
+		"closeApp": "App schließen",
 		"screens": "Bildschirme",
-        "windows": "Fenster",
-        "screen": "Bildschirm",
-        "window": "Fenster",
-        "noSourcesFound": "Keine Quellen gefunden",
-        "microphone": "Mikrofon",
-        "turnOffMicrophone": "Mikrofon ausschalten",
+		"windows": "Fenster",
+		"screen": "Bildschirm",
+		"window": "Fenster",
+		"noSourcesFound": "Keine Quellen gefunden",
+		"microphone": "Mikrofon",
+		"turnOffMicrophone": "Mikrofon ausschalten",
 		"selectMicToEnable": "Mikrofon zum Aktivieren auswählen",
-        "noMicrophonesFound": "Keine Mikrofone gefunden",
-        "webcam": "Webcam",
-        "turnOffWebcam": "Webcam ausschalten",
-        "hideFloatingWebcamPreview": "Schwebende Vorschau ausblenden",
+		"noMicrophonesFound": "Keine Mikrofone gefunden",
+		"webcam": "Webcam",
+		"turnOffWebcam": "Webcam ausschalten",
+		"hideFloatingWebcamPreview": "Schwebende Vorschau ausblenden",
 		"showFloatingWebcamPreview": "Schwebende Vorschau anzeigen",
-        "selectWebcamToEnable": "Webcam zum Aktivieren auswählen",
-        "noWebcamsFound": "Keine Webcams gefunden",
-        "recordingsFolder": "Pfad zu den Aufzeichnungen",
-        "language": "Sprache",
+		"selectWebcamToEnable": "Webcam zum Aktivieren auswählen",
+		"noWebcamsFound": "Keine Webcams gefunden",
+		"recordingsFolder": "Pfad zu den Aufzeichnungen",
+		"language": "Sprache",
 		"paused": "PAUSIERT",
-        "rec": "AUFNAHME",
-        "resume": "Fortsetzen",
-        "pause": "Pause",
-        "stop": "Stopp",
-        "cancel": "Abbrechen",
-        "more": "Mehr",
+		"rec": "AUFNAHME",
+		"resume": "Fortsetzen",
+		"pause": "Pause",
+		"stop": "Stopp",
+		"cancel": "Abbrechen",
+		"more": "Mehr",
 		"update": {
-            "update": "Aktualisieren",
-            "updated": "Aktualisiert",
-            "idleTitle": "Nach Updates suchen.",
-            "checkingTitle": "Nach Updates suchen...",
-            "downloadingTitle": "Update wird heruntergeladen...",
+			"update": "Aktualisieren",
+			"updated": "Aktualisiert",
+			"idleTitle": "Nach Updates suchen.",
+			"checkingTitle": "Nach Updates suchen...",
+			"downloadingTitle": "Update wird heruntergeladen...",
 			"errorTitle": "Update-Prüfung fehlgeschlagen. Klicken Sie hier, um es erneut zu versuchen.",
-            "upToDateTitle": "Recordly {{version}} ist auf dem neuesten Stand.",
-            "availableTitle": "Recordly {{version}} ist verfügbar.",
-            "availableGenericTitle": "Ein Update ist verfügbar."
-        }
+			"upToDateTitle": "Recordly {{version}} ist auf dem neuesten Stand.",
+			"availableTitle": "Recordly {{version}} ist verfügbar.",
+			"availableGenericTitle": "Ein Update ist verfügbar."
+		}
 	},
-    "sourceSelector": {
-        "loadingSources": "Quellen werden geladen...",
-        "screens": "Bildschirme",
-        "windows": "Fenster",
-        "noScreensAvailable": "Keine Bildschirme verfügbar",
+	"sourceSelector": {
+		"loadingSources": "Quellen werden geladen...",
+		"screens": "Bildschirme",
+		"windows": "Fenster",
+		"noScreensAvailable": "Keine Bildschirme verfügbar",
 		"noWindowsAvailable": "Keine Fenster verfügbar",
-        "windowsNote": "Es können nur sichtbare (nicht minimierte) Fenster aufgezeichnet werden.",
-        "windowPlaceholder": "Fenster",
-        "cancel": "Abbrechen",
-        "share": "Teilen"
-    },
+		"windowsNote": "Es können nur sichtbare (nicht minimierte) Fenster aufgezeichnet werden.",
+		"windowPlaceholder": "Fenster",
+		"cancel": "Abbrechen",
+		"share": "Teilen"
+	},
 	"permissions": {
 		"screenRecordingNeeded": "Recordly benötigt die Berechtigung zur Bildschirmaufzeichnung, bevor Sie beginnen können. Die Systemeinstellungen wurden geöffnet. Schließen Sie Recordly nach der Aktivierung und starten Sie es erneut.",
 		"screenRecordingMissing": "Die Berechtigung für die Bildschirmaufzeichnung fehlt noch. Die Systemeinstellungen wurden erneut geöffnet. Aktivieren Sie die Berechtigung, schließen Sie Recordly anschließend und starten Sie die Anwendung vor der Aufzeichnung erneut.",
diff --git a/src/i18n/locales/de/settings.json b/src/i18n/locales/de/settings.json
index 2f1f57e7c..188b4cf57 100644
--- a/src/i18n/locales/de/settings.json
+++ b/src/i18n/locales/de/settings.json
@@ -1,102 +1,102 @@
 {
 	"zoom": {
-        "level": "Zoomstufe",
-        "selectRegion": "Zoombereich zum Anpassen auswählen",
-        "deleteZoom": "Zoom löschen",
-        "modeAuto": "Automatisch",
-        "modeManual": "Manuell",
+		"level": "Zoomstufe",
+		"selectRegion": "Zoombereich zum Anpassen auswählen",
+		"deleteZoom": "Zoom löschen",
+		"modeAuto": "Automatisch",
+		"modeManual": "Manuell",
 		"modeManualDescription": "Legen Sie einen festen Fokuspunkt für diesen Zoom fest",
-        "modeAutoDescription": "Die Kamera zentriert sich neu, wenn sich der Cursor dem Rand der gezoomten Ansicht nähert"
-    },
-    "trim": {
-        "deleteRegion": "Trimmbereich löschen"
-    },
+		"modeAutoDescription": "Die Kamera zentriert sich neu, wenn sich der Cursor dem Rand der gezoomten Ansicht nähert"
+	},
+	"trim": {
+		"deleteRegion": "Trimmbereich löschen"
+	},
 	"speed": {
-        "playbackSpeed": "Wiedergabegeschwindigkeit",
-        "selectRegion": "Wähle einen Geschwindigkeitsbereich zum Anpassen aus",
-        "deleteRegion": "Geschwindigkeitsbereich löschen",
-        "label": "Geschwindigkeit"
-    },
-    "clip": {
+		"playbackSpeed": "Wiedergabegeschwindigkeit",
+		"selectRegion": "Wähle einen Geschwindigkeitsbereich zum Anpassen aus",
+		"deleteRegion": "Geschwindigkeitsbereich löschen",
+		"label": "Geschwindigkeit"
+	},
+	"clip": {
 		"title": "Clip",
-        "mute": "Stummschalten",
-        "mutedState": "Audio ist stummgeschaltet",
-        "unmutedState": "Audio wird wiedergegeben",
-        "separateClipFromAudio": "Clip vom Audio trennen",
-        "delete": "Clip löschen"
-    },
+		"mute": "Stummschalten",
+		"mutedState": "Audio ist stummgeschaltet",
+		"unmutedState": "Audio wird wiedergegeben",
+		"separateClipFromAudio": "Clip vom Audio trennen",
+		"delete": "Clip löschen"
+	},
 	"effects": {
-        "title": "Videoeffekte",
-        "show": "Anzeigen",
-        "showCursor": "Cursor anzeigen",
-        "loopCursor": "Cursor wiederholen",
-        "cursorStyle": "Cursorstil",
+		"title": "Videoeffekte",
+		"show": "Anzeigen",
+		"showCursor": "Cursor anzeigen",
+		"loopCursor": "Cursor wiederholen",
+		"cursorStyle": "Cursorstil",
 		"cursorStyleOptions": {
-            "macos": "macOS",
-            "tahoe": "Tahoe",
-            "tahoe-inverted": "Tahoe invertiert",
-            "dot": "Punkt",
-            "figma": "Minimal",
+			"macos": "macOS",
+			"tahoe": "Tahoe",
+			"tahoe-inverted": "Tahoe invertiert",
+			"dot": "Punkt",
+			"figma": "Minimal",
 			"lavender": "Lavender",
-            "parched": "Parched",
-            "chooper": "Chooper",
-            "amongus": "Among Us",
-            "turtle": "Turtle"
-        },
+			"parched": "Parched",
+			"chooper": "Chooper",
+			"amongus": "Among Us",
+			"turtle": "Turtle"
+		},
 		"backgroundBlur": "Unschärfe",
-        "zoomMotionBlur": "Zoom-Bewegungsunschärfe",
-        "temporalZoomMotionBlur": "Zeitliche Zoom-Bewegungsunschärfe",
-        "temporalZoomMotionBlurDescription": "Steuert das Verschlussfenster und die Bildausschnitte, die vom neueren Zoom-Bewegungsunschärfe-Durchlauf verwendet werden.",
+		"zoomMotionBlur": "Zoom-Bewegungsunschärfe",
+		"temporalZoomMotionBlur": "Zeitliche Zoom-Bewegungsunschärfe",
+		"temporalZoomMotionBlurDescription": "Steuert das Verschlussfenster und die Bildausschnitte, die vom neueren Zoom-Bewegungsunschärfe-Durchlauf verwendet werden.",
 		"zoomMotionBlurSamples": "Unschärfe-Samples",
-        "zoomMotionBlurShutter": "Verschluss",
-        "auto": "Auto",
-        "connectZooms": "Zooms verbinden",
-        "connectZoomsDescription": "Füge aufeinanderfolgende Zoom-Bereiche zu einer kontinuierlichen Kamerabewegung zusammen.",
+		"zoomMotionBlurShutter": "Verschluss",
+		"auto": "Auto",
+		"connectZooms": "Zooms verbinden",
+		"connectZoomsDescription": "Füge aufeinanderfolgende Zoom-Bereiche zu einer kontinuierlichen Kamerabewegung zusammen.",
 		"autoApplyFreshRecordingZooms": "Neue Aufzeichnungszooms automatisch anwenden",
-        "autoApplyFreshRecordingZoomsDescription": "Schlägt beim Öffnen einer neuen Aufzeichnung automatisch Zooms zur Randzentrierung vor.",
-        "zoomGeneralTitle": "Allgemein",
-        "zoomGeneralDescription": "Globale Bewegungseinstellungen für jeden Zoomübergang.",
+		"autoApplyFreshRecordingZoomsDescription": "Schlägt beim Öffnen einer neuen Aufzeichnung automatisch Zooms zur Randzentrierung vor.",
+		"zoomGeneralTitle": "Allgemein",
+		"zoomGeneralDescription": "Globale Bewegungseinstellungen für jeden Zoomübergang.",
 		"zoomInTitle": "Vergrößern",
-        "zoomInDescription": "Steuern Sie, wie die Kamera in einen Zoom-Bereich einzoomt.",
-        "zoomOutTitle": "Verkleinern",
-        "zoomOutDescription": "Steuern Sie, wie die Kamera aus einem Zoom-Bereich herauszoomt.",
+		"zoomInDescription": "Steuern Sie, wie die Kamera in einen Zoom-Bereich einzoomt.",
+		"zoomOutTitle": "Verkleinern",
+		"zoomOutDescription": "Steuern Sie, wie die Kamera aus einem Zoom-Bereich herauszoomt.",
 		"connectedZoomTitle": "Zwischen Zooms",
-        "connectedZoomDescription": "Passen Sie den Übergang zwischen aufeinanderfolgenden Zoom-Bereichen an, wenn die Verbindung aktiviert ist.",
-        "motionPresetsTitle": "Bewegungsvoreinstellungen",
-        "motionPresetsZoomHint": "Zoom-Bewegungsvoreinstellungen sind in den Einstellungen verfügbar.",
-        "animationPresets": "Animationsvoreinstellungen",
+		"connectedZoomDescription": "Passen Sie den Übergang zwischen aufeinanderfolgenden Zoom-Bereichen an, wenn die Verbindung aktiviert ist.",
+		"motionPresetsTitle": "Bewegungsvoreinstellungen",
+		"motionPresetsZoomHint": "Zoom-Bewegungsvoreinstellungen sind in den Einstellungen verfügbar.",
+		"animationPresets": "Animationsvoreinstellungen",
 		"cursorMotionPresets": "Cursor-Bewegungsvoreinstellungen",
-        "motionPresets": {
-            "focused": {
-                "label": "Fokussiert",
-                "description": "Schnellere Bewegung für Demos, Walkthroughs und alltägliche Aufnahmen."
-            },
+		"motionPresets": {
+			"focused": {
+				"label": "Fokussiert",
+				"description": "Schnellere Bewegung für Demos, Walkthroughs und alltägliche Aufnahmen."
+			},
 			"smooth": {
-                "label": "Sanft",
-                "description": "Sanftere Bewegung für Präsentationen, Keynote-artige Videos und ausgefeilte Enthüllungen."
-            }
-        },
-        "zoomInDuration": "Dauer des Heranzoomens",
-        "zoomInOverlap": "Überlappung beim Heranzoomen",
+				"label": "Sanft",
+				"description": "Sanftere Bewegung für Präsentationen, Keynote-artige Videos und ausgefeilte Enthüllungen."
+			}
+		},
+		"zoomInDuration": "Dauer des Heranzoomens",
+		"zoomInOverlap": "Überlappung beim Heranzoomen",
 		"zoomOutDuration": "Zoom-Out-Dauer",
-        "zoomInEasing": "Zoom-In-Kurve",
-        "zoomOutEasing": "Zoom-Out-Kurve",
-        "connectedZoomGap": "Lücke bei verbundenem Zoom",
-        "connectedZoomDuration": "Dauer bei verbundenem Zoom",
+		"zoomInEasing": "Zoom-In-Kurve",
+		"zoomOutEasing": "Zoom-Out-Kurve",
+		"connectedZoomGap": "Lücke bei verbundenem Zoom",
+		"connectedZoomDuration": "Dauer bei verbundenem Zoom",
 		"connectedZoomEasing": "Kurve für verbundenen Schwenk",
-        "zoomEasingOptions": {
-            "recordly": "Recordly",
-            "glide": "Glide",
-            "smooth": "Smooth",
-            "snappy": "Snappy",
+		"zoomEasingOptions": {
+			"recordly": "Recordly",
+			"glide": "Glide",
+			"smooth": "Smooth",
+			"snappy": "Snappy",
 			"linear": "Linear"
-        },
-        "cursorSize": "Cursorgröße",
-        "cursorSmoothing": "Cursor-Glättung",
-        "cursorSpringStiffness": "Cursor-Federkonstante",
+		},
+		"cursorSize": "Cursorgröße",
+		"cursorSmoothing": "Cursor-Glättung",
+		"cursorSpringStiffness": "Cursor-Federkonstante",
 		"cursorSpringDamping": "Cursor-Federdämpfung",
-        "cursorSpringMass": "Cursor-Federmasse",
-        "off": "Aus",
+		"cursorSpringMass": "Cursor-Federmasse",
+		"off": "Aus",
 		"cursorClickEffects": {
 			"title": "Klick-Effekte",
 			"advanced": "Erweitert",
@@ -123,49 +123,49 @@
 				"description": "Ein Paar sanfter Ringe, die sich mit einem klareren Impuls nach außen ausbreiten."
 			}
 		},
-        "cursorMotionBlur": "Cursor-Bewegungsunschärfe",
-        "cursorClickBounce": "Cursor-Klick-Rückprall",
+		"cursorMotionBlur": "Cursor-Bewegungsunschärfe",
+		"cursorClickBounce": "Cursor-Klick-Rückprall",
 		"cursorClickBounceDuration": "Sprunggeschwindigkeit",
-        "cursorSway": "Cursor-Schwankung",
-        "webcam": "Webcam-Overlay",
-        "webcamFootage": "Webcam-Aufnahmen",
-        "webcamFootageDescription": "Zu diesem Video sind keine Webcam-Aufnahmen verknüpft",
+		"cursorSway": "Cursor-Schwankung",
+		"webcam": "Webcam-Overlay",
+		"webcamFootage": "Webcam-Aufnahmen",
+		"webcamFootageDescription": "Zu diesem Video sind keine Webcam-Aufnahmen verknüpft",
 		"uploadWebcamFootage": "Aufnahmen hochladen",
-        "replaceWebcamFootage": "Aufnahmen ersetzen",
-        "removeWebcamFootage": "Aufnahmen entfernen",
+		"replaceWebcamFootage": "Aufnahmen ersetzen",
+		"removeWebcamFootage": "Aufnahmen entfernen",
 		"webcamFootageAdded": "Webcam-Aufnahmen verknüpft",
-        "webcamFootageRemoved": "Webcam-Aufnahmen entfernt",
+		"webcamFootageRemoved": "Webcam-Aufnahmen entfernt",
 		"webcamSize": "Webcam-Größe",
 		"webcamWidth": "Webcam-Breite",
 		"webcamHeight": "Webcam-Höhe",
-        "webcamCrop": "Webcam zuschneiden",
-        "webcamReactToZoom": "Webcam reagiert auf Zoom",
-        "webcamMirror": "Webcam spiegeln",
-        "webcamRoundness": "Webcam-Rundung",
+		"webcamCrop": "Webcam zuschneiden",
+		"webcamReactToZoom": "Webcam reagiert auf Zoom",
+		"webcamMirror": "Webcam spiegeln",
+		"webcamRoundness": "Webcam-Rundung",
 		"webcamShadow": "Webcam-Schatten",
-        "shadow": "Schatten",
-        "radius": "Radius",
-        "roundness": "Rundung",
-        "padding": "Abstand",
-        "paddingLinked": "Verknüpft (gleichmäßig)",
+		"shadow": "Schatten",
+		"radius": "Radius",
+		"roundness": "Rundung",
+		"padding": "Abstand",
+		"paddingLinked": "Verknüpft (gleichmäßig)",
 		"paddingUnlinked": "Unverknüpft (asymmetrisch)",
-        "paddingTop": "Oben",
-        "paddingBottom": "Unten",
-        "paddingLeft": "Links",
-        "paddingRight": "Rechts",
-        "removeBackground": "Hintergrund entfernen"
-    },
+		"paddingTop": "Oben",
+		"paddingBottom": "Unten",
+		"paddingLeft": "Links",
+		"paddingRight": "Rechts",
+		"removeBackground": "Hintergrund entfernen"
+	},
 	"sections": {
-        "scene": "Szene",
-        "captions": "Untertitel",
+		"scene": "Szene",
+		"captions": "Untertitel",
 		"caption": "Untertitel",
-        "zoom": "Zoom",
-        "cursor": "Cursor",
-        "webcam": "Webcam",
-        "frame": "Bild",
+		"zoom": "Zoom",
+		"cursor": "Cursor",
+		"webcam": "Webcam",
+		"frame": "Bild",
 		"crop": "Zuschneiden"
-    },
-    "captions": {
+	},
+	"captions": {
 		"selectOnTimeline": "Wählen Sie einen Untertitel auf der Zeitleiste aus, um ihn zu bearbeiten.",
 		"enabled": "Anzeigen",
 		"timelineQuickAdd": "Mit der Maus darüberfahren, um zur Zeitleiste hinzuzufügen",
@@ -180,18 +180,18 @@
 		"clearFull": "Untertitel entfernen",
 		"fontSettings": "Schriftart-Einstellungen",
 		"defaultFont": "Standard",
-        "fontFamily": "Schriftart",
-        "fontSize": "Schriftgröße",
+		"fontFamily": "Schriftart",
+		"fontSize": "Schriftgröße",
 		"rowCount": "Zeilen",
-        "animation": "Animation",
-        "animationOff": "Aus",
-        "animationFade": "Einblenden",
+		"animation": "Animation",
+		"animationOff": "Aus",
+		"animationFade": "Einblenden",
 		"animationRise": "Aufsteigen",
-        "animationPop": "Aufspringen",
-        "bottomOffset": "Versatz unten",
-        "maxWidth": "Maximale Breite",
-        "boxRadius": "Radius der Box",
-        "backgroundOpacity": "Hintergrundtransparenz",
+		"animationPop": "Aufspringen",
+		"bottomOffset": "Versatz unten",
+		"maxWidth": "Maximale Breite",
+		"boxRadius": "Radius der Box",
+		"backgroundOpacity": "Hintergrundtransparenz",
 		"textColor": "Textfarbe",
 		"editor": {
 			"text": "Text",
@@ -202,57 +202,57 @@
 			"delete": "Löschen"
 		}
 	},
-    "crop": {
-        "title": "Video zuschneiden",
-        "instruction": "Ziehe an jeder Seite, um den Zuschneidebereich anzupassen",
-        "top": "Oben",
-        "bottom": "Unten",
-        "left": "Links",
+	"crop": {
+		"title": "Video zuschneiden",
+		"instruction": "Ziehe an jeder Seite, um den Zuschneidebereich anzupassen",
+		"top": "Oben",
+		"bottom": "Unten",
+		"left": "Links",
 		"right": "Rechts",
-        "openEditor": "Zuschneide-Editor öffnen"
-    },
-    "background": {
-        "title": "Hintergrund",
-        "image": "Bild",
-        "color": "Farbe",
-        "gradient": "Farbverlauf",
+		"openEditor": "Zuschneide-Editor öffnen"
+	},
+	"background": {
+		"title": "Hintergrund",
+		"image": "Bild",
+		"color": "Farbe",
+		"gradient": "Farbverlauf",
 		"wallpaperPreview": "Vorschau des Hintergrundbildes",
-        "uploadCustom": "Benutzerdefiniertes Bild hochladen",
-        "uploadSuccess": "Benutzerdefiniertes Bild erfolgreich hochgeladen!",
-        "uploadError": "Bitte lade eine JPG- oder JPEG-Bilddatei hoch.",
-        "uploadErrorDescription": "Es werden nur JPG- und JPEG-Bilder unterstützt."
-    } ,
-    "export": {
-        "title": "Exportieren",
-        "mp4": "MP4",
-        "gif": "GIF",
-        "quality": {
-            "low": "Niedrig",
-            "medium": "Mittel",
+		"uploadCustom": "Benutzerdefiniertes Bild hochladen",
+		"uploadSuccess": "Benutzerdefiniertes Bild erfolgreich hochgeladen!",
+		"uploadError": "Bitte lade eine JPG- oder JPEG-Bilddatei hoch.",
+		"uploadErrorDescription": "Es werden nur JPG- und JPEG-Bilder unterstützt."
+	},
+	"export": {
+		"title": "Exportieren",
+		"mp4": "MP4",
+		"gif": "GIF",
+		"quality": {
+			"low": "Niedrig",
+			"medium": "Mittel",
 			"high": "Hoch",
-            "original": "Original"
-        },
-        "fpsTitle": "FPS",
-        "loop": "Wiederholen",
-        "outputDimensions": "Ausgabe: {{dimensions}}px",
-        "sizePresetOriginalShort": "Orig",
+			"original": "Original"
+		},
+		"fpsTitle": "FPS",
+		"loop": "Wiederholen",
+		"outputDimensions": "Ausgabe: {{dimensions}}px",
+		"sizePresetOriginalShort": "Orig",
 		"sizePresetMediumShort": "Med",
-        "sizePresetLargeShort": "Lar",
-        "loadProject": "Projekt laden",
-        "saveProject": "Projekt speichern",
+		"sizePresetLargeShort": "Lar",
+		"loadProject": "Projekt laden",
+		"saveProject": "Projekt speichern",
 		"exportVideo": "{{format}} exportieren",
-        "reportBug": "Fehler melden",
-        "starOnGithub": "Auf GitHub markieren"
-    },
-    "audio": {
-        "title": "Audio",
-        "volumeTitle": "Audio",
-        "volume": "Lautstärke",
+		"reportBug": "Fehler melden",
+		"starOnGithub": "Auf GitHub markieren"
+	},
+	"audio": {
+		"title": "Audio",
+		"volumeTitle": "Audio",
+		"volume": "Lautstärke",
 		"normalize": "Normalisieren",
-        "sourceTracksTitle": "Clip-Quellaudio",
-        "systemLabel": "Quellsystem",
-        "micLabel": "Quellmikrofon",
-        "mixedLabel": "Quelle",
-        "deleteRegion": "Audio löschen"
-    }
+		"sourceTracksTitle": "Clip-Quellaudio",
+		"systemLabel": "Quellsystem",
+		"micLabel": "Quellmikrofon",
+		"mixedLabel": "Quelle",
+		"deleteRegion": "Audio löschen"
+	}
 }
diff --git a/src/i18n/locales/de/shortcuts.json b/src/i18n/locales/de/shortcuts.json
index aed2dcc73..fc00e5a5b 100644
--- a/src/i18n/locales/de/shortcuts.json
+++ b/src/i18n/locales/de/shortcuts.json
@@ -1,16 +1,16 @@
 {
-    "actions": {
-        "addZoom": "Zoom hinzufügen",
-        "addTrim": "Trimmen hinzufügen",
-        "addSpeed": "Geschwindigkeit hinzufügen",
-        "addAnnotation": "Anmerkung hinzufügen",
+	"actions": {
+		"addZoom": "Zoom hinzufügen",
+		"addTrim": "Trimmen hinzufügen",
+		"addSpeed": "Geschwindigkeit hinzufügen",
+		"addAnnotation": "Anmerkung hinzufügen",
 		"addKeyframe": "Keyframe hinzufügen",
-        "deleteSelected": "Ausgewählte löschen",
-        "playPause": "Wiedergabe / Pause",
+		"deleteSelected": "Ausgewählte löschen",
+		"playPause": "Wiedergabe / Pause",
 		"cycleForward": "Anmerkungen vorwärts durchlaufen",
-        "cycleBackward": "Anmerkungen rückwärts durchlaufen",
-        "deleteSelectedAlt": "Ausgewählte löschen (Alt)",
-        "panTimeline": "Zeitleiste verschieben",
-        "zoomTimeline": "Zeitleiste zoomen"
-    }
-}
\ No newline at end of file
+		"cycleBackward": "Anmerkungen rückwärts durchlaufen",
+		"deleteSelectedAlt": "Ausgewählte löschen (Alt)",
+		"panTimeline": "Zeitleiste verschieben",
+		"zoomTimeline": "Zeitleiste zoomen"
+	}
+}
diff --git a/src/i18n/locales/de/timeline.json b/src/i18n/locales/de/timeline.json
index 493e3be92..6e916dfca 100644
--- a/src/i18n/locales/de/timeline.json
+++ b/src/i18n/locales/de/timeline.json
@@ -1,41 +1,41 @@
 {
-    "zoom": {
-        "cannotPlace": "Zoom kann hier nicht platziert werden",
-        "existsOrNoSpace": "Zoom existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
-        "suggestHandlerUnavailable": "Zoom-Vorschlags-Handler nicht verfügbar",
+	"zoom": {
+		"cannotPlace": "Zoom kann hier nicht platziert werden",
+		"existsOrNoSpace": "Zoom existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
+		"suggestHandlerUnavailable": "Zoom-Vorschlags-Handler nicht verfügbar",
 		"noTelemetry": "Keine Cursor-Telemetrie verfügbar",
-        "recordFirst": "Nehmen Sie zuerst einen Screencast auf, um cursorbasierte Vorschläge zu generieren.",
-        "noUsableTelemetry": "Keine verwertbare Cursor-Telemetrie",
-        "notEnoughMovement": "Die Aufnahme enthält nicht genügend Daten zur Cursorbewegung.",
+		"recordFirst": "Nehmen Sie zuerst einen Screencast auf, um cursorbasierte Vorschläge zu generieren.",
+		"noUsableTelemetry": "Keine verwertbare Cursor-Telemetrie",
+		"notEnoughMovement": "Die Aufnahme enthält nicht genügend Daten zur Cursorbewegung.",
 		"noInteractionMoments": "Keine eindeutigen Interaktionsmomente gefunden",
-        "tryRecording": "Versuchen Sie eine Aufnahme mit Pausen oder Klicks an wichtigen Stellen.",
-        "noAutoZoomSlots": "Keine Auto-Zoom-Slots verfügbar",
-        "dwellPointsOverlap": "Erkannte Verweildauerpunkte überschneiden sich mit bestehenden Zoom-Bereichen.",
+		"tryRecording": "Versuchen Sie eine Aufnahme mit Pausen oder Klicks an wichtigen Stellen.",
+		"noAutoZoomSlots": "Keine Auto-Zoom-Slots verfügbar",
+		"dwellPointsOverlap": "Erkannte Verweildauerpunkte überschneiden sich mit bestehenden Zoom-Bereichen.",
 		"addedSuggestions": "{{count}} interaktionsbasierte Zoomvorschläge hinzugefügt",
-        "label": "Zoom {{index}}",
-        "addZoom": "Zoom hinzufügen (Z)",
-        "suggestZooms": "Zooms vom Cursor vorschlagen"
-    },
-    "trim": {
+		"label": "Zoom {{index}}",
+		"addZoom": "Zoom hinzufügen (Z)",
+		"suggestZooms": "Zooms vom Cursor vorschlagen"
+	},
+	"trim": {
 		"cannotPlace": "Trim kann hier nicht platziert werden",
-        "existsOrNoSpace": "Trim existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
-        "label": "Trim {{index}}",
-        "addTrim": "Trim hinzufügen (T)"
-    },
-    "speed": {
+		"existsOrNoSpace": "Trim existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
+		"label": "Trim {{index}}",
+		"addTrim": "Trim hinzufügen (T)"
+	},
+	"speed": {
 		"cannotPlace": "Geschwindigkeit kann hier nicht platziert werden",
-        "existsOrNoSpace": "Geschwindigkeitsbereich existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
-        "label": "Geschwindigkeit"
-    },
-    "annotation": {
-        "label": "Anmerkung",
-        "image": "Bild",
+		"existsOrNoSpace": "Geschwindigkeitsbereich existiert bereits an dieser Stelle oder es ist nicht genügend Platz verfügbar.",
+		"label": "Geschwindigkeit"
+	},
+	"annotation": {
+		"label": "Anmerkung",
+		"image": "Bild",
 		"addAnnotation": "Anmerkung hinzufügen (A)"
-    },
-    "audio": {
-        "label": "Audio"
-    },
-    "addSpeed": "Geschwindigkeit hinzufügen (S)",
-    "resizeLeft": "Größe links anpassen",
-    "resizeRight": "Größe rechts anpassen"
-}
\ No newline at end of file
+	},
+	"audio": {
+		"label": "Audio"
+	},
+	"addSpeed": "Geschwindigkeit hinzufügen (S)",
+	"resizeLeft": "Größe links anpassen",
+	"resizeRight": "Größe rechts anpassen"
+}
diff --git a/src/i18n/locales/en/extensions.json b/src/i18n/locales/en/extensions.json
index b1be4045e..e1556777d 100644
--- a/src/i18n/locales/en/extensions.json
+++ b/src/i18n/locales/en/extensions.json
@@ -57,4 +57,4 @@
 		"marketplaceInstallFailed": "Failed to install {{name}}",
 		"enableFailed": "Failed to enable extension"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/pt-BR/extensions.json b/src/i18n/locales/pt-BR/extensions.json
index 4f5dcbbaf..f7d8abc42 100644
--- a/src/i18n/locales/pt-BR/extensions.json
+++ b/src/i18n/locales/pt-BR/extensions.json
@@ -57,4 +57,4 @@
 		"marketplaceInstallFailed": "Falha ao instalar {{name}}",
 		"enableFailed": "Falha ao ativar extensão"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/common.json b/src/i18n/locales/ru/common.json
index 3946d72b9..8ea45bfbd 100644
--- a/src/i18n/locales/ru/common.json
+++ b/src/i18n/locales/ru/common.json
@@ -23,4 +23,4 @@
 		"failedToUploadImage": "Не удалось загрузить изображение",
 		"fileReadError": "Произошла ошибка при чтении файла."
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/dialogs.json b/src/i18n/locales/ru/dialogs.json
index da6ed8ee6..bb5c7512a 100644
--- a/src/i18n/locales/ru/dialogs.json
+++ b/src/i18n/locales/ru/dialogs.json
@@ -59,4 +59,4 @@
 		"cancel": "Отмена",
 		"save": "Сохранить"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/editor.json b/src/i18n/locales/ru/editor.json
index 673f27eec..36751cc9c 100644
--- a/src/i18n/locales/ru/editor.json
+++ b/src/i18n/locales/ru/editor.json
@@ -139,4 +139,4 @@
 		"collapse": "Свернуть таймлайн"
 	},
 	"openRecordingsFolder": "Открыть папку с записями"
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/extensions.json b/src/i18n/locales/ru/extensions.json
index 239fa9a3f..984d4dc0b 100644
--- a/src/i18n/locales/ru/extensions.json
+++ b/src/i18n/locales/ru/extensions.json
@@ -57,4 +57,4 @@
 		"marketplaceInstallFailed": "Не удалось установить {{name}}",
 		"enableFailed": "Не удалось включить расширение"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/launch.json b/src/i18n/locales/ru/launch.json
index 65bd57b8c..f341464c7 100644
--- a/src/i18n/locales/ru/launch.json
+++ b/src/i18n/locales/ru/launch.json
@@ -77,4 +77,4 @@
 		"failedToStart": "Не удалось начать запись: {{error}}",
 		"failedToStartGeneric": "Не удалось начать запись"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/shortcuts.json b/src/i18n/locales/ru/shortcuts.json
index 9898e48c3..3e54412bc 100644
--- a/src/i18n/locales/ru/shortcuts.json
+++ b/src/i18n/locales/ru/shortcuts.json
@@ -13,4 +13,4 @@
 		"panTimeline": "Прокрутка таймлайна",
 		"zoomTimeline": "Масштабирование таймлайна"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/ru/timeline.json b/src/i18n/locales/ru/timeline.json
index 8c1d2b77a..5b89d4667 100644
--- a/src/i18n/locales/ru/timeline.json
+++ b/src/i18n/locales/ru/timeline.json
@@ -38,4 +38,4 @@
 	"addSpeed": "Скорость (S)",
 	"resizeLeft": "Изменить размер слева",
 	"resizeRight": "Изменить размер справа"
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/zh-TW/common.json b/src/i18n/locales/zh-TW/common.json
index c5fa86d10..f65398523 100644
--- a/src/i18n/locales/zh-TW/common.json
+++ b/src/i18n/locales/zh-TW/common.json
@@ -23,4 +23,4 @@
 		"failedToUploadImage": "上傳圖片失敗",
 		"fileReadError": "讀取檔案時出錯。"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/zh-TW/dialogs.json b/src/i18n/locales/zh-TW/dialogs.json
index 828b70ee3..921299dff 100644
--- a/src/i18n/locales/zh-TW/dialogs.json
+++ b/src/i18n/locales/zh-TW/dialogs.json
@@ -59,4 +59,4 @@
 		"cancel": "取消",
 		"save": "儲存"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/zh-TW/extensions.json b/src/i18n/locales/zh-TW/extensions.json
index ae44234c7..cd85f835b 100644
--- a/src/i18n/locales/zh-TW/extensions.json
+++ b/src/i18n/locales/zh-TW/extensions.json
@@ -56,5 +56,5 @@
 		"marketplaceInstalled": "已安裝並啟用 {{name}}",
 		"marketplaceInstallFailed": "安裝 {{name}} 失敗",
 		"enableFailed": "啟用擴充功能失敗"
-		}
 	}
+}
diff --git a/src/i18n/locales/zh-TW/launch.json b/src/i18n/locales/zh-TW/launch.json
index 12ec494d0..9d70eedc0 100644
--- a/src/i18n/locales/zh-TW/launch.json
+++ b/src/i18n/locales/zh-TW/launch.json
@@ -44,15 +44,15 @@
 		"cancel": "取消",
 		"more": "更多",
 		"update": {
-		"update": "更新",
-		"updated": "已更新",
-		"idleTitle": "檢查更新。",
-		"checkingTitle": "正在檢查更新...",
-		"downloadingTitle": "正在下載更新...",
-		"errorTitle": "檢查更新失敗，點一下重試。",
-		"upToDateTitle": "Recordly {{version}} 已是最新版本。",
-		"availableTitle": "Recordly {{version}} 已推出新版本。",
-		"availableGenericTitle": "有可用更新。"
+			"update": "更新",
+			"updated": "已更新",
+			"idleTitle": "檢查更新。",
+			"checkingTitle": "正在檢查更新...",
+			"downloadingTitle": "正在下載更新...",
+			"errorTitle": "檢查更新失敗，點一下重試。",
+			"upToDateTitle": "Recordly {{version}} 已是最新版本。",
+			"availableTitle": "Recordly {{version}} 已推出新版本。",
+			"availableGenericTitle": "有可用更新。"
 		}
 	},
 	"sourceSelector": {
diff --git a/src/i18n/locales/zh-TW/shortcuts.json b/src/i18n/locales/zh-TW/shortcuts.json
index 8b1b31934..ea0b8a388 100644
--- a/src/i18n/locales/zh-TW/shortcuts.json
+++ b/src/i18n/locales/zh-TW/shortcuts.json
@@ -13,4 +13,4 @@
 		"panTimeline": "平移時間軸",
 		"zoomTimeline": "縮放時間軸"
 	}
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locales/zh-TW/timeline.json b/src/i18n/locales/zh-TW/timeline.json
index 714fd29a4..0ddf65de6 100644
--- a/src/i18n/locales/zh-TW/timeline.json
+++ b/src/i18n/locales/zh-TW/timeline.json
@@ -38,4 +38,4 @@
 	"addSpeed": "新增速度（S）",
 	"resizeLeft": "向左調整大小",
 	"resizeRight": "向右調整大小"
-}
\ No newline at end of file
+}
diff --git a/src/lib/exporter/annotationRenderer.ts b/src/lib/exporter/annotationRenderer.ts
index 773803fb5..d6c6ce991 100644
--- a/src/lib/exporter/annotationRenderer.ts
+++ b/src/lib/exporter/annotationRenderer.ts
@@ -371,7 +371,12 @@ export async function renderAnnotations(
 	);
 
 	const sortedAnnotations = [...activeAnnotations].sort((a, b) => a.zIndex - b.zIndex);
-	const annotationRect = coordinateRect ?? { x: 0, y: 0, width: canvasWidth, height: canvasHeight };
+	const annotationRect = coordinateRect ?? {
+		x: 0,
+		y: 0,
+		width: canvasWidth,
+		height: canvasHeight,
+	};
 
 	for (const annotation of sortedAnnotations) {
 		const rect = transformAnnotationRect(
diff --git a/src/lib/exporter/audioRoutingEngine.ts b/src/lib/exporter/audioRoutingEngine.ts
index 3fc3285fc..8f9c7421d 100644
--- a/src/lib/exporter/audioRoutingEngine.ts
+++ b/src/lib/exporter/audioRoutingEngine.ts
@@ -69,7 +69,9 @@ export function buildResolvedAudioPlan(input: {
 	if (!hasDedicatedTracks && pathsByTrack.mixed) playbackPaths.push(pathsByTrack.mixed);
 
 	const includeEmbeddedInExport = !pathsByTrack.system && !pathsByTrack.mixed;
-	const resolvedRegions = (input.audioRegions ?? []).slice().sort((a, b) => a.startMs - b.startMs);
+	const resolvedRegions = (input.audioRegions ?? [])
+		.slice()
+		.sort((a, b) => a.startMs - b.startMs);
 	const tracks: ResolvedAudioTrack[] = resolvedRegions.map((region) => ({
 		id: `user:${region.id}`,
 		kind: "user",
diff --git a/src/lib/exporter/mediaResource.test.ts b/src/lib/exporter/mediaResource.test.ts
index 481617450..5d79c8a02 100644
--- a/src/lib/exporter/mediaResource.test.ts
+++ b/src/lib/exporter/mediaResource.test.ts
@@ -31,4 +31,4 @@ describe("getResourceFileName", () => {
 			),
 		).toBe("example video.mp4");
 	});
-});
\ No newline at end of file
+});
diff --git a/src/lib/exporter/mediaResource.ts b/src/lib/exporter/mediaResource.ts
index 83e385eb0..2f689dca1 100644
--- a/src/lib/exporter/mediaResource.ts
+++ b/src/lib/exporter/mediaResource.ts
@@ -108,4 +108,4 @@ export function getResourceFileName(resource: string, fallback: string): string
 	}
 
 	return fallback;
-}
\ No newline at end of file
+}
diff --git a/src/lib/exporter/modernFrameRenderer.test.ts b/src/lib/exporter/modernFrameRenderer.test.ts
index 612a58985..dd820c81a 100644
--- a/src/lib/exporter/modernFrameRenderer.test.ts
+++ b/src/lib/exporter/modernFrameRenderer.test.ts
@@ -218,7 +218,9 @@ describe("ModernFrameRenderer Pixi lifecycle", () => {
 			};
 			renderer.config.preferredRenderBackend = "webgpu";
 
-			await expect(renderer.createPixiApplication({} as HTMLCanvasElement)).resolves.toMatchObject({
+			await expect(
+				renderer.createPixiApplication({} as HTMLCanvasElement),
+			).resolves.toMatchObject({
 				backend: "webgl",
 			});
 
@@ -639,14 +641,14 @@ describe("ModernFrameRenderer webcam export fallback", () => {
 			};
 			renderer.config.webcamUrl = "file:///tmp/webcam.webm";
 
-				await renderer.setupWebcamSource();
-				const syncPromise = renderer.syncWebcamFrame(1);
+			await renderer.setupWebcamSource();
+			const syncPromise = renderer.syncWebcamFrame(1);
 
 			await vi.advanceTimersByTimeAsync(5_001);
-				await expect(syncPromise).resolves.toBeUndefined();
+			await expect(syncPromise).resolves.toBeUndefined();
 
-				expect(cancelForwardFrameSourceMock).toHaveBeenCalled();
-				expect(destroyForwardFrameSourceMock).toHaveBeenCalled();
+			expect(cancelForwardFrameSourceMock).toHaveBeenCalled();
+			expect(destroyForwardFrameSourceMock).toHaveBeenCalled();
 			expect(revoke).toHaveBeenCalled();
 			expect(renderer.webcamForwardFrameSource).toBeNull();
 			expect(renderer.webcamVideoElement).toBeNull();
diff --git a/src/lib/exporter/sourceTrackRoutingPolicy.ts b/src/lib/exporter/sourceTrackRoutingPolicy.ts
index 05c9fa847..da1deb018 100644
--- a/src/lib/exporter/sourceTrackRoutingPolicy.ts
+++ b/src/lib/exporter/sourceTrackRoutingPolicy.ts
@@ -1,7 +1,4 @@
-import {
-	buildResolvedAudioPlan,
-	type SourceTrackId,
-} from "./audioRoutingEngine";
+import { buildResolvedAudioPlan, type SourceTrackId } from "./audioRoutingEngine";
 
 export interface SourceTrackRoutingPolicy {
 	hasEmbeddedSourceAudio: boolean;
diff --git a/src/lib/exporter/streamingDecoder.test.ts b/src/lib/exporter/streamingDecoder.test.ts
index 7de21b5bf..394febec9 100644
--- a/src/lib/exporter/streamingDecoder.test.ts
+++ b/src/lib/exporter/streamingDecoder.test.ts
@@ -86,9 +86,7 @@ describe("StreamingVideoDecoder local media loading", () => {
 		const decoder = new StreamingVideoDecoder();
 		await decoder.loadMetadata("/tmp/capture.mp4");
 
-		expect(window.electronAPI.getLocalMediaUrl).toHaveBeenCalledWith(
-			"/tmp/capture.mp4",
-		);
+		expect(window.electronAPI.getLocalMediaUrl).toHaveBeenCalledWith("/tmp/capture.mp4");
 		expect(mockDemuxerLoad).toHaveBeenCalledWith(
 			"http://127.0.0.1:4321/video?path=%2Ftmp%2Fcapture.mp4",
 		);
diff --git a/src/lib/exporter/temporalMotionBlur.test.ts b/src/lib/exporter/temporalMotionBlur.test.ts
index 0ea1e30e6..b2a37f31c 100644
--- a/src/lib/exporter/temporalMotionBlur.test.ts
+++ b/src/lib/exporter/temporalMotionBlur.test.ts
@@ -75,5 +75,4 @@ describe("temporalMotionBlur", () => {
 		expect(centerSample?.weight ?? 0).toBeGreaterThan(edgeSample?.weight ?? 0);
 		expect(plan.map((sample) => sample.offsetUs)).toContain(0);
 	});
-
 });
diff --git a/src/lib/pixiApplicationLifecycle.ts b/src/lib/pixiApplicationLifecycle.ts
index 62a0f7430..5abe48da4 100644
--- a/src/lib/pixiApplicationLifecycle.ts
+++ b/src/lib/pixiApplicationLifecycle.ts
@@ -87,7 +87,9 @@ export async function initializePixiApplicationWithTimeout(
 	const timeoutPromise = new Promise<never>((_, reject) => {
 		timeoutId = setTimeout(() => {
 			reject(
-				new Error(`Initialization timed out after ${timeoutMs}ms for ${backendLabel} renderer`),
+				new Error(
+					`Initialization timed out after ${timeoutMs}ms for ${backendLabel} renderer`,
+				),
 			);
 		}, timeoutMs);
 	});
diff --git a/src/lib/wallpapers.ts b/src/lib/wallpapers.ts
index 1bddc4109..fc6e39e56 100644
--- a/src/lib/wallpapers.ts
+++ b/src/lib/wallpapers.ts
@@ -113,7 +113,10 @@ function toWallpaperLabel(fileName: string) {
 		.replace(/\b\w/g, (match) => match.toUpperCase());
 }
 
-function createWallpaperEntry(fileName: string, label = toWallpaperLabel(fileName)): BuiltInWallpaper {
+function createWallpaperEntry(
+	fileName: string,
+	label = toWallpaperLabel(fileName),
+): BuiltInWallpaper {
 	const encodedFileName = encodeURIComponent(fileName);
 	return {
 		id: toWallpaperId(fileName) || `wallpaper-${encodedFileName.toLowerCase()}`,

From 0ce07b2663afd89ca3eecf440054d35586843bbe Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Fri, 28 Aug 2026 17:19:53 +1000
Subject: [PATCH 4/7] Remove the extension system completely

---
 electron/extensions/errorUtils.test.ts        |  84 ---
 electron/extensions/errorUtils.ts             |  43 --
 electron/extensions/extensionIpc.ts           | 191 ------
 electron/extensions/extensionLoader.ts        | 387 -----------
 electron/extensions/extensionMarketplace.ts   | 362 ----------
 electron/extensions/extensionTypes.ts         |  16 -
 src/components/video-editor/ExtensionIcon.tsx | 151 -----
 .../video-editor/ExtensionManager.tsx         |   5 +-
 src/components/video-editor/SettingsPanel.tsx | 433 +-----------
 src/components/video-editor/VideoEditor.tsx   |  79 +--
 src/components/video-editor/VideoPlayback.tsx | 569 +---------------
 .../video-editor/editorPreferences.test.ts    |   1 -
 .../video-editor/editorPreferences.ts         |   4 -
 .../video-editor/projectPersistence.ts        |   3 -
 src/components/video-editor/types.ts          |   2 +-
 .../videoPlayback/cursorRenderer.ts           |  16 +-
 .../videoPlayback/videoEventHandlers.test.ts  |  13 -
 .../videoPlayback/videoEventHandlers.ts       |   2 -
 src/contexts/I18nContext.tsx                  |  20 -
 src/hooks/useExtensions.ts                    |  66 --
 src/i18n/config.ts                            |   1 -
 src/i18n/locales/de/extensions.json           |  60 --
 src/i18n/locales/en/extensions.json           |  60 --
 src/i18n/locales/es/extensions.json           |  60 --
 src/i18n/locales/fr/extensions.json           |  60 --
 src/i18n/locales/it/extensions.json           |  60 --
 src/i18n/locales/ko/extensions.json           |  60 --
 src/i18n/locales/nl/extensions.json           |  60 --
 src/i18n/locales/pt-BR/extensions.json        |  60 --
 src/i18n/locales/ru/extensions.json           |  60 --
 src/i18n/locales/zh-CN/extensions.json        |  60 --
 src/i18n/locales/zh-TW/extensions.json        |  60 --
 src/lib/exporter/backendPolicy.test.ts        |   2 +-
 src/lib/exporter/frameRenderer.ts             | 379 +----------
 src/lib/exporter/gifExporter.ts               |   2 -
 src/lib/exporter/modernFrameRenderer.ts       | 412 +-----------
 ...rnVideoExporter.nativeStaticLayout.test.ts |  17 -
 src/lib/exporter/modernVideoExporter.ts       |  12 -
 src/lib/exporter/videoExporter.ts             |   2 -
 src/lib/extensions/cursorCoordinates.ts       |  89 ---
 src/lib/extensions/extensionHost.ts           | 487 --------------
 src/lib/extensions/fileUrls.ts                |  49 --
 src/lib/extensions/iconDraw.ts                | 209 ------
 src/lib/extensions/index.ts                   |  29 -
 src/lib/extensions/renderHooks.ts             | 278 --------
 src/lib/extensions/sceneTransform.ts          |  17 -
 src/lib/extensions/types.ts                   | 621 ------------------
 47 files changed, 26 insertions(+), 5687 deletions(-)
 delete mode 100644 electron/extensions/errorUtils.test.ts
 delete mode 100644 electron/extensions/errorUtils.ts
 delete mode 100644 electron/extensions/extensionIpc.ts
 delete mode 100644 electron/extensions/extensionLoader.ts
 delete mode 100644 electron/extensions/extensionMarketplace.ts
 delete mode 100644 electron/extensions/extensionTypes.ts
 delete mode 100644 src/components/video-editor/ExtensionIcon.tsx
 delete mode 100644 src/hooks/useExtensions.ts
 delete mode 100644 src/i18n/locales/de/extensions.json
 delete mode 100644 src/i18n/locales/en/extensions.json
 delete mode 100644 src/i18n/locales/es/extensions.json
 delete mode 100644 src/i18n/locales/fr/extensions.json
 delete mode 100644 src/i18n/locales/it/extensions.json
 delete mode 100644 src/i18n/locales/ko/extensions.json
 delete mode 100644 src/i18n/locales/nl/extensions.json
 delete mode 100644 src/i18n/locales/pt-BR/extensions.json
 delete mode 100644 src/i18n/locales/ru/extensions.json
 delete mode 100644 src/i18n/locales/zh-CN/extensions.json
 delete mode 100644 src/i18n/locales/zh-TW/extensions.json
 delete mode 100644 src/lib/extensions/cursorCoordinates.ts
 delete mode 100644 src/lib/extensions/extensionHost.ts
 delete mode 100644 src/lib/extensions/fileUrls.ts
 delete mode 100644 src/lib/extensions/iconDraw.ts
 delete mode 100644 src/lib/extensions/index.ts
 delete mode 100644 src/lib/extensions/renderHooks.ts
 delete mode 100644 src/lib/extensions/sceneTransform.ts
 delete mode 100644 src/lib/extensions/types.ts

diff --git a/electron/extensions/errorUtils.test.ts b/electron/extensions/errorUtils.test.ts
deleted file mode 100644
index 5b834b3b9..000000000
--- a/electron/extensions/errorUtils.test.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { formatMarketplaceHttpError } from "./errorUtils";
-
-describe("formatMarketplaceHttpError", () => {
-	it("hides upstream HTML when the marketplace is unavailable", () => {
-		const html = "<!DOCTYPE html><html><body>SSL handshake failed</body></html>";
-
-		const message = formatMarketplaceHttpError({
-			status: 525,
-			contentType: "text/html; charset=UTF-8",
-			body: html,
-		});
-
-		expect(message).toBe(
-			"Marketplace is temporarily unavailable (HTTP 525). Please try again later.",
-		);
-		expect(message).not.toContain(html);
-	});
-
-	it("keeps a short JSON error for client-side request failures", () => {
-		expect(
-			formatMarketplaceHttpError({
-				status: 400,
-				contentType: "application/json",
-				body: JSON.stringify({ error: "Invalid search query" }),
-			}),
-		).toBe("Marketplace request failed (HTTP 400): Invalid search query");
-	});
-
-	it("uses a JSON message when an error field is absent", () => {
-		expect(
-			formatMarketplaceHttpError({
-				status: 409,
-				contentType: "application/json",
-				body: JSON.stringify({ message: "Extension version already exists" }),
-			}),
-		).toBe("Marketplace request failed (HTTP 409): Extension version already exists");
-	});
-
-	it("prefers a string error when both JSON detail fields are present", () => {
-		expect(
-			formatMarketplaceHttpError({
-				status: 400,
-				contentType: "application/json",
-				body: JSON.stringify({ error: "Primary detail", message: "Secondary detail" }),
-			}),
-		).toBe("Marketplace request failed (HTTP 400): Primary detail");
-	});
-
-	it("hides malformed JSON bodies", () => {
-		const body = '{"error":"internal route details"';
-		const message = formatMarketplaceHttpError({
-			status: 400,
-			contentType: "application/json",
-			body,
-		});
-
-		expect(message).toBe("Marketplace request failed (HTTP 400).");
-		expect(message).not.toContain(body);
-	});
-
-	it("bounds long JSON details and marks truncation without splitting Unicode", () => {
-		const detail = `🚀${"x".repeat(200)}`;
-		const message = formatMarketplaceHttpError({
-			status: 400,
-			contentType: "application/problem+json",
-			body: JSON.stringify({ error: detail }),
-		});
-
-		expect(message).toBe(`Marketplace request failed (HTTP 400): 🚀${"x".repeat(198)}…`);
-		expect(Array.from(message.split(": ")[1])).toHaveLength(200);
-	});
-
-	it("does not expose non-JSON response bodies", () => {
-		expect(
-			formatMarketplaceHttpError({
-				status: 404,
-				contentType: "text/plain",
-				body: "internal route details",
-			}),
-		).toBe("Marketplace request failed (HTTP 404).");
-	});
-});
diff --git a/electron/extensions/errorUtils.ts b/electron/extensions/errorUtils.ts
deleted file mode 100644
index 7d44675c3..000000000
--- a/electron/extensions/errorUtils.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-export function getErrorMessage(error: unknown): string {
-	return error instanceof Error ? error.message : String(error);
-}
-
-const MAX_MARKETPLACE_ERROR_DETAIL_LENGTH = 200;
-
-export function formatMarketplaceHttpError({
-	status,
-	contentType,
-	body,
-}: {
-	status: number;
-	contentType: string | null;
-	body: string;
-}): string {
-	if (status >= 500) {
-		return `Marketplace is temporarily unavailable (HTTP ${status}). Please try again later.`;
-	}
-
-	let detail: string | null = null;
-	if (contentType?.toLowerCase().includes("json")) {
-		try {
-			const payload: unknown = JSON.parse(body);
-			if (payload && typeof payload === "object") {
-				const { error, message } = payload as { error?: unknown; message?: unknown };
-				const value = typeof error === "string" ? error : message;
-				if (typeof value === "string" && value.trim()) {
-					const normalized = value.trim().replace(/\s+/g, " ");
-					const codePoints = Array.from(normalized);
-					detail =
-						codePoints.length > MAX_MARKETPLACE_ERROR_DETAIL_LENGTH
-							? `${codePoints.slice(0, MAX_MARKETPLACE_ERROR_DETAIL_LENGTH - 1).join("")}…`
-							: normalized;
-				}
-			}
-		} catch {
-			// Malformed or non-API responses are intentionally not exposed to the renderer.
-		}
-	}
-
-	const summary = `Marketplace request failed (HTTP ${status})`;
-	return detail ? `${summary}: ${detail}` : `${summary}.`;
-}
diff --git a/electron/extensions/extensionIpc.ts b/electron/extensions/extensionIpc.ts
deleted file mode 100644
index d1a32b673..000000000
--- a/electron/extensions/extensionIpc.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-/**
- * Extension IPC Handlers — Main Process
- *
- * Registers IPC handlers for extension management (discover, install,
- * uninstall, enable/disable) and exposes them to the renderer via preload.
- */
-
-import { BrowserWindow, dialog, ipcMain, shell } from "electron";
-import {
-	discoverExtensions,
-	getExtension,
-	getExtensionsDirectory,
-	getRegisteredExtensions,
-	installExtensionFromPath,
-	setExtensionStatus,
-	uninstallExtension,
-} from "./extensionLoader";
-import {
-	downloadAndInstallExtension,
-	fetchPendingReviews,
-	getMarketplaceExtension,
-	searchMarketplace,
-	submitExtensionForReview,
-	updateReviewStatus,
-} from "./extensionMarketplace";
-import { getErrorMessage } from "./errorUtils";
-import type { ExtensionInfo, MarketplaceReviewStatus } from "./extensionTypes";
-
-/**
- * Serialize extension info for IPC transfer (strip non-serializable fields).
- */
-function serializeExtensionInfo(info: ExtensionInfo) {
-	return {
-		manifest: info.manifest,
-		status: info.status,
-		path: info.path,
-		error: info.error,
-		builtin: info.builtin ?? false,
-	};
-}
-
-/**
- * Register all extension-related IPC handlers.
- * Call this once during app initialization (in main.ts).
- */
-export function registerExtensionIpcHandlers(): void {
-	// Discover all extensions (builtin + user-installed)
-	ipcMain.handle("extensions:discover", async () => {
-		const extensions = await discoverExtensions();
-		return extensions.map(serializeExtensionInfo);
-	});
-
-	// List currently registered extensions
-	ipcMain.handle("extensions:list", () => {
-		return getRegisteredExtensions().map(serializeExtensionInfo);
-	});
-
-	// Get a specific extension by ID
-	ipcMain.handle("extensions:get", (_event, id: string) => {
-		const ext = getExtension(id);
-		return ext ? serializeExtensionInfo(ext) : null;
-	});
-
-	// Enable an extension
-	ipcMain.handle("extensions:enable", async (_event, id: string) => {
-		return setExtensionStatus(id, "active");
-	});
-
-	// Disable an extension
-	ipcMain.handle("extensions:disable", async (_event, id: string) => {
-		return setExtensionStatus(id, "disabled");
-	});
-
-	// Install an extension from a folder picker
-	ipcMain.handle("extensions:install-from-folder", async (event) => {
-		const window = BrowserWindow.fromWebContents(event.sender);
-		const result = await dialog.showOpenDialog(window!, {
-			title: "Select Extension Folder",
-			properties: ["openDirectory"],
-			message: "Select a folder containing a recordly-extension.json manifest",
-		});
-
-		if (result.canceled || result.filePaths.length === 0) {
-			return { success: false, reason: "cancelled" };
-		}
-
-		const info = await installExtensionFromPath(result.filePaths[0]);
-		if (!info) {
-			return {
-				success: false,
-				reason: "Invalid extension: missing or invalid recordly-extension.json",
-			};
-		}
-
-		return { success: true, extension: serializeExtensionInfo(info) };
-	});
-
-	// Uninstall an extension
-	ipcMain.handle("extensions:uninstall", async (_event, id: string) => {
-		const success = await uninstallExtension(id);
-		return { success };
-	});
-
-	// Get extensions directory path
-	ipcMain.handle("extensions:get-directory", () => {
-		return getExtensionsDirectory();
-	});
-
-	// Open extensions directory in file manager
-	ipcMain.handle("extensions:open-directory", async () => {
-		const dir = getExtensionsDirectory();
-		await shell.openPath(dir);
-		return { success: true };
-	});
-
-	// ── Marketplace ─────────────────────────────────────────────────────
-
-	// Search/browse marketplace
-	ipcMain.handle(
-		"extensions:marketplace-search",
-		async (
-			_event,
-			params: {
-				query?: string;
-				tags?: string[];
-				sort?: "popular" | "recent" | "rating";
-				page?: number;
-				pageSize?: number;
-			},
-		) => {
-			try {
-				return await searchMarketplace(params);
-			} catch (error: unknown) {
-				return {
-					extensions: [],
-					total: 0,
-					page: 1,
-					pageSize: 20,
-					error: getErrorMessage(error),
-				};
-			}
-		},
-	);
-
-	// Get a specific marketplace extension
-	ipcMain.handle("extensions:marketplace-get", async (_event, id: string) => {
-		return getMarketplaceExtension(id);
-	});
-
-	// Download and install a marketplace extension
-	ipcMain.handle(
-		"extensions:marketplace-install",
-		async (_event, extensionId: string, downloadUrl: string) => {
-			return downloadAndInstallExtension(extensionId, downloadUrl);
-		},
-	);
-
-	// Submit an extension for marketplace review
-	ipcMain.handle("extensions:marketplace-submit", async (_event, extensionId: string) => {
-		return submitExtensionForReview(extensionId);
-	});
-
-	// ── Admin Review System ─────────────────────────────────────────────
-
-	// Fetch pending reviews (admin only)
-	ipcMain.handle(
-		"extensions:reviews-list",
-		async (
-			_event,
-			params: {
-				status?: MarketplaceReviewStatus;
-				page?: number;
-				pageSize?: number;
-			},
-		) => {
-			try {
-				return await fetchPendingReviews(params);
-			} catch (error: unknown) {
-				return { reviews: [], total: 0, error: getErrorMessage(error) };
-			}
-		},
-	);
-
-	// Update review status (admin only)
-	ipcMain.handle(
-		"extensions:review-update",
-		async (_event, reviewId: string, status: MarketplaceReviewStatus, notes?: string) => {
-			return updateReviewStatus(reviewId, status, notes);
-		},
-	);
-}
diff --git a/electron/extensions/extensionLoader.ts b/electron/extensions/extensionLoader.ts
deleted file mode 100644
index f3e8d64eb..000000000
--- a/electron/extensions/extensionLoader.ts
+++ /dev/null
@@ -1,387 +0,0 @@
-/**
- * Extension Loader — Main Process
- *
- * Discovers, validates, and manages extensions installed in the
- * extensions directory (~/.recordly/extensions/ or userData/extensions/).
- *
- * Extensions are loaded from disk by reading their manifest files.
- * The actual extension code runs in the renderer process and uses the
- * permission-gated host API exposed by the renderer.
- */
-
-import { existsSync } from "node:fs";
-import fs from "node:fs/promises";
-import path from "node:path";
-import { app } from "electron";
-import type { ExtensionInfo, ExtensionManifest, ExtensionStatus } from "./extensionTypes";
-
-const EXTENSIONS_DIR_NAME = "extensions";
-const MANIFEST_FILE_NAME = "recordly-extension.json";
-const BUILTIN_EXTENSIONS_DIR = "builtin-extensions";
-const EXTENSION_STATE_FILE_NAME = "extension-state.json";
-
-/** In-memory registry of loaded extensions */
-const extensionRegistry = new Map<string, ExtensionInfo>();
-
-type PersistedExtensionStatus = Extract<ExtensionStatus, "active" | "disabled" | "installed">;
-
-/**
- * Returns the directory where user-installed extensions live.
- */
-export function getExtensionsDirectory(): string {
-	return path.join(app.getPath("userData"), EXTENSIONS_DIR_NAME);
-}
-
-/**
- * Returns the built-in extensions directory (shipped with the app).
- */
-function getBuiltinExtensionsDirectory(): string {
-	if (app.isPackaged) {
-		return path.join(process.resourcesPath, BUILTIN_EXTENSIONS_DIR);
-	}
-	return path.join(app.getAppPath(), "public", BUILTIN_EXTENSIONS_DIR);
-}
-
-function getExtensionStateFilePath(): string {
-	return path.join(app.getPath("userData"), EXTENSION_STATE_FILE_NAME);
-}
-
-function isPersistedExtensionStatus(value: unknown): value is PersistedExtensionStatus {
-	return value === "active" || value === "disabled" || value === "installed";
-}
-
-async function readPersistedExtensionStatuses(): Promise<Record<string, PersistedExtensionStatus>> {
-	const stateFile = getExtensionStateFilePath();
-	if (!existsSync(stateFile)) {
-		return {};
-	}
-
-	try {
-		const raw = await fs.readFile(stateFile, "utf-8");
-		const parsed = JSON.parse(raw);
-
-		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
-			return {};
-		}
-
-		const entries = Object.entries(parsed).filter(
-			([key, value]) => typeof key === "string" && isPersistedExtensionStatus(value),
-		);
-
-		return Object.fromEntries(entries) as Record<string, PersistedExtensionStatus>;
-	} catch {
-		return {};
-	}
-}
-
-async function writePersistedExtensionStatuses(
-	statuses: Record<string, PersistedExtensionStatus>,
-): Promise<void> {
-	const stateFile = getExtensionStateFilePath();
-	await fs.mkdir(path.dirname(stateFile), { recursive: true });
-	await fs.writeFile(stateFile, JSON.stringify(statuses, null, 2), "utf-8");
-}
-
-async function updatePersistedExtensionStatus(
-	id: string,
-	status: PersistedExtensionStatus | null,
-): Promise<void> {
-	const statuses = await readPersistedExtensionStatuses();
-
-	if (status) {
-		statuses[id] = status;
-	} else {
-		delete statuses[id];
-	}
-
-	await writePersistedExtensionStatuses(statuses);
-}
-
-/**
- * Ensure the extensions directory exists.
- */
-async function ensureExtensionsDirectory(): Promise<void> {
-	const dir = getExtensionsDirectory();
-	await fs.mkdir(dir, { recursive: true });
-}
-
-/**
- * Validate an extension manifest for required fields and safe values.
- */
-function validateManifest(manifest: unknown, extensionPath: string): ExtensionManifest | null {
-	if (!manifest || typeof manifest !== "object") {
-		return null;
-	}
-
-	const m = manifest as Record<string, unknown>;
-
-	// Required fields
-	if (typeof m.id !== "string" || m.id.length === 0) return null;
-	// Only allow safe characters in extension IDs
-	if (!/^[a-z0-9][a-z0-9._-]*$/i.test(m.id)) return null;
-	if (typeof m.name !== "string" || m.name.length === 0) return null;
-	if (typeof m.version !== "string") return null;
-	if (typeof m.main !== "string" || m.main.length === 0) return null;
-
-	// Validate main entry doesn't escape extension directory
-	const resolvedMain = path.resolve(extensionPath, m.main);
-	const relativeMain = path.relative(extensionPath, resolvedMain);
-	if (relativeMain.startsWith("..") || path.isAbsolute(relativeMain)) {
-		console.warn(`[extensions] Extension ${m.id}: main entry escapes extension directory`);
-		return null;
-	}
-
-	// Validate permissions array
-	const validPermissions = new Set([
-		"render",
-		"cursor",
-		"audio",
-		"timeline",
-		"ui",
-		"assets",
-		"export",
-	]);
-	const permissions = Array.isArray(m.permissions) ? m.permissions : [];
-	const safePermissions = permissions.filter(
-		(p): p is string => typeof p === "string" && validPermissions.has(p),
-	);
-
-	return {
-		id: m.id as string,
-		name: m.name as string,
-		version: m.version as string,
-		description: typeof m.description === "string" ? m.description : "",
-		author: typeof m.author === "string" ? m.author : undefined,
-		homepage: typeof m.homepage === "string" ? m.homepage : undefined,
-		license: typeof m.license === "string" ? m.license : undefined,
-		engine: typeof m.engine === "string" ? m.engine : undefined,
-		icon: typeof m.icon === "string" ? m.icon : undefined,
-		main: m.main as string,
-		permissions: safePermissions as ExtensionManifest["permissions"],
-		contributes:
-			typeof m.contributes === "object" && m.contributes !== null
-				? (m.contributes as ExtensionManifest["contributes"])
-				: undefined,
-	};
-}
-
-/**
- * Scan a directory for extensions (each subdirectory with a manifest).
- */
-async function scanExtensionsIn(directory: string, builtin: boolean): Promise<ExtensionInfo[]> {
-	const results: ExtensionInfo[] = [];
-
-	if (!existsSync(directory)) {
-		return results;
-	}
-
-	let entries: string[];
-	try {
-		entries = await fs.readdir(directory);
-	} catch {
-		return results;
-	}
-
-	for (const entry of entries) {
-		const extDir = path.join(directory, entry);
-
-		// Skip non-directories (lstat — don't follow symlinks)
-		let stat;
-		try {
-			stat = await fs.lstat(extDir);
-		} catch {
-			continue;
-		}
-		if (!stat.isDirectory()) continue;
-
-		const manifestPath = path.join(extDir, MANIFEST_FILE_NAME);
-		if (!existsSync(manifestPath)) continue;
-
-		try {
-			const raw = await fs.readFile(manifestPath, "utf-8");
-			const parsed = JSON.parse(raw);
-			const manifest = validateManifest(parsed, extDir);
-
-			if (!manifest) {
-				results.push({
-					manifest: {
-						id: entry,
-						name: entry,
-						version: "0.0.0",
-						main: "",
-						permissions: [],
-						description: "Invalid manifest",
-					},
-					status: "error",
-					path: extDir,
-					error: "Invalid or incomplete manifest",
-					builtin,
-				});
-				continue;
-			}
-
-			// Check that the entry file exists
-			const entryPath = path.join(extDir, manifest.main);
-			if (!existsSync(entryPath)) {
-				results.push({
-					manifest,
-					status: "error",
-					path: extDir,
-					error: `Entry file not found: ${manifest.main}`,
-					builtin,
-				});
-				continue;
-			}
-
-			results.push({
-				manifest,
-				status: "installed",
-				path: extDir,
-				builtin,
-			});
-		} catch (err) {
-			results.push({
-				manifest: {
-					id: entry,
-					name: entry,
-					version: "0.0.0",
-					main: "",
-					permissions: [],
-					description: "Failed to load",
-				},
-				status: "error",
-				path: extDir,
-				error: String(err),
-				builtin,
-			});
-		}
-	}
-
-	return results;
-}
-
-/**
- * Discover and register all available extensions (builtin + user-installed).
- */
-export async function discoverExtensions(): Promise<ExtensionInfo[]> {
-	await ensureExtensionsDirectory();
-
-	const builtinDir = getBuiltinExtensionsDirectory();
-	const userDir = getExtensionsDirectory();
-
-	const [builtinExts, userExts] = await Promise.all([
-		scanExtensionsIn(builtinDir, true),
-		scanExtensionsIn(userDir, false),
-	]);
-
-	const persistedStatuses = await readPersistedExtensionStatuses();
-	const applyPersistedStatus = (ext: ExtensionInfo): ExtensionInfo => {
-		if (ext.status === "error") {
-			return ext;
-		}
-
-		return {
-			...ext,
-			status: persistedStatuses[ext.manifest.id] ?? (ext.builtin ? "active" : "installed"),
-		};
-	};
-
-	const normalizedBuiltinExts = builtinExts.map(applyPersistedStatus);
-	const normalizedUserExts = userExts.map(applyPersistedStatus);
-
-	// User extensions override builtin ones with the same ID
-	extensionRegistry.clear();
-	for (const ext of normalizedBuiltinExts) {
-		extensionRegistry.set(ext.manifest.id, ext);
-	}
-	for (const ext of normalizedUserExts) {
-		extensionRegistry.set(ext.manifest.id, ext);
-	}
-
-	return Array.from(extensionRegistry.values());
-}
-
-/**
- * Get all registered extensions.
- */
-export function getRegisteredExtensions(): ExtensionInfo[] {
-	return Array.from(extensionRegistry.values());
-}
-
-/**
- * Get a specific extension by ID.
- */
-export function getExtension(id: string): ExtensionInfo | undefined {
-	return extensionRegistry.get(id);
-}
-
-/**
- * Enable or disable an extension.
- */
-export async function setExtensionStatus(id: string, status: ExtensionStatus): Promise<boolean> {
-	const ext = extensionRegistry.get(id);
-	if (!ext) return false;
-	ext.status = status;
-
-	if (status === "active" || status === "disabled" || status === "installed") {
-		await updatePersistedExtensionStatus(id, status);
-	}
-
-	return true;
-}
-
-/**
- * Install an extension from a directory (copy to extensions dir).
- */
-export async function installExtensionFromPath(sourcePath: string): Promise<ExtensionInfo | null> {
-	const manifestPath = path.join(sourcePath, MANIFEST_FILE_NAME);
-	if (!existsSync(manifestPath)) {
-		return null;
-	}
-
-	let manifest: ExtensionManifest | null;
-	try {
-		const raw = await fs.readFile(manifestPath, "utf-8");
-		manifest = validateManifest(JSON.parse(raw), sourcePath);
-	} catch {
-		return null;
-	}
-
-	if (!manifest) return null;
-
-	const targetDir = path.join(getExtensionsDirectory(), manifest.id);
-
-	// Remove existing version if present
-	if (existsSync(targetDir)) {
-		await fs.rm(targetDir, { recursive: true, force: true });
-	}
-
-	await fs.cp(sourcePath, targetDir, { recursive: true });
-
-	const info: ExtensionInfo = {
-		manifest,
-		status: "installed",
-		path: targetDir,
-	};
-
-	extensionRegistry.set(manifest.id, info);
-	await updatePersistedExtensionStatus(manifest.id, "installed");
-	return info;
-}
-
-/**
- * Uninstall a user extension (cannot uninstall builtin).
- */
-export async function uninstallExtension(id: string): Promise<boolean> {
-	const ext = extensionRegistry.get(id);
-	if (!ext || ext.builtin) return false;
-
-	try {
-		await fs.rm(ext.path, { recursive: true, force: true });
-		extensionRegistry.delete(id);
-		await updatePersistedExtensionStatus(id, null);
-		return true;
-	} catch {
-		return false;
-	}
-}
diff --git a/electron/extensions/extensionMarketplace.ts b/electron/extensions/extensionMarketplace.ts
deleted file mode 100644
index b7a38e46b..000000000
--- a/electron/extensions/extensionMarketplace.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-/**
- * Extension Marketplace — Main Process
- *
- * Handles fetching, downloading, and installing extensions from the
- * Recordly marketplace API. Also provides admin review endpoints.
- */
-
-import { createWriteStream, existsSync } from "node:fs";
-import fs from "node:fs/promises";
-import path from "node:path";
-import { Readable } from "node:stream";
-import { pipeline } from "node:stream/promises";
-import type { ReadableStream as NodeReadableStream } from "node:stream/web";
-import { app } from "electron";
-import { formatMarketplaceHttpError, getErrorMessage } from "./errorUtils";
-import { getRegisteredExtensions, installExtensionFromPath } from "./extensionLoader";
-import type {
-	ExtensionReview,
-	MarketplaceExtension,
-	MarketplaceReviewStatus,
-	MarketplaceSearchResult,
-} from "./extensionTypes";
-
-// ---------------------------------------------------------------------------
-// Configuration
-// ---------------------------------------------------------------------------
-
-const MARKETPLACE_API_BASE = "https://marketplace.recordly.dev/extensions/api/v1";
-const REQUEST_TIMEOUT_MS = 15_000;
-
-// ---------------------------------------------------------------------------
-// Zip-slip protection: recursively verify all extracted files stay within the
-// expected directory. Rejects symlinks that point outside and any entry whose
-// real path escapes the root.
-// ---------------------------------------------------------------------------
-
-async function assertNoEscapedFiles(dir: string, root: string): Promise<void> {
-	const entries = await fs.readdir(dir, { withFileTypes: true });
-	for (const entry of entries) {
-		const entryPath = path.join(dir, entry.name);
-		const real = await fs.realpath(entryPath);
-		if (!real.startsWith(root + path.sep) && real !== root) {
-			// Nuke the escaped file/symlink and throw
-			await fs.rm(entryPath, { recursive: true, force: true }).catch(() => undefined);
-			throw new Error(
-				`Zip-slip detected: ${entry.name} resolves outside extraction directory`,
-			);
-		}
-		if (entry.isDirectory()) {
-			await assertNoEscapedFiles(entryPath, root);
-		}
-	}
-}
-
-function getMarketplaceUrl(): string {
-	// Allow explicit override for local marketplace development.
-	if (process.env.RECORDLY_MARKETPLACE_URL) return process.env.RECORDLY_MARKETPLACE_URL;
-	return MARKETPLACE_API_BASE;
-}
-
-function getAdminKey(): string | undefined {
-	return process.env.RECORDLY_ADMIN_KEY;
-}
-
-// ---------------------------------------------------------------------------
-// HTTP helpers
-// ---------------------------------------------------------------------------
-
-async function marketplaceFetch<T>(
-	endpoint: string,
-	options: { method?: string; body?: unknown; timeout?: number; admin?: boolean } = {},
-): Promise<T> {
-	const url = `${getMarketplaceUrl()}${endpoint}`;
-	const controller = new AbortController();
-	const timeoutId = setTimeout(() => controller.abort(), options.timeout ?? REQUEST_TIMEOUT_MS);
-
-	try {
-		const headers: Record<string, string> = {
-			"Content-Type": "application/json",
-			"X-Recordly-Version": app.getVersion(),
-			"X-Recordly-Platform": process.platform,
-		};
-
-		// Attach admin key for privileged endpoints
-		if (options.admin) {
-			const key = getAdminKey();
-			if (!key) throw new Error("Admin key not configured (set RECORDLY_ADMIN_KEY env var)");
-			headers["X-Admin-Key"] = key;
-		}
-
-		const response = await fetch(url, {
-			method: options.method ?? "GET",
-			headers,
-			body: options.body ? JSON.stringify(options.body) : undefined,
-			signal: controller.signal,
-		});
-
-		if (!response.ok) {
-			const text = await response.text().catch(() => "");
-			throw new Error(
-				formatMarketplaceHttpError({
-					status: response.status,
-					contentType: response.headers.get("content-type"),
-					body: text,
-				}),
-			);
-		}
-
-		return (await response.json()) as T;
-	} finally {
-		clearTimeout(timeoutId);
-	}
-}
-
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-/**
- * Search/browse marketplace extensions.
- */
-export async function searchMarketplace(params: {
-	query?: string;
-	tags?: string[];
-	sort?: "popular" | "recent" | "rating";
-	page?: number;
-	pageSize?: number;
-}): Promise<MarketplaceSearchResult> {
-	const searchParams = new URLSearchParams();
-	if (params.query) searchParams.set("query", params.query);
-	if (params.tags?.length) searchParams.set("tags", params.tags.join(","));
-	if (params.sort) searchParams.set("sort", params.sort);
-	if (params.page) searchParams.set("page", String(params.page));
-	if (params.pageSize) searchParams.set("pageSize", String(params.pageSize));
-
-	const qs = searchParams.toString();
-	const result = await marketplaceFetch<MarketplaceSearchResult>(
-		`/extensions${qs ? `?${qs}` : ""}`,
-	);
-
-	// Mark installed extensions
-	const installed = getRegisteredExtensions();
-	const installedIds = new Set(installed.map((e) => e.manifest.id));
-	for (const ext of result.extensions) {
-		ext.installed = installedIds.has(ext.id);
-	}
-
-	return result;
-}
-
-/**
- * Get a single marketplace extension by ID.
- */
-export async function getMarketplaceExtension(id: string): Promise<MarketplaceExtension | null> {
-	try {
-		const ext = await marketplaceFetch<MarketplaceExtension>(
-			`/extensions/${encodeURIComponent(id)}`,
-		);
-		const installed = getRegisteredExtensions();
-		ext.installed = installed.some((e) => e.manifest.id === ext.id);
-		return ext;
-	} catch {
-		return null;
-	}
-}
-
-/**
- * Download and install a marketplace extension.
- * Downloads the zip, extracts it to a temp dir, then installs from there.
- */
-export async function downloadAndInstallExtension(
-	extensionId: string,
-	downloadUrl: string,
-): Promise<{ success: boolean; error?: string }> {
-	// Validate download URL against allowed marketplace origins
-	const allowedOrigins = [
-		"https://marketplace.recordly.dev",
-		"https://recordly.dev",
-		...(app.isPackaged ? [] : ["http://localhost:3001"]),
-	];
-	try {
-		const url = new URL(downloadUrl);
-		if (!allowedOrigins.some((o) => url.origin === o)) {
-			return { success: false, error: `Untrusted download origin: ${url.origin}` };
-		}
-	} catch {
-		return { success: false, error: "Invalid download URL" };
-	}
-
-	const tempDir = path.join(app.getPath("temp"), `recordly-ext-${extensionId}-${Date.now()}`);
-	const zipPath = path.join(tempDir, "extension.zip");
-
-	try {
-		// Create temp directory
-		await fs.mkdir(tempDir, { recursive: true });
-
-		// Download the archive
-		const controller = new AbortController();
-		const timeoutId = setTimeout(() => controller.abort(), 60_000);
-
-		let response: Response;
-		try {
-			response = await fetch(downloadUrl, {
-				signal: controller.signal,
-				headers: {
-					"X-Recordly-Version": app.getVersion(),
-				},
-			});
-		} finally {
-			clearTimeout(timeoutId);
-		}
-
-		if (!response.ok) {
-			throw new Error(`Download failed with status ${response.status}`);
-		}
-
-		if (!response.body) {
-			throw new Error("Download response has no body");
-		}
-
-		// Write to disk
-		const fileStream = createWriteStream(zipPath);
-		await pipeline(Readable.fromWeb(response.body as NodeReadableStream), fileStream);
-
-		// Extract the zip — use the built-in decompress or shell unzip
-		const extractDir = path.join(tempDir, "extracted");
-		await fs.mkdir(extractDir, { recursive: true });
-
-		// Use Node's built-in unzip capability via child_process (execFile — no shell)
-		const { execFile } = await import("node:child_process");
-		await new Promise<void>((resolve, reject) => {
-			if (process.platform === "win32") {
-				// Use -LiteralPath to avoid PowerShell injection via single-quote in paths
-				execFile(
-					"powershell",
-					[
-						"-NoProfile",
-						"-NonInteractive",
-						"-command",
-						"Expand-Archive",
-						"-LiteralPath",
-						zipPath,
-						"-DestinationPath",
-						extractDir,
-						"-Force",
-					],
-					(error) => {
-						if (error) reject(error);
-						else resolve();
-					},
-				);
-			} else {
-				execFile("unzip", ["-o", zipPath, "-d", extractDir], (error) => {
-					if (error) reject(error);
-					else resolve();
-				});
-			}
-		});
-
-		// Security: verify no extracted file escaped the extraction directory
-		// (protects against zip-slip / path traversal entries in malicious archives)
-		// Use fs.realpath so the root matches what fs.realpath returns for children
-		// (on macOS /var is a symlink to /private/var — path.resolve does not
-		// resolve symlinks, so root and children would mismatch).
-		const resolvedExtractDir = await fs.realpath(extractDir);
-		await assertNoEscapedFiles(resolvedExtractDir, resolvedExtractDir);
-
-		// Find the manifest — it might be in a subfolder
-		const entries = await fs.readdir(extractDir, { withFileTypes: true });
-		let manifestDir = extractDir;
-
-		// If there's a single directory, look inside it for the manifest.
-		const dirs = entries.filter((e) => e.isDirectory());
-		if (dirs.length === 1 && !existsSync(path.join(extractDir, "recordly-extension.json"))) {
-			manifestDir = path.join(extractDir, dirs[0].name);
-		}
-
-		// Verify manifest exists
-		if (!existsSync(path.join(manifestDir, "recordly-extension.json"))) {
-			throw new Error(
-				"Downloaded extension does not contain a recordly-extension.json manifest",
-			);
-		}
-
-		// Install from the extracted directory
-		const info = await installExtensionFromPath(manifestDir);
-		if (!info) {
-			throw new Error("Extension validation failed after download");
-		}
-
-		// Track download count (fire-and-forget — CDN may cache the GET, so POST separately)
-		fetch(`${getMarketplaceUrl()}/extensions/${encodeURIComponent(extensionId)}/download`, {
-			method: "POST",
-			headers: { "X-Recordly-Version": app.getVersion() },
-		}).catch(() => undefined);
-
-		return { success: true };
-	} catch (error: unknown) {
-		return { success: false, error: getErrorMessage(error) };
-	} finally {
-		// Clean up temp directory
-		await fs.rm(tempDir, { recursive: true, force: true }).catch(() => undefined);
-	}
-}
-
-// ---------------------------------------------------------------------------
-// Review System (Admin)
-// ---------------------------------------------------------------------------
-
-/**
- * Fetch extensions pending review (admin only).
- */
-export async function fetchPendingReviews(params: {
-	status?: MarketplaceReviewStatus;
-	page?: number;
-	pageSize?: number;
-}): Promise<{ reviews: ExtensionReview[]; total: number }> {
-	const searchParams = new URLSearchParams();
-	if (params.status) searchParams.set("status", params.status);
-	if (params.page) searchParams.set("page", String(params.page));
-	if (params.pageSize) searchParams.set("pageSize", String(params.pageSize));
-
-	const qs = searchParams.toString();
-	return marketplaceFetch<{ reviews: ExtensionReview[]; total: number }>(
-		`/admin/reviews${qs ? `?${qs}` : ""}`,
-		{ admin: true },
-	);
-}
-
-/**
- * Update the review status of a submitted extension (admin only).
- */
-export async function updateReviewStatus(
-	reviewId: string,
-	status: MarketplaceReviewStatus,
-	notes?: string,
-): Promise<{ success: boolean }> {
-	return marketplaceFetch<{ success: boolean }>(
-		`/admin/reviews/${encodeURIComponent(reviewId)}`,
-		{
-			method: "PATCH",
-			body: { status, notes },
-			admin: true,
-		},
-	);
-}
-
-/**
- * Submit an extension for marketplace review.
- */
-export async function submitExtensionForReview(
-	extensionId: string,
-): Promise<{ success: boolean; reviewId?: string; error?: string }> {
-	try {
-		return await marketplaceFetch<{ success: boolean; reviewId?: string }>(
-			`/extensions/${encodeURIComponent(extensionId)}/submit`,
-			{ method: "POST" },
-		);
-	} catch (error: unknown) {
-		return { success: false, error: getErrorMessage(error) };
-	}
-}
diff --git a/electron/extensions/extensionTypes.ts b/electron/extensions/extensionTypes.ts
deleted file mode 100644
index c89e3a780..000000000
--- a/electron/extensions/extensionTypes.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Re-export of extension types for use in the main process.
- * The canonical types live in src/lib/extensions/types.ts.
- */
-
-export type {
-	ExtensionContributions,
-	ExtensionInfo,
-	ExtensionManifest,
-	ExtensionPermission,
-	ExtensionReview,
-	ExtensionStatus,
-	MarketplaceExtension,
-	MarketplaceReviewStatus,
-	MarketplaceSearchResult,
-} from "../../src/lib/extensions/types";
diff --git a/src/components/video-editor/ExtensionIcon.tsx b/src/components/video-editor/ExtensionIcon.tsx
deleted file mode 100644
index ef759ab2f..000000000
--- a/src/components/video-editor/ExtensionIcon.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import type { Icon, IconProps } from "@phosphor-icons/react";
-import * as PhosphorIcons from "@phosphor-icons/react";
-
-const WINDOWS_ABSOLUTE_PATH = /^[a-zA-Z]:[\\/]/;
-const { PuzzlePiece } = PhosphorIcons;
-
-const ICON_NAME_ALIASES: Record<string, keyof typeof PhosphorIcons> = {
-	Check: "Check",
-	ChevronDown: "CaretDown",
-	ChevronLeft: "CaretLeft",
-	ChevronRight: "CaretRight",
-	ChevronUp: "CaretUp",
-	Download: "DownloadSimple",
-	ExternalLink: "ArrowSquareOut",
-	Film: "FilmSlate",
-	FolderOpen: "FolderOpen",
-	HelpCircle: "Question",
-	ImageIcon: "ImageSquare",
-	Loader2: "Spinner",
-	MessageSquare: "ChatCircle",
-	MessageSquareMore: "ChatCircleDots",
-	Palette: "Palette",
-	Puzzle: "PuzzlePiece",
-	Redo2: "ArrowClockwise",
-	RefreshCw: "ArrowClockwise",
-	RotateCcw: "ArrowCounterClockwise",
-	Save: "FloppyDisk",
-	Search: "MagnifyingGlass",
-	Settings2: "Gear",
-	ShieldAlert: "ShieldWarning",
-	Trash2: "Trash",
-	Twitter: "TwitterLogo",
-	Undo2: "ArrowCounterClockwise",
-	Upload: "UploadSimple",
-	User: "UserCircle",
-	Volume1: "SpeakerLow",
-	Volume2: "SpeakerHigh",
-	VolumeX: "SpeakerX",
-	WandSparkles: "MagicWand",
-	ZoomIn: "MagnifyingGlassPlus",
-};
-
-function isImagePath(value: string): boolean {
-	return (
-		value.startsWith("data:") ||
-		value.startsWith("file://") ||
-		value.startsWith("http://") ||
-		value.startsWith("https://") ||
-		value.includes("/") ||
-		/\.(png|svg|jpg|jpeg|webp|gif)$/i.test(value)
-	);
-}
-
-function toFileHref(filePath: string): string {
-	const normalized = filePath.replace(/\\/g, "/");
-
-	if (normalized.startsWith("file://")) {
-		return normalized;
-	}
-
-	if (normalized.startsWith("/")) {
-		return `file://${normalized}`;
-	}
-
-	if (WINDOWS_ABSOLUTE_PATH.test(normalized)) {
-		return `file:///${normalized}`;
-	}
-
-	return normalized;
-}
-
-function resolveIconSrc(icon: string, extensionPath?: string | null): string | null {
-	if (!isImagePath(icon)) {
-		return null;
-	}
-
-	if (
-		icon.startsWith("data:") ||
-		icon.startsWith("file://") ||
-		icon.startsWith("http://") ||
-		icon.startsWith("https://")
-	) {
-		return icon;
-	}
-
-	if (icon.startsWith("/") || WINDOWS_ABSOLUTE_PATH.test(icon)) {
-		return toFileHref(icon);
-	}
-
-	if (!extensionPath) {
-		return icon;
-	}
-
-	const baseHref = toFileHref(extensionPath.endsWith("/") ? extensionPath : `${extensionPath}/`);
-	return new URL(icon, baseHref).toString();
-}
-
-function resolvePhosphorIcon(name: string): Icon | null {
-	const direct = PhosphorIcons[name as keyof typeof PhosphorIcons];
-	if (typeof direct === "function") {
-		return direct as Icon;
-	}
-
-	const alias = ICON_NAME_ALIASES[name];
-	if (!alias) {
-		return null;
-	}
-
-	const mapped = PhosphorIcons[alias];
-	return typeof mapped === "function" ? (mapped as Icon) : null;
-}
-
-/**
- * Renders either a Phosphor icon (by PascalCase name) or an image (by path/URL).
- * Falls back to the PuzzlePiece icon if nothing matches.
- */
-export function ExtensionIcon({
-	icon,
-	extensionPath,
-	className = "w-4 h-4",
-	imageClassName,
-	...rest
-}: {
-	icon?: string | null;
-	extensionPath?: string | null;
-	className?: string;
-	imageClassName?: string;
-} & Omit<IconProps, "ref">) {
-	if (!icon) {
-		return <PuzzlePiece className={className} {...rest} />;
-	}
-
-	const iconSrc = resolveIconSrc(icon, extensionPath);
-	if (iconSrc) {
-		return (
-			<img
-				src={iconSrc}
-				alt=""
-				className={imageClassName ?? className}
-				style={{ objectFit: "cover" }}
-			/>
-		);
-	}
-
-	const PhosphorIcon = resolvePhosphorIcon(icon);
-	if (PhosphorIcon) {
-		return <PhosphorIcon className={className} {...rest} />;
-	}
-
-	return <PuzzlePiece className={className} {...rest} />;
-}
diff --git a/src/components/video-editor/ExtensionManager.tsx b/src/components/video-editor/ExtensionManager.tsx
index b8fc0f589..99fdc3eb1 100644
--- a/src/components/video-editor/ExtensionManager.tsx
+++ b/src/components/video-editor/ExtensionManager.tsx
@@ -1,13 +1,10 @@
 import { PuzzlePiece } from "@phosphor-icons/react";
-import { useScopedT } from "@/contexts/I18nContext";
 
 export default function ExtensionManager() {
-	const t = useScopedT("extensions");
-
 	return (
 		<div className="flex h-full w-[332px] min-w-[280px] max-w-[332px] flex-[2] flex-col overflow-hidden rounded-2xl border border-foreground/10 bg-editor-panel shadow-xl">
 			<div className="flex h-12 shrink-0 items-center border-b border-foreground/10 px-4">
-				<h2 className="text-sm font-semibold text-foreground">{t("title")}</h2>
+				<h2 className="text-sm font-semibold text-foreground">Extensions</h2>
 			</div>
 
 			<div className="flex flex-1 items-center justify-center p-6">
diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx
index 5a6fa44a8..ea2c0cee8 100644
--- a/src/components/video-editor/SettingsPanel.tsx
+++ b/src/components/video-editor/SettingsPanel.tsx
@@ -21,18 +21,11 @@ import {
 import { Switch } from "@/components/ui/switch";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { useTheme } from "@/contexts/ThemeContext";
-import {
-	getAssetPath,
-	getRenderableAssetUrl,
-	getRenderableVideoUrl,
-	getWallpaperThumbnailUrl,
-} from "@/lib/assetPath";
+import { getAssetPath, getRenderableVideoUrl, getWallpaperThumbnailUrl } from "@/lib/assetPath";
 import {
 	TEMPORAL_MOTION_BLUR_DEFAULT_SAMPLE_COUNT,
 	TEMPORAL_MOTION_BLUR_DEFAULT_SHUTTER_FRACTION,
 } from "@/lib/exporter/temporalMotionBlur";
-import type { ExtensionSettingField } from "@/lib/extensions";
-import { extensionHost, type FrameInstance } from "@/lib/extensions";
 import { cn } from "@/lib/utils";
 import type { BuiltInWallpaper } from "@/lib/wallpapers";
 import {
@@ -120,15 +113,6 @@ const tahoeCursorUrl = cursorSetAssets.tahoe.arrow.url;
 const BUILTIN_CURSOR_PREVIEW_SIZE = 28;
 const BUILTIN_CURSOR_PREVIEW_FRAME_SIZE = 48;
 
-function getStepPrecision(step: number): number {
-	if (!Number.isFinite(step) || step <= 0) return 0;
-	const [mantissa = "0", exponentPart = "0"] = step.toExponential().split("e");
-	const exponent = Number.parseInt(exponentPart, 10);
-	const mantissaDecimals = (mantissa.split(".")[1] ?? "").replace(/0+$/, "").length;
-	const precision = exponent < 0 ? Math.max(0, -exponent + mantissaDecimals) : mantissaDecimals;
-	return Math.min(12, precision);
-}
-
 const GRADIENTS = [
 	"linear-gradient( 111.6deg,  rgba(114,167,232,1) 9.4%, rgba(253,129,82,1) 43.9%, rgba(253,129,82,1) 54.8%, rgba(249,202,86,1) 86.3% )",
 	"linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)",
@@ -258,172 +242,6 @@ function WallpaperVideoPreview({ src }: { src: string }) {
 	);
 }
 
-/**
- * Renders extension-contributed settings fields (toggle, slider, select, color, text).
- */
-function ExtensionSettingsSection({
-	extensionId,
-	label,
-	fields,
-}: {
-	extensionId: string;
-	label: string;
-	fields: ExtensionSettingField[];
-}) {
-	const [, forceUpdate] = useState(0);
-
-	return (
-		<div className="flex flex-col gap-1.5 mt-2 pt-2 border-t border-foreground/[0.06]">
-			<p className="text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/70">
-				{label}
-			</p>
-			{fields.map((field) => {
-				const value =
-					extensionHost.getExtensionSetting(extensionId, field.id) ?? field.defaultValue;
-
-				if (field.type === "toggle") {
-					return (
-						<div
-							key={field.id}
-							className="flex items-center justify-between rounded-lg bg-foreground/[0.03] px-2.5 py-1.5"
-						>
-							<span className="text-[11px] text-muted-foreground">{field.label}</span>
-							<Switch
-								checked={Boolean(value)}
-								onCheckedChange={(checked) => {
-									extensionHost.setExtensionSetting(
-										extensionId,
-										field.id,
-										checked,
-									);
-									forceUpdate((n) => n + 1);
-								}}
-								className="data-[state=checked]:bg-[#2563EB] scale-75"
-							/>
-						</div>
-					);
-				}
-
-				if (field.type === "slider") {
-					const step = field.step ?? 0.01;
-					const precision = getStepPrecision(step);
-					return (
-						<div key={field.id} className="mt-1">
-							<SliderControl
-								label={field.label}
-								value={
-									typeof value === "number"
-										? value
-										: (field.defaultValue as number)
-								}
-								defaultValue={field.defaultValue as number}
-								min={field.min ?? 0}
-								max={field.max ?? 1}
-								step={step}
-								onChange={(v) => {
-									extensionHost.setExtensionSetting(extensionId, field.id, v);
-									forceUpdate((n) => n + 1);
-								}}
-								formatValue={(v) => v.toFixed(precision)}
-								parseInput={(text) => parseFloat(text)}
-							/>
-						</div>
-					);
-				}
-
-				if (field.type === "select" && field.options) {
-					return (
-						<div
-							key={field.id}
-							className="flex items-center justify-between gap-2 rounded-lg bg-foreground/[0.03] px-2.5 py-1.5"
-						>
-							<span className="text-[11px] text-muted-foreground flex-shrink-0">
-								{field.label}
-							</span>
-							<Select
-								value={String(value)}
-								onValueChange={(v) => {
-									extensionHost.setExtensionSetting(extensionId, field.id, v);
-									forceUpdate((n) => n + 1);
-								}}
-							>
-								<SelectTrigger className="h-6 w-24 text-[10px] border-foreground/10 bg-foreground/[0.03]">
-									<SelectValue />
-								</SelectTrigger>
-								<SelectContent>
-									{field.options.map((opt) => (
-										<SelectItem
-											key={opt.value}
-											value={opt.value}
-											className="text-[10px]"
-										>
-											{opt.label}
-										</SelectItem>
-									))}
-								</SelectContent>
-							</Select>
-						</div>
-					);
-				}
-
-				if (field.type === "color") {
-					return (
-						<div
-							key={field.id}
-							className="flex items-center justify-between gap-2 rounded-lg bg-foreground/[0.03] px-2.5 py-1.5"
-						>
-							<span className="text-[11px] text-muted-foreground flex-shrink-0">
-								{field.label}
-							</span>
-							<input
-								type="color"
-								value={String(value)}
-								onChange={(e) => {
-									extensionHost.setExtensionSetting(
-										extensionId,
-										field.id,
-										e.target.value,
-									);
-									forceUpdate((n) => n + 1);
-								}}
-								className="w-7 h-5 rounded border border-foreground/10 cursor-pointer bg-transparent"
-							/>
-						</div>
-					);
-				}
-
-				if (field.type === "text") {
-					return (
-						<div
-							key={field.id}
-							className="flex items-center justify-between gap-2 rounded-lg bg-foreground/[0.03] px-2.5 py-1.5"
-						>
-							<span className="text-[11px] text-muted-foreground flex-shrink-0">
-								{field.label}
-							</span>
-							<input
-								type="text"
-								value={String(value)}
-								onChange={(e) => {
-									extensionHost.setExtensionSetting(
-										extensionId,
-										field.id,
-										e.target.value,
-									);
-									forceUpdate((n) => n + 1);
-								}}
-								className="w-24 h-6 rounded bg-foreground/[0.06] border border-foreground/10 px-1.5 text-[10px] text-foreground"
-							/>
-						</div>
-					);
-				}
-
-				return null;
-			})}
-		</div>
-	);
-}
-
 const MOTION_PRESET_ORDER: CursorMotionPresetId[] = ["focused", "smooth"];
 
 const CURSOR_CLICK_EFFECT_OPTIONS: Array<{
@@ -811,8 +629,6 @@ interface SettingsPanelProps {
 	onClearWebcam?: () => void;
 	padding?: Padding;
 	onPaddingChange?: (padding: Padding) => void;
-	frame?: string | null;
-	onFrameChange?: (frameId: string | null) => void;
 	cropRegion?: CropRegion;
 	onCropChange?: (region: CropRegion) => void;
 	aspectRatio: AspectRatio;
@@ -1256,8 +1072,6 @@ export function SettingsPanel({
 	onClearWebcam,
 	padding = DEFAULT_PADDING,
 	onPaddingChange,
-	frame = null,
-	onFrameChange,
 	cropRegion,
 	onCropChange,
 	aspectRatio,
@@ -1301,13 +1115,7 @@ export function SettingsPanel({
 	const initialEditorPreferences = useMemo(() => loadEditorPreferences(), []);
 	const [builtInWallpapers, setBuiltInWallpapers] =
 		useState<BuiltInWallpaper[]>(BUILT_IN_WALLPAPERS);
-	const [extensionWallpapers, setExtensionWallpapers] = useState<
-		ReturnType<typeof extensionHost.getContributedWallpapers>
-	>([]);
 	const [wallpaperPreviewPaths, setWallpaperPreviewPaths] = useState<string[]>([]);
-	const [extensionWallpaperPreviewUrls, setExtensionWallpaperPreviewUrls] = useState<
-		Record<string, string>
-	>({});
 	const [customImages, setCustomImages] = useState<string[]>(
 		initialEditorPreferences.customWallpapers,
 	);
@@ -1320,10 +1128,6 @@ export function SettingsPanel({
 		() => builtInWallpapers.map((wallpaper) => wallpaper.publicPath),
 		[builtInWallpapers],
 	);
-	const extensionWallpaperPaths = useMemo(
-		() => extensionWallpapers.map((wallpaper) => wallpaper.resolvedUrl),
-		[extensionWallpapers],
-	);
 	const captionCueCount = autoCaptions.length;
 	const updateAutoCaptionSettings = (partial: Partial<AutoCaptionSettings>) => {
 		onAutoCaptionSettingsChange?.({
@@ -1365,57 +1169,6 @@ export function SettingsPanel({
 		};
 	}, []);
 
-	useEffect(() => {
-		let cancelled = false;
-
-		const updateExtensionAssets = async () => {
-			const wallpapers = extensionHost.getContributedWallpapers();
-			const cursorStyles = extensionHost.getContributedCursorStyles();
-			const [wallpaperPreviewEntries, cursorPreviewEntries] = await Promise.all([
-				Promise.all(
-					wallpapers.map(
-						async (wallpaper) =>
-							[
-								wallpaper.id,
-								isVideoWallpaperSource(wallpaper.resolvedThumbnailUrl)
-									? wallpaper.resolvedThumbnailUrl
-									: await getWallpaperThumbnailUrl(
-											wallpaper.resolvedThumbnailUrl,
-										),
-							] as const,
-					),
-				),
-				Promise.all(
-					cursorStyles.map(
-						async (cursorStyle) =>
-							[
-								cursorStyle.id,
-								await getRenderableAssetUrl(cursorStyle.resolvedDefaultUrl),
-							] as const,
-					),
-				),
-			]);
-
-			if (cancelled) {
-				return;
-			}
-
-			setExtensionWallpapers(wallpapers);
-			setExtensionWallpaperPreviewUrls(Object.fromEntries(wallpaperPreviewEntries));
-			setExtensionCursorStyles(cursorStyles);
-			setExtensionCursorPreviewUrls(Object.fromEntries(cursorPreviewEntries));
-		};
-
-		void updateExtensionAssets();
-		const unsubscribe = extensionHost.onChange(() => {
-			void updateExtensionAssets();
-		});
-
-		return () => {
-			cancelled = true;
-			unsubscribe();
-		};
-	}, []);
 	const colorPalette = [
 		"#FF0000",
 		"#FFD700",
@@ -1443,39 +1196,6 @@ export function SettingsPanel({
 	);
 	const removeBackgroundEnabled = aspectRatio === "native" && isZeroPadding(padding);
 
-	// Device frames from extension system
-	const [availableFrames, setAvailableFrames] = useState<FrameInstance[]>([]);
-	useEffect(() => {
-		const update = () => setAvailableFrames(extensionHost.getFrames());
-		update();
-		return extensionHost.onChange(update);
-	}, []);
-
-	// Extension-contributed settings panels
-	const [extensionPanels, setExtensionPanels] = useState<
-		ReturnType<typeof extensionHost.getSettingsPanels>
-	>([]);
-	useEffect(() => {
-		const update = () => setExtensionPanels(extensionHost.getSettingsPanels());
-		update();
-		return extensionHost.onChange(update);
-	}, []);
-
-	const renderExtensionPanelsForSections = (...sections: string[]) =>
-		extensionPanels
-			.filter((panel) => {
-				const parentSection = panel.panel.parentSection;
-				return parentSection ? sections.includes(parentSection) : false;
-			})
-			.map((panel) => (
-				<ExtensionSettingsSection
-					key={`${panel.extensionId}/${panel.panel.id}`}
-					extensionId={panel.extensionId}
-					label={panel.panel.label}
-					fields={panel.panel.fields}
-				/>
-			));
-
 	const [backgroundTab, setBackgroundTab] = useState<BackgroundTab>(() =>
 		getBackgroundTabForWallpaper(selected),
 	);
@@ -1484,31 +1204,13 @@ export function SettingsPanel({
 	const defaultWebcam = initialEditorPreferences.webcam;
 	const [internalActiveEffectSection] = useState<EditorEffectSection>("scene");
 	const activeEffectSection = activeEffectSectionProp ?? internalActiveEffectSection;
-	const [extensionCursorStyles, setExtensionCursorStyles] = useState<
-		ReturnType<typeof extensionHost.getContributedCursorStyles>
-	>([]);
 	const [builtInCursorPreviewUrls, setBuiltInCursorPreviewUrls] = useState<
 		Partial<Record<string, string>>
 	>({});
-	const [extensionCursorPreviewUrls, setExtensionCursorPreviewUrls] = useState<
-		Partial<Record<string, string>>
-	>({});
 	const [showCursorClickEffectAdvanced, setShowCursorClickEffectAdvanced] = useState(false);
-	const cursorPreviewUrls = useMemo(
-		() => ({ ...builtInCursorPreviewUrls, ...extensionCursorPreviewUrls }),
-		[builtInCursorPreviewUrls, extensionCursorPreviewUrls],
-	);
+	const cursorPreviewUrls = builtInCursorPreviewUrls;
 	const showDevMotionControls = import.meta.env.DEV;
-	const cursorStyleOptions = useMemo<CursorStyleOption[]>(
-		() => [
-			...BUILTIN_CURSOR_STYLE_OPTIONS,
-			...extensionCursorStyles.map((cursorStyle) => ({
-				value: cursorStyle.id as CursorStyle,
-				label: cursorStyle.cursorStyle.label,
-			})),
-		],
-		[extensionCursorStyles],
-	);
+	const cursorStyleOptions = BUILTIN_CURSOR_STYLE_OPTIONS;
 
 	useEffect(() => {
 		let cancelled = false;
@@ -1564,14 +1266,12 @@ export function SettingsPanel({
 		}
 
 		const isKnownWallpaper =
-			builtInWallpaperPaths.includes(selected) ||
-			wallpaperPreviewPaths.includes(selected) ||
-			extensionWallpaperPaths.includes(selected);
+			builtInWallpaperPaths.includes(selected) || wallpaperPreviewPaths.includes(selected);
 
 		if (!isKnownWallpaper && isVideoWallpaperSource(selected)) {
 			setCustomImages((prev) => (prev.includes(selected) ? prev : [selected, ...prev]));
 		}
-	}, [builtInWallpaperPaths, extensionWallpaperPaths, selected, wallpaperPreviewPaths]);
+	}, [builtInWallpaperPaths, selected, wallpaperPreviewPaths]);
 
 	const imageWallpaperTiles = useMemo<WallpaperTile[]>(() => {
 		const imageWallpapers = builtInWallpapers.filter(
@@ -1591,24 +1291,8 @@ export function SettingsPanel({
 				};
 			});
 
-		const extensionTiles = extensionWallpapers
-			.filter((wallpaper) => !isVideoWallpaperSource(wallpaper.resolvedUrl))
-			.map((wallpaper) => ({
-				key: wallpaper.id,
-				label: wallpaper.wallpaper.label,
-				value: wallpaper.resolvedUrl,
-				previewUrl:
-					extensionWallpaperPreviewUrls[wallpaper.id] ?? wallpaper.resolvedThumbnailUrl,
-			}));
-
-		return [...builtInTiles, ...extensionTiles];
-	}, [
-		builtInWallpaperPaths,
-		builtInWallpapers,
-		extensionWallpaperPreviewUrls,
-		extensionWallpapers,
-		wallpaperPreviewPaths,
-	]);
+		return builtInTiles;
+	}, [builtInWallpaperPaths, builtInWallpapers, wallpaperPreviewPaths]);
 
 	const videoWallpaperTiles = useMemo<WallpaperTile[]>(() => {
 		const builtInTiles = builtInWallpapers
@@ -1620,18 +1304,8 @@ export function SettingsPanel({
 				previewUrl: wallpaper.publicPath,
 			}));
 
-		const extensionTiles = extensionWallpapers
-			.filter((wallpaper) => isVideoWallpaperSource(wallpaper.resolvedUrl))
-			.map((wallpaper) => ({
-				key: wallpaper.id,
-				label: wallpaper.wallpaper.label,
-				value: wallpaper.resolvedUrl,
-				previewUrl:
-					extensionWallpaperPreviewUrls[wallpaper.id] ?? wallpaper.resolvedThumbnailUrl,
-			}));
-
-		return [...builtInTiles, ...extensionTiles];
-	}, [builtInWallpapers, extensionWallpaperPreviewUrls, extensionWallpapers]);
+		return builtInTiles;
+	}, [builtInWallpapers]);
 
 	useEffect(() => {
 		saveEditorPreferences({ customWallpapers: customImages });
@@ -1819,7 +1493,6 @@ export function SettingsPanel({
 		const preferredWallpaper = initialEditorPreferences.wallpaper;
 		const hasPreferredWallpaper =
 			(preferredWallpaper && builtInWallpaperPaths.includes(preferredWallpaper)) ||
-			(preferredWallpaper && extensionWallpaperPaths.includes(preferredWallpaper)) ||
 			(preferredWallpaper && customImages.includes(preferredWallpaper)) ||
 			(preferredWallpaper && isHexWallpaper(preferredWallpaper)) ||
 			(preferredWallpaper && GRADIENTS.includes(preferredWallpaper));
@@ -1827,7 +1500,6 @@ export function SettingsPanel({
 		onWallpaperChange(
 			(hasPreferredWallpaper ? preferredWallpaper : "") ||
 				builtInWallpaperPaths[0] ||
-				extensionWallpaperPaths[0] ||
 				BUILT_IN_WALLPAPERS[0]?.publicPath ||
 				"",
 		);
@@ -1914,17 +1586,10 @@ export function SettingsPanel({
 	};
 
 	const resetFrameSection = () => {
-		const preferredFrame = initialEditorPreferences.frame;
-		const resolvedFrame = preferredFrame
-			? availableFrames.some((candidate) => candidate.id === preferredFrame)
-				? preferredFrame
-				: null
-			: null;
 		onShadowChange?.(initialEditorPreferences.shadowIntensity);
 		onBorderRadiusChange?.(initialEditorPreferences.borderRadius);
 		onAspectRatioChange?.(initialEditorPreferences.aspectRatio);
 		onPaddingChange?.({ ...initialEditorPreferences.padding });
-		onFrameChange?.(resolvedFrame);
 		removeBackgroundStateRef.current = null;
 	};
 
@@ -2021,12 +1686,7 @@ export function SettingsPanel({
 		setCustomImages((prev) => prev.filter((img) => img !== imageUrl));
 		// If the removed image was selected, clear selection
 		if (selected === imageUrl) {
-			onWallpaperChange(
-				builtInWallpaperPaths[0] ??
-					extensionWallpaperPaths[0] ??
-					BUILT_IN_WALLPAPERS[0]?.publicPath ??
-					"",
-			);
+			onWallpaperChange(builtInWallpaperPaths[0] ?? BUILT_IN_WALLPAPERS[0]?.publicPath ?? "");
 		}
 	};
 
@@ -2511,53 +2171,6 @@ export function SettingsPanel({
 						className="data-[state=checked]:bg-[#2563EB] scale-75"
 					/>
 				</div>
-				{/* Frame Picker */}
-				{availableFrames.length > 0 && (
-					<div className="flex flex-col gap-1.5 mt-1">
-						<div className="flex items-center justify-between">
-							<span className="text-[10px] text-muted-foreground">Frame</span>
-							{frame && (
-								<button
-									type="button"
-									onClick={() => onFrameChange?.(null)}
-									className="text-[9px] text-[#2563EB] hover:opacity-80"
-								>
-									Remove
-								</button>
-							)}
-						</div>
-						<div className="grid grid-cols-3 gap-1.5">
-							{availableFrames.map((f) => {
-								const isSelected = frame === f.id;
-								return (
-									<button
-										key={f.id}
-										type="button"
-										onClick={() => onFrameChange?.(isSelected ? null : f.id)}
-										className={cn(
-											"flex flex-col items-center gap-1 p-1.5 rounded-lg border transition-all text-center",
-											isSelected
-												? "border-[#2563EB]/50 bg-[#2563EB]/10 ring-1 ring-[#2563EB]/30"
-												: "border-foreground/[0.06] bg-white/[0.02] hover:bg-foreground/[0.05]",
-										)}
-									>
-										<div className="w-full aspect-video rounded bg-foreground/10 overflow-hidden flex items-center justify-center">
-											<img
-												src={f.thumbnailPath}
-												alt={f.label}
-												className="w-full h-full object-contain"
-												draggable={false}
-											/>
-										</div>
-										<span className="text-[8px] text-muted-foreground truncate w-full leading-tight">
-											{f.label}
-										</span>
-									</button>
-								);
-							})}
-						</div>
-					</div>
-				)}
 			</div>
 		</section>
 	);
@@ -2879,7 +2492,6 @@ export function SettingsPanel({
 					formatValue={(value) => `${Math.round(value * 100)}%`}
 					parseInput={(text) => parseFloat(text.replace(/%$/, "")) / 100}
 				/>
-				{renderExtensionPanelsForSections("captions")}
 			</div>
 		</section>
 	);
@@ -3272,7 +2884,6 @@ export function SettingsPanel({
 				{backgroundSettingsContent}
 				{frameSectionContent}
 				{cropSectionContent}
-				{renderExtensionPanelsForSections("scene", "appearance", "frame", "crop")}
 			</div>
 		);
 
@@ -3410,7 +3021,6 @@ export function SettingsPanel({
 						{tSettings("zoom.deleteZoom")}
 					</Button>
 				)}
-				{renderExtensionPanelsForSections("zoom", "appearance", "frame", "crop")}
 			</section>
 		);
 
@@ -3920,7 +3530,6 @@ export function SettingsPanel({
 								</div>
 							) : null}
 						</div>
-						{renderExtensionPanelsForSections("cursor")}
 					</section>
 				);
 			case "webcam":
@@ -4181,32 +3790,10 @@ export function SettingsPanel({
 									</div>
 								</div>
 							</div>
-							{renderExtensionPanelsForSections("webcam")}
 						</div>
 					</section>
 				);
 			default: {
-				// Handle extension-contributed standalone section pages (ext:extensionId/panelId)
-				if (activeEffectSection?.startsWith("ext:")) {
-					const panels = extensionPanels.filter(
-						(p) =>
-							!p.panel.parentSection &&
-							`ext:${p.extensionId}/${p.panel.id}` === activeEffectSection,
-					);
-					if (panels.length > 0) {
-						const p = panels[0];
-						return (
-							<section className="flex flex-col gap-2">
-								<SectionLabel>{p.panel.label}</SectionLabel>
-								<ExtensionSettingsSection
-									extensionId={p.extensionId}
-									label={p.panel.label}
-									fields={p.panel.fields}
-								/>
-							</section>
-						);
-					}
-				}
 				return sceneSectionContent;
 			}
 		}
diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index 4a5685a10..596a84d87 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -86,7 +86,6 @@ import {
 	getAspectRatioValue,
 } from "@/utils/aspectRatioUtils";
 import { planClipSpeedChange } from "./clipSpeedChange";
-import { ExtensionIcon } from "./ExtensionIcon";
 import {
 	calculateMp4ExportDimensions,
 	calculateMp4SourceDimensions,
@@ -120,7 +119,6 @@ const PhSettings = (props: { className?: string; weight?: "fill" | "regular" })
 );
 
 import type { SourceAudioTrackSettings } from "@/components/video-editor/audio/audioTypes";
-import { extensionHost } from "@/lib/extensions";
 import { useVideoEditorAudio } from "./audio/useVideoEditorAudio";
 import { resolveAutoCaptionSourcePath } from "./autoCaptionSource";
 import { CropControl } from "./CropControl";
@@ -534,7 +532,6 @@ export default function VideoEditor() {
 	const [cursorSway, setCursorSway] = useState(initialEditorPreferences.cursorSway);
 	const [borderRadius, setBorderRadius] = useState(initialEditorPreferences.borderRadius);
 	const [padding, setPadding] = useState(initialEditorPreferences.padding);
-	const [frame, setFrame] = useState<string | null>(initialEditorPreferences.frame);
 	const [cropRegion, setCropRegion] = useState<CropRegion>(DEFAULT_CROP_REGION);
 	const [webcam, setWebcam] = useState<WebcamOverlaySettings>(
 		initialEditorPreferences.webcam ?? DEFAULT_WEBCAM_OVERLAY,
@@ -792,7 +789,6 @@ export default function VideoEditor() {
 			cursorSway,
 			borderRadius,
 			padding: { ...padding },
-			frame,
 			cropRegion: { ...cropRegion },
 			webcam: { ...webcam },
 			aspectRatio,
@@ -849,7 +845,6 @@ export default function VideoEditor() {
 			cursorSway,
 			borderRadius,
 			padding,
-			frame,
 			cropRegion,
 			webcam,
 			aspectRatio,
@@ -947,7 +942,6 @@ export default function VideoEditor() {
 		setCursorSway(snapshot.cursorSway);
 		setBorderRadius(snapshot.borderRadius);
 		setPadding({ ...snapshot.padding });
-		setFrame(snapshot.frame);
 		setCropRegion({ ...snapshot.cropRegion });
 		setWebcam({ ...snapshot.webcam });
 		setAspectRatio(snapshot.aspectRatio);
@@ -1615,37 +1609,6 @@ export default function VideoEditor() {
 		mp4SourceDimensions.width,
 	]);
 
-	// Extension-contributed standalone section pages (no parentSection)
-	const [extensionSectionButtons, setExtensionSectionButtons] = useState<
-		{
-			id: EditorEffectSection;
-			label: string;
-			icon: typeof PhPuzzle | string;
-			extensionPath?: string | null;
-		}[]
-	>([]);
-	useEffect(() => {
-		const update = () => {
-			const panels = extensionHost.getSettingsPanels();
-			const extensionPathById = new Map(
-				extensionHost
-					.getActiveExtensions()
-					.map((extension) => [extension.manifest.id, extension.path]),
-			);
-			const standalone = panels
-				.filter((p) => !p.panel.parentSection)
-				.map((p) => ({
-					id: `ext:${p.extensionId}/${p.panel.id}` as EditorEffectSection,
-					label: p.panel.label,
-					icon: p.panel.icon || (PhPuzzle as typeof PhPuzzle | string),
-					extensionPath: extensionPathById.get(p.extensionId),
-				}));
-			setExtensionSectionButtons(standalone);
-		};
-		update();
-		return extensionHost.onChange(update);
-	}, []);
-
 	const editorSectionButtons = useMemo(
 		() => [
 			{ id: "scene" as const, label: t("settings.sections.scene", "Scene"), icon: PhSparkle },
@@ -1669,14 +1632,13 @@ export default function VideoEditor() {
 				label: t("settings.sections.settings", "Settings"),
 				icon: PhSettings,
 			},
-			...extensionSectionButtons,
 			{
 				id: "extensions" as const,
 				label: t("settings.sections.extensions", "Extensions"),
 				icon: PhPuzzle,
 			},
 		],
-		[t, extensionSectionButtons],
+		[t],
 	);
 
 	useEffect(() => {
@@ -1729,7 +1691,6 @@ export default function VideoEditor() {
 				cursorSway: number;
 				borderRadius: number;
 				padding: Padding;
-				frame: string | null;
 				cropRegion: CropRegion;
 				webcam: WebcamOverlaySettings;
 				zoomRegions: ZoomRegion[];
@@ -1852,7 +1813,6 @@ export default function VideoEditor() {
 				cursorSway,
 				borderRadius,
 				padding,
-				frame,
 				cropRegion,
 				webcam,
 				zoomRegions,
@@ -1939,7 +1899,6 @@ export default function VideoEditor() {
 			gifFrameRate,
 			gifLoop,
 			gifSizePreset,
-			frame,
 			sourceAudioTrackSettingsByClip,
 			defaultSourceAudioTrackSettings,
 		],
@@ -2108,7 +2067,6 @@ export default function VideoEditor() {
 			setCursorSway(normalizedEditor.cursorSway);
 			setBorderRadius(normalizedEditor.borderRadius);
 			setPadding(normalizedEditor.padding);
-			setFrame(normalizedEditor.frame);
 			setCropRegion(normalizedEditor.cropRegion);
 			setWebcam(normalizedEditor.webcam);
 			setZoomRegions(normalizedEditor.zoomRegions);
@@ -2657,7 +2615,6 @@ export default function VideoEditor() {
 			cursorSway,
 			borderRadius,
 			padding,
-			frame,
 			webcam,
 			aspectRatio,
 			exportEncodingMode,
@@ -2713,7 +2670,6 @@ export default function VideoEditor() {
 		cursorSway,
 		borderRadius,
 		padding,
-		frame,
 		webcam,
 		aspectRatio,
 		exportEncodingMode,
@@ -3835,10 +3791,6 @@ export default function VideoEditor() {
 			setSelectedZoomId(id);
 			setSelectedAnnotationId(null);
 			setSelectedCaptionId(null);
-			extensionHost.emitEvent({
-				type: "timeline:region-added",
-				data: { id, startMs: newRegion.startMs, endMs: newRegion.endMs },
-			});
 		},
 		[videoPath],
 	);
@@ -3860,10 +3812,6 @@ export default function VideoEditor() {
 			}
 			setZoomRegions((prev) => [...prev, newRegion]);
 			// Don't auto-select suggested zooms — they follow cursor and don't need user interaction
-			extensionHost.emitEvent({
-				type: "timeline:region-added",
-				data: { id, startMs: newRegion.startMs, endMs: newRegion.endMs },
-			});
 		},
 		[videoPath],
 	);
@@ -4026,7 +3974,6 @@ export default function VideoEditor() {
 			if (selectedZoomId === id) {
 				setSelectedZoomId(null);
 			}
-			extensionHost.emitEvent({ type: "timeline:region-removed", data: { id } });
 		},
 		[selectedZoomId],
 	);
@@ -4597,7 +4544,6 @@ export default function VideoEditor() {
 			setExportProgress(null);
 			setExportError(null);
 			clearPendingExportSave();
-			extensionHost.emitEvent({ type: "export:start" });
 			const smokeExportStartedAt = smokeExportConfig.enabled ? performance.now() : null;
 
 			let keepExportDialogOpen = false;
@@ -4688,7 +4634,6 @@ export default function VideoEditor() {
 						cursorClickBounce,
 						cursorClickBounceDuration,
 						cursorSway,
-						frame,
 						previewWidth,
 						previewHeight,
 						maxDecodeQueue: smokeExportConfig.maxDecodeQueue,
@@ -4871,7 +4816,6 @@ export default function VideoEditor() {
 						cursorClickBounce,
 						cursorClickBounceDuration,
 						cursorSway,
-						frame,
 						audioRegions,
 						clipRegions,
 						sourceAudioFallbackPaths: audio.sourceAudioFallbackPaths,
@@ -5088,7 +5032,6 @@ export default function VideoEditor() {
 					window.close();
 				}
 			} finally {
-				extensionHost.emitEvent({ type: "export:complete" });
 				setIsExporting(false);
 				exporterRef.current = null;
 				setShowExportDropdown(keepExportDialogOpen);
@@ -5177,7 +5120,6 @@ export default function VideoEditor() {
 			smokeExportConfig.pipelineModel,
 			smokeExportConfig.shadowIntensity,
 			effectiveSpeedRegions,
-			frame,
 			selectedClipId,
 			smokeExportConfig.encodingMode,
 			smokeExportConfig.fps,
@@ -5570,7 +5512,6 @@ export default function VideoEditor() {
 			connectedZoomEasing={connectedZoomEasing}
 			borderRadius={0}
 			padding={padding}
-			frame={frame}
 			cropRegion={cropRegion}
 			webcam={webcam}
 			webcamVideoPath={webcam.sourcePath ? resolvedWebcamVideoUrl : null}
@@ -6295,18 +6236,10 @@ export default function VideoEditor() {
 												}}
 												transition={{ duration: 0.14 }}
 											>
-												{typeof section.icon === "string" ? (
-													<ExtensionIcon
-														icon={section.icon}
-														extensionPath={section.extensionPath}
-														className="h-[27px] w-[27px]"
-													/>
-												) : (
-													<section.icon
-														className="h-[27px] w-[27px]"
-														weight={isActive ? "fill" : "regular"}
-													/>
-												)}
+												<section.icon
+													className="h-[27px] w-[27px]"
+													weight={isActive ? "fill" : "regular"}
+												/>
 											</motion.span>
 										</motion.button>
 										<div className="ml-1.5 h-1.5 w-1.5 flex-shrink-0">
@@ -6517,8 +6450,6 @@ export default function VideoEditor() {
 								onClearWebcam={handleClearWebcam}
 								padding={padding}
 								onPaddingChange={setPadding}
-								frame={frame}
-								onFrameChange={setFrame}
 								cropRegion={cropRegion}
 								onCropChange={setCropRegion}
 								aspectRatio={aspectRatio}
diff --git a/src/components/video-editor/VideoPlayback.tsx b/src/components/video-editor/VideoPlayback.tsx
index 82b3c5c76..cf5cc744a 100644
--- a/src/components/video-editor/VideoPlayback.tsx
+++ b/src/components/video-editor/VideoPlayback.tsx
@@ -69,67 +69,6 @@ import {
 	stepSpringValue,
 } from "./videoPlayback/motionSmoothing";
 
-function getContributedCursorStylesSignature() {
-	return extensionHost
-		.getContributedCursorStyles()
-		.map(
-			(cursorStyle) =>
-				`${cursorStyle.id}:${cursorStyle.resolvedDefaultUrl}:${cursorStyle.resolvedClickUrl ?? ""}:${cursorStyle.cursorStyle.hotspot?.x ?? ""}:${cursorStyle.cursorStyle.hotspot?.y ?? ""}`,
-		)
-		.sort()
-		.join("|");
-}
-
-function getRegisteredFramesSignature() {
-	return extensionHost
-		.getFrames()
-		.map(
-			(frame) =>
-				`${frame.id}:${frame.filePath}:${frame.thumbnailPath}:${frame.appearance ?? ""}`,
-		)
-		.sort()
-		.join("|");
-}
-
-function serializeExtensionSettingValue(value: unknown): string {
-	try {
-		const serialized = JSON.stringify(value);
-		return serialized ?? "undefined";
-	} catch {
-		try {
-			return String(value);
-		} catch {
-			return "[unserializable]";
-		}
-	}
-}
-
-function getExtensionSettingsSignature() {
-	return extensionHost
-		.getSettingsPanels()
-		.flatMap((registeredPanel) => {
-			const { extensionId, panel } = registeredPanel;
-			return panel.fields.map((field) => {
-				const value = extensionHost.getExtensionSetting(extensionId, field.id);
-				return `${extensionId}:${panel.id}:${field.id}:${serializeExtensionSettingValue(value)}`;
-			});
-		})
-		.sort()
-		.join("|");
-}
-
-import { extensionHost } from "@/lib/extensions";
-import {
-	mapCursorToCanvasNormalized,
-	mapSmoothedCursorToCanvasNormalized,
-} from "@/lib/extensions/cursorCoordinates";
-import {
-	clearCursorEffects,
-	executeExtensionCursorEffects,
-	executeExtensionRenderHooks,
-	notifyCursorInteraction,
-} from "@/lib/extensions/renderHooks";
-import { applyCanvasSceneTransform } from "@/lib/extensions/sceneTransform";
 import { getSquircleSvgPath } from "@/lib/geometry/squircle";
 import { type AspectRatio, formatAspectRatioForCSS } from "@/utils/aspectRatioUtils";
 import { AnnotationOverlay } from "./AnnotationOverlay";
@@ -261,44 +200,6 @@ function summarizeRendererAttempts(attempts: readonly PixiRendererAttempt[]): st
 	return `No supported Pixi preview renderer was available. Attempted: ${details}`;
 }
 
-function getCursorPositionAtTime(
-	telemetry: CursorTelemetryPoint[],
-	timeMs: number,
-	params?: {
-		maskRect?: { x: number; y: number; width: number; height: number } | null;
-		canvasWidth: number;
-		canvasHeight: number;
-	},
-): { cx: number; cy: number; interactionType?: string } | null {
-	if (telemetry.length === 0) {
-		return null;
-	}
-
-	let closest = telemetry[0];
-	let minDist = Math.abs(telemetry[0].timeMs - timeMs);
-
-	for (let index = 1; index < telemetry.length; index++) {
-		const point = telemetry[index];
-		const distance = Math.abs(point.timeMs - timeMs);
-		if (distance < minDist) {
-			minDist = distance;
-			closest = point;
-		}
-		if (point.timeMs > timeMs) {
-			break;
-		}
-	}
-
-	return mapCursorToCanvasNormalized(
-		{
-			cx: closest.cx,
-			cy: closest.cy,
-			interactionType: closest.interactionType,
-		},
-		params ?? { canvasWidth: 1, canvasHeight: 1 },
-	);
-}
-
 function getEffectiveNativeAspectRatio(
 	dimensions: { width: number; height: number } | null | undefined,
 	cropRegion?: import("./types").CropRegion,
@@ -347,7 +248,6 @@ interface VideoPlaybackProps {
 	connectedZoomEasing?: ZoomTransitionEasing;
 	borderRadius?: number;
 	padding?: Padding | number;
-	frame?: string | null;
 	cropRegion?: import("./types").CropRegion;
 	webcam?: WebcamOverlaySettings;
 	webcamVideoPath?: string | null;
@@ -432,7 +332,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			connectedZoomEasing = DEFAULT_CONNECTED_ZOOM_EASING,
 			borderRadius = 0,
 			padding = DEFAULT_PADDING,
-			frame = null,
 			cropRegion,
 			webcam,
 			webcamVideoPath,
@@ -494,7 +393,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		const [pixiRendererBackend, setPixiRendererBackend] = useState<PixiPreviewBackend | null>(
 			null,
 		);
-		const [frameUpdateCounter, setFrameUpdateCounter] = useState(0);
 		const [annotationSceneTransform, setAnnotationSceneTransform] =
 			useState<SceneTransformState>({
 				scale: 1,
@@ -509,24 +407,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				height: 0,
 			});
 
-		useEffect(() => {
-			let framesSignature = getRegisteredFramesSignature();
-			let settingsSignature = getExtensionSettingsSignature();
-			return extensionHost.onChange(() => {
-				const nextFramesSignature = getRegisteredFramesSignature();
-				const nextSettingsSignature = getExtensionSettingsSignature();
-				if (
-					nextFramesSignature === framesSignature &&
-					nextSettingsSignature === settingsSignature
-				) {
-					return;
-				}
-				framesSignature = nextFramesSignature;
-				settingsSignature = nextSettingsSignature;
-				setFrameUpdateCounter((c) => c + 1);
-			});
-		}, []);
-
 		const overlayRef = useRef<HTMLDivElement | null>(null);
 		const focusIndicatorRef = useRef<HTMLDivElement | null>(null);
 		const webcamVideoRef = useRef<HTMLVideoElement | null>(null);
@@ -567,10 +447,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		}>({ x: 0, y: 0, width: 0, height: 0 });
 		const cropBoundsRef = useRef({ startX: 0, endX: 0, startY: 0, endY: 0 });
 		const maskGraphicsRef = useRef<Graphics | null>(null);
-		const frameSpriteRef = useRef<Sprite | null>(null);
-		const frameContainerRef = useRef<Container | null>(null);
-		const frameIdRef = useRef<string | null>(frame);
-		const frameReloadKeyRef = useRef<string | null>(null);
 		const isPlayingRef = useRef(isPlaying);
 		const suspendRenderingRef = useRef(suspendRendering);
 		const isSeekingRef = useRef(false);
@@ -596,7 +472,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		const connectedZoomEasingRef = useRef(connectedZoomEasing);
 		const videoReadyRafRef = useRef<number | null>(null);
 		const cursorOverlayRef = useRef<PixiCursorOverlay | null>(null);
-		const cursorEffectsCanvasRef = useRef<HTMLCanvasElement | null>(null);
 		const cursorTelemetryRef = useRef<CursorTelemetryPoint[]>([]);
 		const showCursorRef = useRef(showCursor);
 		const cursorSizeRef = useRef(cursorSize);
@@ -619,7 +494,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		const cursorSwayRef = useRef(cursorSway);
 		const zoomMotionBlurRef = useRef(zoomMotionBlur);
 		const zoomMotionBlurTuningRef = useRef(zoomMotionBlurTuning);
-		const lastEmittedClickTimeMsRef = useRef(-1);
 
 		// Spring animation state for smooth zoom transitions
 		const springScaleRef = useRef<SpringState>(createSpringState(1));
@@ -1117,17 +991,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				};
 			}
 
-			// Look up device frame insets so layout centers the full frame (video + bezels)
-			let frameInsets: { top: number; right: number; bottom: number; left: number } | null =
-				null;
-			if (frame) {
-				const frames = extensionHost.getFrames();
-				const frameData = frames.find((f) => f.id === frame);
-				if (frameData?.screenInsets) {
-					frameInsets = frameData.screenInsets;
-				}
-			}
-
 			const result = layoutVideoContentUtil({
 				container,
 				app,
@@ -1138,7 +1001,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				lockedVideoDimensions: lockedVideoDimensionsRef.current,
 				borderRadius,
 				padding,
-				frameInsets,
+				frameInsets: null,
 			});
 
 			if (result) {
@@ -1172,62 +1035,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				});
 				cropBoundsRef.current = result.cropBounds;
 
-				// Sync extension cursor effects canvas resolution with renderer
-				const effectsCanvas = cursorEffectsCanvasRef.current;
-				if (effectsCanvas) {
-					const w = result.stageSize.width;
-					const h = result.stageSize.height;
-					if (effectsCanvas.width !== w || effectsCanvas.height !== h) {
-						effectsCanvas.width = w;
-						effectsCanvas.height = h;
-					}
-				}
-
-				// Push layout info to extension host for query APIs
-				extensionHost.setVideoLayout({
-					maskRect: {
-						x: result.maskRect.x,
-						y: result.maskRect.y,
-						width: result.maskRect.width,
-						height: result.maskRect.height,
-					},
-					canvasWidth: result.stageSize.width,
-					canvasHeight: result.stageSize.height,
-					borderRadius,
-					padding,
-				});
-				extensionHost.setShadowConfig({
-					enabled: Boolean(showShadow) && shadowIntensity > 0,
-					intensity: shadowIntensity,
-				});
-
-				// Position device frame sprite to fill the stage
-				const frameSprite = frameSpriteRef.current;
-				if (frameSprite && frame) {
-					const frames = extensionHost.getFrames();
-					const frameData = frames.find((f) => f.id === frame);
-					if (frameData) {
-						const maskRect = result.maskRect;
-						const insets = frameData.screenInsets;
-						if (insets) {
-							// Frame is larger than screen area - compute full frame size from insets
-							const screenW = maskRect.width;
-							const screenH = maskRect.height;
-							const frameW = screenW / (1 - insets.left - insets.right);
-							const frameH = screenH / (1 - insets.top - insets.bottom);
-							const frameX = maskRect.x - insets.left * frameW;
-							const frameY = maskRect.y - insets.top * frameH;
-							frameSprite.position.set(frameX, frameY);
-							frameSprite.width = frameW;
-							frameSprite.height = frameH;
-						} else {
-							frameSprite.position.set(maskRect.x, maskRect.y);
-							frameSprite.width = maskRect.width;
-							frameSprite.height = maskRect.height;
-						}
-					}
-				}
-
 				// Reset camera container to identity
 				cameraContainer.scale.set(1);
 				cameraContainer.position.set(0, 0);
@@ -1245,9 +1052,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			cropRegion,
 			borderRadius,
 			padding,
-			frame,
-			showShadow,
-			shadowIntensity,
 			applyWebcamBubbleLayout,
 			syncPreviewMotionBlurQuality,
 		]);
@@ -1266,104 +1070,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			layoutVideoContentRef.current = layoutVideoContent;
 		}, [layoutVideoContent]);
 
-		// Sync device frame ref
-		useEffect(() => {
-			frameIdRef.current = frame;
-			extensionHost.setActiveFrame(frame ?? null);
-		}, [frame]);
-
-		// Manage device frame sprite
-		useEffect(() => {
-			const frameContainer = frameContainerRef.current;
-			if (!frameContainer) return;
-			const nextFrameReloadKey = `${frame ?? ""}:${frameUpdateCounter}`;
-			const activeFrameData = frame
-				? extensionHost.getFrames().find((registeredFrame) => registeredFrame.id === frame)
-				: null;
-			const shouldRedrawDynamicFrame = Boolean(
-				activeFrameData?.draw && frameSpriteRef.current,
-			);
-
-			// Layout-only changes should not force texture/sprite recreation.
-			if (frameReloadKeyRef.current === nextFrameReloadKey && !shouldRedrawDynamicFrame) {
-				layoutVideoContentRef.current?.();
-				return;
-			}
-			frameReloadKeyRef.current = nextFrameReloadKey;
-
-			// Clear existing frame sprite and its texture to free memory
-			if (frameSpriteRef.current) {
-				const sprite = frameSpriteRef.current;
-				frameContainer.removeChild(sprite);
-				if (sprite.texture) {
-					sprite.texture.destroy(true); // destroy texture and its baseTexture
-				}
-				sprite.destroy();
-				frameSpriteRef.current = null;
-			}
-
-			if (!frame) {
-				layoutVideoContentRef.current?.();
-				return;
-			}
-
-			let cancelled = false;
-
-			function tryLoadFrame() {
-				if (cancelled) return;
-				const container = frameContainerRef.current;
-				if (!container) return false;
-				const frames = extensionHost.getFrames();
-				const frameData = frames.find((f) => f.id === frame);
-				if (!frameData) return false;
-
-				if (frameData.draw) {
-					// Resolution-independent: draw at a reasonable size, Pixi handles the rest
-					const drawW = 1920;
-					const drawH = 1080;
-					const canvas = document.createElement("canvas");
-					canvas.width = drawW;
-					canvas.height = drawH;
-					const ctx = canvas.getContext("2d");
-					if (ctx) frameData.draw(ctx, drawW, drawH);
-					if (cancelled || frameIdRef.current !== frame) return true;
-					const texture = Texture.from(canvas);
-					const sprite = new Sprite(texture);
-					frameSpriteRef.current = sprite;
-					container.addChild(sprite);
-					layoutVideoContentRef.current?.();
-				} else {
-					const img = new Image();
-					img.onload = () => {
-						if (cancelled || frameIdRef.current !== frame) return;
-						const texture = Texture.from(img);
-						const sprite = new Sprite(texture);
-						frameSpriteRef.current = sprite;
-						container.addChild(sprite);
-						layoutVideoContentRef.current?.();
-					};
-					img.src = frameData.filePath;
-				}
-				return true;
-			}
-
-			// Try immediately; if extension hasn't registered frames yet,
-			// listen for changes and retry once they become available.
-			if (!tryLoadFrame()) {
-				const unsub = extensionHost.onChange(() => {
-					if (tryLoadFrame()) unsub();
-				});
-				return () => {
-					cancelled = true;
-					unsub();
-				};
-			}
-
-			return () => {
-				cancelled = true;
-			};
-		}, [frame, frameUpdateCounter]);
-
 		// Always re-run geometric layout when layout props change, even if frame sprite isn't reloaded.
 		useEffect(() => {
 			layoutVideoContent();
@@ -1521,10 +1227,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 
 		useEffect(() => {
 			isPlayingRef.current = isPlaying;
-			extensionHost.emitEvent({
-				type: isPlaying ? "playback:play" : "playback:pause",
-				timeMs: currentTimeRef.current,
-			});
 			// Snap springs to current position when pausing so scrubbing is instant
 			if (!isPlaying) {
 				resetSpringState(springScaleRef.current);
@@ -1715,16 +1417,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 
 		useEffect(() => {
 			cursorTelemetryRef.current = cursorTelemetry;
-			// Push to extension host for query APIs
-			extensionHost.setCursorTelemetry(
-				cursorTelemetry.map((p) => ({
-					timeMs: p.timeMs,
-					cx: p.cx,
-					cy: p.cy,
-					interactionType: p.interactionType,
-					pressure: p.pressure,
-				})),
-			);
 		}, [cursorTelemetry]);
 
 		useEffect(() => {
@@ -1834,13 +1526,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 		useEffect(() => {
 			const timeMs = currentTime * 1000;
 			currentTimeRef.current = timeMs;
-			const videoInfo = extensionHost.getVideoInfoSnapshot();
-			extensionHost.setPlaybackState({
-				currentTimeMs: timeMs,
-				durationMs: videoInfo?.durationMs ?? 0,
-				isPlaying,
-			});
-		}, [currentTime, isPlaying]);
+		}, [currentTime]);
 
 		useEffect(() => {
 			if (!pixiReady || !videoReady) return;
@@ -2096,11 +1782,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				videoContainerRef.current = videoContainer;
 				videoEffectsContainer.addChild(videoContainer);
 
-				// Device frame overlay container - sits above video but below cursor
-				const frameContainer = new Container();
-				frameContainerRef.current = frameContainer;
-				cameraContainer.addChild(frameContainer);
-
 				const cursorContainer = new Container();
 				cursorContainerRef.current = cursorContainer;
 				cameraContainer.addChild(cursorContainer);
@@ -2170,8 +1851,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				cameraContainerRef.current = null;
 				videoEffectsContainerRef.current = null;
 				videoContainerRef.current = null;
-				frameContainerRef.current = null;
-				frameSpriteRef.current = null;
 				cursorContainerRef.current = null;
 				videoSpriteRef.current = null;
 			};
@@ -2395,14 +2074,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				state.focusY = targetFocus.cy;
 				state.progress = targetProgress;
 
-				// Push zoom state to extension host for query APIs
-				extensionHost.setZoomState({
-					scale: targetScaleFactor,
-					focusX: targetFocus.cx,
-					focusY: targetFocus.cy,
-					progress: targetProgress,
-				});
-
 				const projectedTransform = computeZoomTransform({
 					stageSize: stageSizeRef.current,
 					baseMask: baseMaskRef.current,
@@ -2464,185 +2135,15 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				applyWebcamBubbleLayout(animationStateRef.current.appliedScale || 1);
 
 				const timeMs = currentTimeRef.current;
-				const effectsCanvas = cursorEffectsCanvasRef.current;
-				const extensionCanvasWidth = effectsCanvas?.width || stageSizeRef.current.width;
-				const extensionCanvasHeight = effectsCanvas?.height || stageSizeRef.current.height;
-				let smoothedCursorForHooks: {
-					cx: number;
-					cy: number;
-					trail: Array<{ cx: number; cy: number }>;
-				} | null = null;
-
-				// Update cursor overlay + emit cursor events
 				const cursorOverlay = cursorOverlayRef.current;
 				if (cursorOverlay) {
-					const telemetry = cursorTelemetryRef.current;
 					cursorOverlay.update(
-						telemetry,
+						cursorTelemetryRef.current,
 						timeMs,
 						baseMaskRef.current,
 						showCursorRef.current,
 						!isPlayingRef.current || isSeekingRef.current,
 					);
-
-					smoothedCursorForHooks = mapSmoothedCursorToCanvasNormalized(
-						cursorOverlay.getSmoothedCursorSnapshot(),
-						{
-							maskRect: baseMaskRef.current,
-							canvasWidth: extensionCanvasWidth,
-							canvasHeight: extensionCanvasHeight,
-						},
-					);
-					extensionHost.setSmoothedCursor(
-						smoothedCursorForHooks
-							? {
-									timeMs,
-									cx: smoothedCursorForHooks.cx,
-									cy: smoothedCursorForHooks.cy,
-									trail: smoothedCursorForHooks.trail,
-								}
-							: null,
-					);
-
-					// Emit cursor:click events for extensions
-					if (isPlayingRef.current && telemetry.length > 0) {
-						for (let i = telemetry.length - 1; i >= 0; i--) {
-							const p = telemetry[i];
-							if (p.timeMs > timeMs) continue;
-							if (p.timeMs < timeMs - 100) break;
-							if (
-								p.interactionType &&
-								p.interactionType !== "move" &&
-								p.timeMs !== lastEmittedClickTimeMsRef.current
-							) {
-								const extensionCursor = mapCursorToCanvasNormalized(
-									{
-										cx: p.cx,
-										cy: p.cy,
-										interactionType: p.interactionType,
-									},
-									{
-										maskRect: baseMaskRef.current,
-										canvasWidth: extensionCanvasWidth,
-										canvasHeight: extensionCanvasHeight,
-									},
-								);
-								lastEmittedClickTimeMsRef.current = p.timeMs;
-								extensionHost.emitEvent({
-									type: "cursor:click",
-									timeMs: p.timeMs,
-									data: extensionCursor,
-								});
-								if (extensionCursor) {
-									notifyCursorInteraction(
-										p.timeMs,
-										extensionCursor.cx,
-										extensionCursor.cy,
-										p.interactionType,
-									);
-								}
-							}
-							break;
-						}
-					}
-				}
-
-				if (!cursorOverlay) {
-					extensionHost.setSmoothedCursor(null);
-				}
-
-				if (effectsCanvas && effectsCanvas.width > 0 && effectsCanvas.height > 0) {
-					const ctx2d = effectsCanvas.getContext("2d");
-					if (ctx2d) {
-						ctx2d.clearRect(0, 0, effectsCanvas.width, effectsCanvas.height);
-
-						const maskRect = baseMaskRef.current;
-						const animationState = animationStateRef.current;
-						const videoInfo = extensionHost.getVideoInfoSnapshot();
-						const rawCursor = getCursorPositionAtTime(
-							cursorTelemetryRef.current,
-							timeMs,
-							{
-								maskRect,
-								canvasWidth: effectsCanvas.width,
-								canvasHeight: effectsCanvas.height,
-							},
-						);
-						const hookParams = {
-							width: effectsCanvas.width,
-							height: effectsCanvas.height,
-							timeMs,
-							durationMs: videoInfo?.durationMs ?? 0,
-							cursor: smoothedCursorForHooks
-								? {
-										cx: smoothedCursorForHooks.cx,
-										cy: smoothedCursorForHooks.cy,
-										interactionType: rawCursor?.interactionType,
-									}
-								: rawCursor,
-							smoothedCursor: smoothedCursorForHooks,
-							videoLayout:
-								maskRect.width > 0 && maskRect.height > 0
-									? {
-											maskRect: {
-												x: maskRect.x,
-												y: maskRect.y,
-												width: maskRect.width,
-												height: maskRect.height,
-											},
-											borderRadius,
-											padding,
-										}
-									: undefined,
-							zoom: {
-								scale: animationState.scale,
-								focusX: animationState.focusX,
-								focusY: animationState.focusY,
-								progress: animationState.progress,
-							},
-							shadow: {
-								enabled: Boolean(showShadow) && shadowIntensity > 0,
-								intensity: shadowIntensity,
-							},
-							sceneTransform: {
-								scale: animationState.appliedScale,
-								x: animationState.x,
-								y: animationState.y,
-							},
-						};
-
-						ctx2d.save();
-						applyCanvasSceneTransform(ctx2d, {
-							scale: animationState.appliedScale,
-							x: animationState.x,
-							y: animationState.y,
-						});
-						executeExtensionRenderHooks("post-video", ctx2d, hookParams);
-						executeExtensionRenderHooks("post-zoom", ctx2d, hookParams);
-						executeExtensionRenderHooks("post-cursor", ctx2d, hookParams);
-
-						if (isSeekingRef.current) {
-							clearCursorEffects();
-						} else {
-							executeExtensionCursorEffects(
-								ctx2d,
-								timeMs,
-								effectsCanvas.width,
-								effectsCanvas.height,
-								{
-									zoom: hookParams.zoom,
-									sceneTransform: hookParams.sceneTransform,
-									videoLayout: hookParams.videoLayout,
-								},
-							);
-						}
-						ctx2d.restore();
-
-						executeExtensionRenderHooks("post-webcam", ctx2d, hookParams);
-						executeExtensionRenderHooks("post-annotations", ctx2d, hookParams);
-
-						executeExtensionRenderHooks("final", ctx2d, hookParams);
-					}
 				}
 			};
 
@@ -2652,15 +2153,7 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 					app.ticker.remove(ticker);
 				}
 			};
-		}, [
-			pixiReady,
-			videoReady,
-			applyWebcamBubbleLayout,
-			borderRadius,
-			padding,
-			showShadow,
-			shadowIntensity,
-		]);
+		}, [pixiReady, videoReady, applyWebcamBubbleLayout]);
 
 		useEffect(() => {
 			const overlay = cursorOverlayRef.current;
@@ -2724,58 +2217,10 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 			cursorSway,
 		]);
 
-		useEffect(() => {
-			let cancelled = false;
-			let signature = getContributedCursorStylesSignature();
-
-			const refreshSelectedCursorStyle = async () => {
-				const overlay = cursorOverlayRef.current;
-				if (!overlay) {
-					return;
-				}
-
-				try {
-					await preloadCursorAssets();
-				} catch (error) {
-					console.warn("Failed to refresh contributed cursor styles in preview:", error);
-					return;
-				}
-
-				if (cancelled || cursorOverlayRef.current !== overlay) {
-					return;
-				}
-
-				overlay.setStyle(cursorStyleRef.current);
-				overlay.reset();
-			};
-
-			const unsubscribe = extensionHost.onChange(() => {
-				const nextSignature = getContributedCursorStylesSignature();
-				if (nextSignature === signature) {
-					return;
-				}
-
-				signature = nextSignature;
-				void refreshSelectedCursorStyle();
-			});
-
-			return () => {
-				cancelled = true;
-				unsubscribe();
-			};
-		}, []);
-
 		const handleLoadedMetadata = (e: React.SyntheticEvent<HTMLVideoElement, Event>) => {
 			const video = e.currentTarget;
 			onDurationChange(video.duration);
 
-			// Push video info to extension host for query APIs
-			extensionHost.setVideoInfo({
-				width: video.videoWidth,
-				height: video.videoHeight,
-				durationMs: Number.isFinite(video.duration) ? video.duration * 1000 : 0,
-				fps: 60, // Not available from HTMLVideoElement; default to 60
-			});
 			const targetTime = clampMediaTimeToDuration(
 				currentTime,
 				Number.isFinite(video.duration) ? video.duration : null,
@@ -2994,12 +2439,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 						</div>
 					</div>
 				)}
-				{/* Canvas overlay for extension cursor effects (drawn via Canvas 2D API) */}
-				<canvas
-					ref={cursorEffectsCanvasRef}
-					className="absolute inset-0 w-full h-full pointer-events-none"
-					style={{ zIndex: 1 }}
-				/>
 				{/* Only render overlay after PIXI and video are fully initialized */}
 				{pixiReady && videoReady && (
 					<div
diff --git a/src/components/video-editor/editorPreferences.test.ts b/src/components/video-editor/editorPreferences.test.ts
index 59566e62d..53e4bff29 100644
--- a/src/components/video-editor/editorPreferences.test.ts
+++ b/src/components/video-editor/editorPreferences.test.ts
@@ -266,7 +266,6 @@ describe("editorPreferences", () => {
 			cursorSway: 1.5,
 			borderRadius: 18,
 			padding: { top: 30, right: 30, bottom: 30, left: 30, linked: true },
-			frame: DEFAULT_EDITOR_PREFERENCES.frame,
 			aspectRatio: "4:5",
 			exportEncodingMode: "quality",
 			exportBackendPreference: DEFAULT_EDITOR_PREFERENCES.exportBackendPreference,
diff --git a/src/components/video-editor/editorPreferences.ts b/src/components/video-editor/editorPreferences.ts
index fbf354ab7..731e6418d 100644
--- a/src/components/video-editor/editorPreferences.ts
+++ b/src/components/video-editor/editorPreferences.ts
@@ -49,7 +49,6 @@ type PersistedEditorControls = Pick<
 	| "cursorSway"
 	| "borderRadius"
 	| "padding"
-	| "frame"
 	| "webcam"
 	| "aspectRatio"
 	| "exportEncodingMode"
@@ -137,7 +136,6 @@ export const DEFAULT_EDITOR_PREFERENCES: EditorPreferences = {
 	cursorSway: DEFAULT_EDITOR_CONTROLS.cursorSway,
 	borderRadius: DEFAULT_EDITOR_CONTROLS.borderRadius,
 	padding: DEFAULT_EDITOR_CONTROLS.padding,
-	frame: DEFAULT_EDITOR_CONTROLS.frame,
 	webcam: DEFAULT_EDITOR_CONTROLS.webcam,
 	aspectRatio: DEFAULT_EDITOR_CONTROLS.aspectRatio,
 	exportEncodingMode: DEFAULT_EDITOR_CONTROLS.exportEncodingMode,
@@ -336,7 +334,6 @@ function normalizeEditorControls(
 		cursorSway: sanitizedRaw.cursorSway ?? fallback.cursorSway,
 		borderRadius: sanitizedRaw.borderRadius ?? fallback.borderRadius,
 		padding: sanitizedRaw.padding ?? fallback.padding,
-		frame: sanitizedRaw.frame !== undefined ? sanitizedRaw.frame : fallback.frame,
 		webcam: sanitizedRaw.webcam ?? fallback.webcam,
 		aspectRatio: sanitizedRaw.aspectRatio ?? fallback.aspectRatio,
 		exportEncodingMode: sanitizedRaw.exportEncodingMode ?? fallback.exportEncodingMode,
@@ -401,7 +398,6 @@ function normalizeEditorControls(
 		cursorSway: normalized.cursorSway,
 		borderRadius: normalized.borderRadius,
 		padding: normalized.padding,
-		frame: normalized.frame,
 		webcam: normalized.webcam,
 		aspectRatio: normalized.aspectRatio,
 		exportEncodingMode: normalized.exportEncodingMode,
diff --git a/src/components/video-editor/projectPersistence.ts b/src/components/video-editor/projectPersistence.ts
index 9810d5fb3..93c0c5a19 100644
--- a/src/components/video-editor/projectPersistence.ts
+++ b/src/components/video-editor/projectPersistence.ts
@@ -127,8 +127,6 @@ export interface ProjectEditorState {
 	cursorSway: number;
 	borderRadius: number;
 	padding: Padding;
-	/** Selected frame ID (e.g. "recordly.frames/browser-dark"), or null for none */
-	frame: string | null;
 	cropRegion: CropRegion;
 	zoomRegions: ZoomRegion[];
 	trimRegions: TrimRegion[];
@@ -978,7 +976,6 @@ export function normalizeProjectEditor(editor: Partial<ProjectEditorState>): Pro
 			}
 			return { ...DEFAULT_PADDING };
 		})(),
-		frame: typeof editor.frame === "string" ? editor.frame : null,
 		cropRegion: {
 			x: cropX,
 			y: cropY,
diff --git a/src/components/video-editor/types.ts b/src/components/video-editor/types.ts
index 75fd2dc96..253cf52ff 100644
--- a/src/components/video-editor/types.ts
+++ b/src/components/video-editor/types.ts
@@ -55,7 +55,7 @@ export interface CursorVisualSettings {
 	style: CursorStyle;
 }
 
-export type CursorStyle = "macos" | "tahoe" | "tahoe-inverted" | "dot" | "figma" | (string & {}); // extension-contributed cursor styles
+export type CursorStyle = "macos" | "tahoe" | "tahoe-inverted" | "dot" | "figma" | (string & {});
 export const DEFAULT_CURSOR_STYLE: CursorStyle = "tahoe";
 
 export type CursorClickEffectStyle = "none" | "spotlight" | "ripple" | "echo";
diff --git a/src/components/video-editor/videoPlayback/cursorRenderer.ts b/src/components/video-editor/videoPlayback/cursorRenderer.ts
index 22156e24c..79e6da012 100644
--- a/src/components/video-editor/videoPlayback/cursorRenderer.ts
+++ b/src/components/video-editor/videoPlayback/cursorRenderer.ts
@@ -2,7 +2,6 @@ import { Assets, BlurFilter, Container, Graphics, Sprite, Texture } from "pixi.j
 import { MotionBlurFilter } from "pixi-filters/motion-blur";
 import minimalCursorUrl from "@/assets/cursors/custom/minimal-cursor.svg";
 import { getRenderableAssetUrl } from "@/lib/assetPath";
-import { extensionHost } from "@/lib/extensions";
 import {
 	type CursorClickEffectStyle,
 	type CursorStyle,
@@ -174,24 +173,11 @@ const SUPPORTED_CURSOR_KEYS: CursorAssetKey[] = [
 	"not-allowed",
 ];
 
-const DEFAULT_CURSOR_PACK_ANCHOR = { x: 0.08, y: 0.08 } as const;
 const CURSOR_PACK_POINTER_TYPES = new Set<CursorAssetKey>(["pointer", "open-hand", "closed-hand"]);
 const BUILTIN_CURSOR_PACK_SOURCES: Record<string, CursorPackSource> = {};
 
 function getCursorPackSources(): Record<string, CursorPackSource> {
-	const sources: Record<string, CursorPackSource> = { ...BUILTIN_CURSOR_PACK_SOURCES };
-
-	for (const cursorStyle of extensionHost.getContributedCursorStyles()) {
-		const hotspot = cursorStyle.cursorStyle.hotspot ?? DEFAULT_CURSOR_PACK_ANCHOR;
-		sources[cursorStyle.id] = {
-			defaultUrl: cursorStyle.resolvedDefaultUrl,
-			pointerUrl: cursorStyle.resolvedClickUrl ?? cursorStyle.resolvedDefaultUrl,
-			defaultAnchor: hotspot,
-			pointerAnchor: hotspot,
-		};
-	}
-
-	return sources;
+	return { ...BUILTIN_CURSOR_PACK_SOURCES };
 }
 
 function buildCursorPackSourcesSignature(sources: Record<string, CursorPackSource>): string {
diff --git a/src/components/video-editor/videoPlayback/videoEventHandlers.test.ts b/src/components/video-editor/videoPlayback/videoEventHandlers.test.ts
index fd5d1322b..52237aafa 100644
--- a/src/components/video-editor/videoPlayback/videoEventHandlers.test.ts
+++ b/src/components/video-editor/videoPlayback/videoEventHandlers.test.ts
@@ -1,12 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
-vi.mock("@/lib/extensions", () => ({
-	extensionHost: {
-		emitEvent: vi.fn(),
-	},
-}));
-
-import { extensionHost } from "@/lib/extensions";
 import { createVideoEventHandlers } from "./videoEventHandlers";
 
 type PresentedFrameCallback = (now: DOMHighResTimeStamp, metadata: { mediaTime?: number }) => void;
@@ -34,7 +27,6 @@ function createMockVideo(overrides: Partial<MockVideo> = {}): MockVideo {
 }
 
 describe("createVideoEventHandlers", () => {
-	const emitEventMock = vi.mocked(extensionHost.emitEvent);
 	let requestAnimationFrameMock: ReturnType<typeof vi.fn>;
 	let cancelAnimationFrameMock: ReturnType<typeof vi.fn>;
 
@@ -43,7 +35,6 @@ describe("createVideoEventHandlers", () => {
 		cancelAnimationFrameMock = vi.fn();
 		vi.stubGlobal("requestAnimationFrame", requestAnimationFrameMock);
 		vi.stubGlobal("cancelAnimationFrame", cancelAnimationFrameMock);
-		emitEventMock.mockReset();
 	});
 
 	afterEach(() => {
@@ -86,10 +77,6 @@ describe("createVideoEventHandlers", () => {
 
 		expect(onTimeUpdate).toHaveBeenCalledWith(1.25);
 		expect(currentTimeRef.current).toBe(1250);
-		expect(emitEventMock).toHaveBeenLastCalledWith({
-			type: "playback:timeupdate",
-			timeMs: 1250,
-		});
 	});
 
 	it("falls back to requestAnimationFrame when requestVideoFrameCallback is unavailable", () => {
diff --git a/src/components/video-editor/videoPlayback/videoEventHandlers.ts b/src/components/video-editor/videoPlayback/videoEventHandlers.ts
index b85bf00d6..d3ac2db59 100644
--- a/src/components/video-editor/videoPlayback/videoEventHandlers.ts
+++ b/src/components/video-editor/videoPlayback/videoEventHandlers.ts
@@ -1,5 +1,4 @@
 import type React from "react";
-import { extensionHost } from "@/lib/extensions";
 import { enablePitchPreservingPlayback } from "@/lib/mediaTiming";
 import type { SpeedRegion, TrimRegion } from "../types";
 
@@ -47,7 +46,6 @@ export function createVideoEventHandlers(params: VideoEventHandlersParams) {
 	const emitTime = (timeValue: number) => {
 		currentTimeRef.current = timeValue * 1000;
 		onTimeUpdate(timeValue);
-		extensionHost.emitEvent({ type: "playback:timeupdate", timeMs: timeValue * 1000 });
 	};
 
 	// Helper function to check if current time is within a trim region
diff --git a/src/contexts/I18nContext.tsx b/src/contexts/I18nContext.tsx
index bc3b01db9..da831a168 100644
--- a/src/contexts/I18nContext.tsx
+++ b/src/contexts/I18nContext.tsx
@@ -17,7 +17,6 @@ import {
 import enCommon from "@/i18n/locales/en/common.json";
 import enDialogs from "@/i18n/locales/en/dialogs.json";
 import enEditor from "@/i18n/locales/en/editor.json";
-import enExtensions from "@/i18n/locales/en/extensions.json";
 import enLaunch from "@/i18n/locales/en/launch.json";
 import enSettings from "@/i18n/locales/en/settings.json";
 import enShortcuts from "@/i18n/locales/en/shortcuts.json";
@@ -25,7 +24,6 @@ import enTimeline from "@/i18n/locales/en/timeline.json";
 import esCommon from "@/i18n/locales/es/common.json";
 import esDialogs from "@/i18n/locales/es/dialogs.json";
 import esEditor from "@/i18n/locales/es/editor.json";
-import esExtensions from "@/i18n/locales/es/extensions.json";
 import esLaunch from "@/i18n/locales/es/launch.json";
 import esSettings from "@/i18n/locales/es/settings.json";
 import esShortcuts from "@/i18n/locales/es/shortcuts.json";
@@ -33,7 +31,6 @@ import esTimeline from "@/i18n/locales/es/timeline.json";
 import frCommon from "@/i18n/locales/fr/common.json";
 import frDialogs from "@/i18n/locales/fr/dialogs.json";
 import frEditor from "@/i18n/locales/fr/editor.json";
-import frExtensions from "@/i18n/locales/fr/extensions.json";
 import frLaunch from "@/i18n/locales/fr/launch.json";
 import frSettings from "@/i18n/locales/fr/settings.json";
 import frShortcuts from "@/i18n/locales/fr/shortcuts.json";
@@ -41,7 +38,6 @@ import frTimeline from "@/i18n/locales/fr/timeline.json";
 import deCommon from "@/i18n/locales/de/common.json";
 import deDialogs from "@/i18n/locales/de/dialogs.json";
 import deEditor from "@/i18n/locales/de/editor.json";
-import deExtensions from "@/i18n/locales/de/extensions.json";
 import deLaunch from "@/i18n/locales/de/launch.json";
 import deSettings from "@/i18n/locales/de/settings.json";
 import deShortcuts from "@/i18n/locales/de/shortcuts.json";
@@ -49,7 +45,6 @@ import deTimeline from "@/i18n/locales/de/timeline.json";
 import itCommon from "@/i18n/locales/it/common.json";
 import itDialogs from "@/i18n/locales/it/dialogs.json";
 import itEditor from "@/i18n/locales/it/editor.json";
-import itExtensions from "@/i18n/locales/it/extensions.json";
 import itLaunch from "@/i18n/locales/it/launch.json";
 import itSettings from "@/i18n/locales/it/settings.json";
 import itShortcuts from "@/i18n/locales/it/shortcuts.json";
@@ -57,7 +52,6 @@ import itTimeline from "@/i18n/locales/it/timeline.json";
 import koCommon from "@/i18n/locales/ko/common.json";
 import koDialogs from "@/i18n/locales/ko/dialogs.json";
 import koEditor from "@/i18n/locales/ko/editor.json";
-import koExtensions from "@/i18n/locales/ko/extensions.json";
 import koLaunch from "@/i18n/locales/ko/launch.json";
 import koSettings from "@/i18n/locales/ko/settings.json";
 import koShortcuts from "@/i18n/locales/ko/shortcuts.json";
@@ -65,7 +59,6 @@ import koTimeline from "@/i18n/locales/ko/timeline.json";
 import nlCommon from "@/i18n/locales/nl/common.json";
 import nlDialogs from "@/i18n/locales/nl/dialogs.json";
 import nlEditor from "@/i18n/locales/nl/editor.json";
-import nlExtensions from "@/i18n/locales/nl/extensions.json";
 import nlLaunch from "@/i18n/locales/nl/launch.json";
 import nlSettings from "@/i18n/locales/nl/settings.json";
 import nlShortcuts from "@/i18n/locales/nl/shortcuts.json";
@@ -73,7 +66,6 @@ import nlTimeline from "@/i18n/locales/nl/timeline.json";
 import ptBRCommon from "@/i18n/locales/pt-BR/common.json";
 import ptBRDialogs from "@/i18n/locales/pt-BR/dialogs.json";
 import ptBREditor from "@/i18n/locales/pt-BR/editor.json";
-import ptBRExtensions from "@/i18n/locales/pt-BR/extensions.json";
 import ptBRLaunch from "@/i18n/locales/pt-BR/launch.json";
 import ptBRSettings from "@/i18n/locales/pt-BR/settings.json";
 import ptBRShortcuts from "@/i18n/locales/pt-BR/shortcuts.json";
@@ -81,7 +73,6 @@ import ptBRTimeline from "@/i18n/locales/pt-BR/timeline.json";
 import zhCNCommon from "@/i18n/locales/zh-CN/common.json";
 import zhCNDialogs from "@/i18n/locales/zh-CN/dialogs.json";
 import zhCNEditor from "@/i18n/locales/zh-CN/editor.json";
-import zhCNExtensions from "@/i18n/locales/zh-CN/extensions.json";
 import zhCNLaunch from "@/i18n/locales/zh-CN/launch.json";
 import zhCNSettings from "@/i18n/locales/zh-CN/settings.json";
 import zhCNShortcuts from "@/i18n/locales/zh-CN/shortcuts.json";
@@ -89,7 +80,6 @@ import zhCNTimeline from "@/i18n/locales/zh-CN/timeline.json";
 import zhTWCommon from "@/i18n/locales/zh-TW/common.json";
 import zhTWDialogs from "@/i18n/locales/zh-TW/dialogs.json";
 import zhTWEditor from "@/i18n/locales/zh-TW/editor.json";
-import zhTWExtensions from "@/i18n/locales/zh-TW/extensions.json";
 import zhTWLaunch from "@/i18n/locales/zh-TW/launch.json";
 import zhTWSettings from "@/i18n/locales/zh-TW/settings.json";
 import zhTWShortcuts from "@/i18n/locales/zh-TW/shortcuts.json";
@@ -108,7 +98,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: enSettings,
 		dialogs: enDialogs,
 		shortcuts: enShortcuts,
-		extensions: enExtensions,
 	},
 	es: {
 		common: esCommon,
@@ -118,7 +107,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: esSettings,
 		dialogs: esDialogs,
 		shortcuts: esShortcuts,
-		extensions: esExtensions,
 	},
 	fr: {
 		common: frCommon,
@@ -128,7 +116,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: frSettings,
 		dialogs: frDialogs,
 		shortcuts: frShortcuts,
-		extensions: frExtensions,
 	},
 	de: {
 		common: deCommon,
@@ -138,7 +125,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: deSettings,
 		dialogs: deDialogs,
 		shortcuts: deShortcuts,
-		extensions: deExtensions,
 	},
 	it: {
 		common: itCommon,
@@ -148,7 +134,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: itSettings,
 		dialogs: itDialogs,
 		shortcuts: itShortcuts,
-		extensions: itExtensions,
 	},
 	nl: {
 		common: nlCommon,
@@ -158,7 +143,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: nlSettings,
 		dialogs: nlDialogs,
 		shortcuts: nlShortcuts,
-		extensions: nlExtensions,
 	},
 	ko: {
 		common: koCommon,
@@ -168,7 +152,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: koSettings,
 		dialogs: koDialogs,
 		shortcuts: koShortcuts,
-		extensions: koExtensions,
 	},
 	"pt-BR": {
 		common: ptBRCommon,
@@ -178,7 +161,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: ptBRSettings,
 		dialogs: ptBRDialogs,
 		shortcuts: ptBRShortcuts,
-		extensions: ptBRExtensions,
 	},
 	"zh-CN": {
 		common: zhCNCommon,
@@ -188,7 +170,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: zhCNSettings,
 		dialogs: zhCNDialogs,
 		shortcuts: zhCNShortcuts,
-		extensions: zhCNExtensions,
 	},
 	"zh-TW": {
 		common: zhTWCommon,
@@ -198,7 +179,6 @@ const messages: Record<AppLocale, LocaleBundle> = {
 		settings: zhTWSettings,
 		dialogs: zhTWDialogs,
 		shortcuts: zhTWShortcuts,
-		extensions: zhTWExtensions,
 	},
 } as const;
 
diff --git a/src/hooks/useExtensions.ts b/src/hooks/useExtensions.ts
deleted file mode 100644
index 4b198cd63..000000000
--- a/src/hooks/useExtensions.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import type {
-	ExtensionInfo,
-	ExtensionReview,
-	MarketplaceReviewStatus,
-	MarketplaceSearchResult,
-} from "@/lib/extensions";
-
-const UNAVAILABLE_ERROR = "Extensions are no longer available in Recordly.";
-
-export interface UseExtensionsResult {
-	extensions: ExtensionInfo[];
-	activeIds: Set<string>;
-	ready: boolean;
-	refresh: () => Promise<void>;
-	toggleExtension: (id: string) => Promise<void>;
-	installFromFolder: () => Promise<boolean>;
-	uninstall: (id: string) => Promise<boolean>;
-	openDirectory: () => Promise<void>;
-	marketplaceSearch: (params: {
-		query?: string;
-		tags?: string[];
-		sort?: "popular" | "recent" | "rating";
-		page?: number;
-		pageSize?: number;
-	}) => Promise<MarketplaceSearchResult>;
-	marketplaceInstall: (
-		extensionId: string,
-		downloadUrl: string,
-	) => Promise<{ success: boolean; error?: string }>;
-	marketplaceSubmit: (extensionId: string) => Promise<{ success: boolean; error?: string }>;
-	fetchReviews: (params: {
-		status?: MarketplaceReviewStatus;
-		page?: number;
-		pageSize?: number;
-	}) => Promise<{ reviews: ExtensionReview[]; total: number }>;
-	updateReview: (
-		reviewId: string,
-		status: MarketplaceReviewStatus,
-		notes?: string,
-	) => Promise<{ success: boolean }>;
-}
-
-const unavailableResult = { success: false, error: UNAVAILABLE_ERROR } as const;
-
-export function useExtensions(): UseExtensionsResult {
-	return {
-		extensions: [],
-		activeIds: new Set(),
-		ready: true,
-		refresh: async () => undefined,
-		toggleExtension: async () => undefined,
-		installFromFolder: async () => false,
-		uninstall: async () => false,
-		openDirectory: async () => undefined,
-		marketplaceSearch: async (params) => ({
-			extensions: [],
-			total: 0,
-			page: params.page ?? 1,
-			pageSize: params.pageSize ?? 20,
-		}),
-		marketplaceInstall: async () => unavailableResult,
-		marketplaceSubmit: async () => unavailableResult,
-		fetchReviews: async () => ({ reviews: [], total: 0 }),
-		updateReview: async () => ({ success: false }),
-	};
-}
diff --git a/src/i18n/config.ts b/src/i18n/config.ts
index 88200f780..567d72efe 100644
--- a/src/i18n/config.ts
+++ b/src/i18n/config.ts
@@ -21,7 +21,6 @@ export const I18N_NAMESPACES = [
 	"settings",
 	"dialogs",
 	"shortcuts",
-	"extensions",
 ] as const;
 
 export type AppLocale = (typeof SUPPORTED_LOCALES)[number];
diff --git a/src/i18n/locales/de/extensions.json b/src/i18n/locales/de/extensions.json
deleted file mode 100644
index 1b6ab83fc..000000000
--- a/src/i18n/locales/de/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Erweiterungen",
-	"tabs": {
-		"browse": "Durchsuchen",
-		"installed": "Installiert"
-	},
-	"actions": {
-		"submit": "Erweiterung einreichen",
-		"docs": "Dokumentation zu Erweiterungen",
-		"refresh": "Aktualisieren",
-		"openFolder": "Erweiterungsordner öffnen",
-		"uninstall": "Deinstallieren",
-		"install": "Installieren",
-		"installing": "Wird installiert",
-		"add": "Hinzufügen",
-		"retry": "Wiederholen",
-		"close": "Schließen",
-		"folder": "Ordner"
-	},
-	"status": {
-		"enabled": "Aktiviert",
-		"disabled": "Deaktiviert",
-		"installed": "Installiert"
-	},
-	"detail": {
-		"by": "Von {{author}}",
-		"unknownAuthor": "Unbekannter Autor",
-		"noDescription": "Keine Beschreibung",
-		"downloads": "{{count}} Downloads",
-		"preview": "Vorschau",
-		"screenshotAlt": "Screenshot {{number}}",
-		"description": "Beschreibung",
-		"tags": "Tags",
-		"permissions": "Berechtigungen",
-		"location": "Speicherort",
-		"error": "Fehler: {{message}}"
-	},
-	"empty": {
-		"title": "Keine Erweiterungen",
-		"description": "Installiere Erweiterungen, um Rahmen, Cursor-Effekte und Editor-Werkzeuge hinzuzufügen."
-	},
-	"search": {
-		"placeholder": "Erweiterungen suchen...",
-		"noResults": "Keine Erweiterungen gefunden",
-		"noMarketplace": "Noch keine Erweiterungen im Marktplatz verfügbar",
-		"count": "{{count}} Erweiterung",
-		"countPlural": "{{count}} Erweiterungen"
-	},
-	"toast": {
-		"installedAndEnabled": "Erweiterung installiert und aktiviert",
-		"uninstalled": "{{name}} deinstalliert",
-		"uninstallFailed": "Deinstallation von {{name}} fehlgeschlagen",
-		"searchFailed": "Suche im Marktplatz fehlgeschlagen",
-		"refreshed": "Erweiterungen aktualisiert",
-		"refreshFailed": "Erweiterungen konnten nicht aktualisiert werden",
-		"marketplaceInstalled": "{{name}} wurde installiert und aktiviert",
-		"marketplaceInstallFailed": "Die Installation von {{name}} ist fehlgeschlagen",
-		"enableFailed": "Die Aktivierung der Erweiterung ist fehlgeschlagen"
-	}
-}
diff --git a/src/i18n/locales/en/extensions.json b/src/i18n/locales/en/extensions.json
deleted file mode 100644
index e1556777d..000000000
--- a/src/i18n/locales/en/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Extensions",
-	"tabs": {
-		"browse": "Browse",
-		"installed": "Installed"
-	},
-	"actions": {
-		"submit": "Submit an extension",
-		"docs": "Extension docs",
-		"refresh": "Refresh",
-		"openFolder": "Open extensions folder",
-		"uninstall": "Uninstall",
-		"install": "Install",
-		"installing": "Installing",
-		"add": "Add",
-		"retry": "Retry",
-		"close": "Close",
-		"folder": "Folder"
-	},
-	"status": {
-		"enabled": "Enabled",
-		"disabled": "Disabled",
-		"installed": "Installed"
-	},
-	"detail": {
-		"by": "By {{author}}",
-		"unknownAuthor": "Unknown author",
-		"noDescription": "No description",
-		"downloads": "{{count}} downloads",
-		"preview": "Preview",
-		"screenshotAlt": "Screenshot {{number}}",
-		"description": "Description",
-		"tags": "Tags",
-		"permissions": "Permissions",
-		"location": "Location",
-		"error": "Error: {{message}}"
-	},
-	"empty": {
-		"title": "No Extensions",
-		"description": "Install extensions to add frames, cursor effects, and editor tools."
-	},
-	"search": {
-		"placeholder": "Search extensions...",
-		"noResults": "No extensions found",
-		"noMarketplace": "No marketplace extensions available yet",
-		"count": "{{count}} extension",
-		"countPlural": "{{count}} extensions"
-	},
-	"toast": {
-		"installedAndEnabled": "Extension installed and enabled",
-		"uninstalled": "Uninstalled {{name}}",
-		"uninstallFailed": "Failed to uninstall {{name}}",
-		"searchFailed": "Failed to search marketplace",
-		"refreshed": "Extensions refreshed",
-		"refreshFailed": "Failed to refresh extensions",
-		"marketplaceInstalled": "Installed and enabled {{name}}",
-		"marketplaceInstallFailed": "Failed to install {{name}}",
-		"enableFailed": "Failed to enable extension"
-	}
-}
diff --git a/src/i18n/locales/es/extensions.json b/src/i18n/locales/es/extensions.json
deleted file mode 100644
index 7f5deacf7..000000000
--- a/src/i18n/locales/es/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Extensiones",
-	"tabs": {
-		"browse": "Explorar",
-		"installed": "Instaladas"
-	},
-	"actions": {
-		"submit": "Enviar una extensión",
-		"docs": "Documentación de extensiones",
-		"refresh": "Actualizar",
-		"openFolder": "Abrir carpeta de extensiones",
-		"uninstall": "Desinstalar",
-		"install": "Instalar",
-		"installing": "Instalando",
-		"add": "Añadir",
-		"retry": "Reintentar",
-		"close": "Cerrar",
-		"folder": "Carpeta"
-	},
-	"status": {
-		"enabled": "Activada",
-		"disabled": "Desactivada",
-		"installed": "Instalada"
-	},
-	"detail": {
-		"by": "Por {{author}}",
-		"unknownAuthor": "Autor desconocido",
-		"noDescription": "Sin descripción",
-		"downloads": "{{count}} descargas",
-		"preview": "Vista previa",
-		"screenshotAlt": "Captura de pantalla {{number}}",
-		"description": "Descripción",
-		"tags": "Etiquetas",
-		"permissions": "Permisos",
-		"location": "Ubicación",
-		"error": "Error: {{message}}"
-	},
-	"empty": {
-		"title": "Sin extensiones",
-		"description": "Instala extensiones para añadir marcos, efectos de cursor y herramientas de edición."
-	},
-	"search": {
-		"placeholder": "Buscar extensiones...",
-		"noResults": "No se encontraron extensiones",
-		"noMarketplace": "Aún no hay extensiones en el marketplace",
-		"count": "{{count}} extensión",
-		"countPlural": "{{count}} extensiones"
-	},
-	"toast": {
-		"installedAndEnabled": "Extensión instalada y activada",
-		"uninstalled": "{{name}} desinstalada",
-		"uninstallFailed": "Error al desinstalar {{name}}",
-		"searchFailed": "Error al buscar en el marketplace",
-		"refreshed": "Extensiones actualizadas",
-		"refreshFailed": "Error al actualizar extensiones",
-		"marketplaceInstalled": "{{name}} instalada y activada",
-		"enableFailed": "Error al activar la extensión",
-		"marketplaceInstallFailed": "Error al instalar {{name}}"
-	}
-}
diff --git a/src/i18n/locales/fr/extensions.json b/src/i18n/locales/fr/extensions.json
deleted file mode 100644
index 28ccaec60..000000000
--- a/src/i18n/locales/fr/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Extensions",
-	"tabs": {
-		"browse": "Parcourir",
-		"installed": "Installées"
-	},
-	"actions": {
-		"submit": "Soumettre une extension",
-		"docs": "Documentation des extensions",
-		"refresh": "Actualiser",
-		"openFolder": "Ouvrir le dossier des extensions",
-		"uninstall": "Désinstaller",
-		"install": "Installer",
-		"installing": "Installation",
-		"add": "Ajouter",
-		"retry": "Réessayer",
-		"close": "Fermer",
-		"folder": "Dossier"
-	},
-	"status": {
-		"enabled": "Activée",
-		"disabled": "Désactivée",
-		"installed": "Installée"
-	},
-	"detail": {
-		"by": "Par {{author}}",
-		"unknownAuthor": "Auteur inconnu",
-		"noDescription": "Aucune description",
-		"downloads": "{{count}} téléchargements",
-		"preview": "Aperçu",
-		"screenshotAlt": "Capture d’écran {{number}}",
-		"description": "Description",
-		"tags": "Tags",
-		"permissions": "Autorisations",
-		"location": "Emplacement",
-		"error": "Erreur : {{message}}"
-	},
-	"empty": {
-		"title": "Aucune extension",
-		"description": "Installez des extensions pour ajouter des cadres, des effets de curseur et des outils d’édition."
-	},
-	"search": {
-		"placeholder": "Rechercher des extensions...",
-		"noResults": "Aucune extension trouvée",
-		"noMarketplace": "Aucune extension disponible sur le marketplace pour le moment",
-		"count": "{{count}} extension",
-		"countPlural": "{{count}} extensions"
-	},
-	"toast": {
-		"installedAndEnabled": "Extension installée et activée",
-		"uninstalled": "{{name}} désinstallée",
-		"uninstallFailed": "Échec de la désinstallation de {{name}}",
-		"searchFailed": "Échec de la recherche sur le marketplace",
-		"refreshed": "Extensions actualisées",
-		"refreshFailed": "Échec de l’actualisation des extensions",
-		"marketplaceInstalled": "{{name}} installée et activée",
-		"marketplaceInstallFailed": "Échec de l’installation de {{name}}",
-		"enableFailed": "Échec de l’activation de l’extension"
-	}
-}
diff --git a/src/i18n/locales/it/extensions.json b/src/i18n/locales/it/extensions.json
deleted file mode 100644
index 4fcfbadd6..000000000
--- a/src/i18n/locales/it/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Estensioni",
-	"tabs": {
-		"browse": "Esplora",
-		"installed": "Installate"
-	},
-	"actions": {
-		"submit": "Invia un'estensione",
-		"docs": "Documentazione estensioni",
-		"refresh": "Aggiorna",
-		"openFolder": "Apri cartella estensioni",
-		"uninstall": "Disinstalla",
-		"install": "Installa",
-		"installing": "Installazione in corso",
-		"add": "Aggiungi",
-		"retry": "Riprova",
-		"close": "Chiudi",
-		"folder": "Cartella"
-	},
-	"status": {
-		"enabled": "Abilitata",
-		"disabled": "Disabilitata",
-		"installed": "Installata"
-	},
-	"detail": {
-		"by": "Di {{author}}",
-		"unknownAuthor": "Autore sconosciuto",
-		"noDescription": "Nessuna descrizione",
-		"downloads": "{{count}} download",
-		"preview": "Anteprima",
-		"screenshotAlt": "Schermata {{number}}",
-		"description": "Descrizione",
-		"tags": "Tag",
-		"permissions": "Autorizzazioni",
-		"location": "Posizione",
-		"error": "Errore: {{message}}"
-	},
-	"empty": {
-		"title": "Nessuna estensione",
-		"description": "Installa estensioni per aggiungere cornici, effetti del cursore e strumenti per l'editor."
-	},
-	"search": {
-		"placeholder": "Cerca estensioni...",
-		"noResults": "Nessuna estensione trovata",
-		"noMarketplace": "Nessuna estensione del marketplace ancora disponibile",
-		"count": "{{count}} estensione",
-		"countPlural": "{{count}} estensioni"
-	},
-	"toast": {
-		"installedAndEnabled": "Estensione installata e abilitata",
-		"uninstalled": "{{name}} disinstallata",
-		"uninstallFailed": "Disinstallazione di {{name}} non riuscita",
-		"searchFailed": "Ricerca nel marketplace non riuscita",
-		"refreshed": "Estensioni aggiornate",
-		"refreshFailed": "Aggiornamento delle estensioni non riuscito",
-		"marketplaceInstalled": "{{name}} installata e abilitata",
-		"marketplaceInstallFailed": "Installazione di {{name}} non riuscita",
-		"enableFailed": "Abilitazione dell'estensione non riuscita"
-	}
-}
diff --git a/src/i18n/locales/ko/extensions.json b/src/i18n/locales/ko/extensions.json
deleted file mode 100644
index 68f60fbd6..000000000
--- a/src/i18n/locales/ko/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "확장 프로그램",
-	"tabs": {
-		"browse": "둘러보기",
-		"installed": "설치됨"
-	},
-	"actions": {
-		"submit": "확장 프로그램 제출",
-		"docs": "확장 프로그램 문서",
-		"refresh": "새로고침",
-		"openFolder": "확장 프로그램 폴더 열기",
-		"uninstall": "제거",
-		"install": "설치",
-		"installing": "설치 중",
-		"add": "추가",
-		"retry": "다시 시도",
-		"close": "닫기",
-		"folder": "폴더"
-	},
-	"status": {
-		"enabled": "활성화",
-		"disabled": "비활성화",
-		"installed": "설치됨"
-	},
-	"detail": {
-		"by": "{{author}} 제작",
-		"unknownAuthor": "알 수 없는 작성자",
-		"noDescription": "설명 없음",
-		"downloads": "{{count}}회 다운로드",
-		"preview": "미리보기",
-		"screenshotAlt": "스크린샷 {{number}}",
-		"description": "설명",
-		"tags": "태그",
-		"permissions": "권한",
-		"location": "위치",
-		"error": "오류: {{message}}"
-	},
-	"empty": {
-		"title": "확장 프로그램 없음",
-		"description": "프레임, 커서 효과 및 편집 도구를 추가하려면 확장 프로그램을 설치하세요."
-	},
-	"search": {
-		"placeholder": "확장 프로그램 검색...",
-		"noResults": "확장 프로그램을 찾을 수 없음",
-		"noMarketplace": "아직 마켓플레이스 확장 프로그램이 없습니다",
-		"count": "확장 프로그램 {{count}}개",
-		"countPlural": "확장 프로그램 {{count}}개"
-	},
-	"toast": {
-		"installedAndEnabled": "확장 프로그램이 설치되고 활성화되었습니다",
-		"uninstalled": "{{name}} 제거됨",
-		"uninstallFailed": "{{name}} 제거 실패",
-		"searchFailed": "마켓플레이스 검색 실패",
-		"refreshed": "확장 프로그램 새로고침 완료",
-		"refreshFailed": "확장 프로그램 새로고침 실패",
-		"marketplaceInstalled": "{{name}} 설치 및 활성화됨",
-		"enableFailed": "확장 프로그램 활성화 실패",
-		"marketplaceInstallFailed": "{{name}} 설치 실패"
-	}
-}
diff --git a/src/i18n/locales/nl/extensions.json b/src/i18n/locales/nl/extensions.json
deleted file mode 100644
index d66934728..000000000
--- a/src/i18n/locales/nl/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Extensies",
-	"tabs": {
-		"browse": "Bladeren",
-		"installed": "Geïnstalleerd"
-	},
-	"actions": {
-		"submit": "Een extensie indienen",
-		"docs": "Extensiedocumentatie",
-		"refresh": "Vernieuwen",
-		"openFolder": "Extensiemap openen",
-		"uninstall": "Verwijderen",
-		"install": "Installeren",
-		"installing": "Installeren",
-		"add": "Toevoegen",
-		"retry": "Opnieuw",
-		"close": "Sluiten",
-		"folder": "Map"
-	},
-	"status": {
-		"enabled": "Ingeschakeld",
-		"disabled": "Uitgeschakeld",
-		"installed": "Geïnstalleerd"
-	},
-	"detail": {
-		"by": "Door {{author}}",
-		"unknownAuthor": "Onbekende auteur",
-		"noDescription": "Geen beschrijving",
-		"downloads": "{{count}} downloads",
-		"preview": "Voorbeeld",
-		"screenshotAlt": "Schermafbeelding {{number}}",
-		"description": "Beschrijving",
-		"tags": "Tags",
-		"permissions": "Machtigingen",
-		"location": "Locatie",
-		"error": "Fout: {{message}}"
-	},
-	"empty": {
-		"title": "Geen extensies",
-		"description": "Installeer extensies om frames, cursoreffecten en bewerkingstools toe te voegen."
-	},
-	"search": {
-		"placeholder": "Extensies zoeken...",
-		"noResults": "Geen extensies gevonden",
-		"noMarketplace": "Er zijn nog geen marketplace extensies beschikbaar",
-		"count": "{{count}} extensie",
-		"countPlural": "{{count}} extensies"
-	},
-	"toast": {
-		"installedAndEnabled": "Extensie geïnstalleerd en ingeschakeld",
-		"uninstalled": "{{name}} verwijderd",
-		"uninstallFailed": "Kan {{name}} niet verwijderen",
-		"searchFailed": "Kan niet zoeken in marketplace",
-		"refreshed": "Extensies vernieuwd",
-		"refreshFailed": "Kan extensies niet vernieuwen",
-		"marketplaceInstalled": "{{name}} geïnstalleerd en ingeschakeld",
-		"enableFailed": "Kan extensie niet inschakelen",
-		"marketplaceInstallFailed": "Kan {{name}} niet installeren"
-	}
-}
diff --git a/src/i18n/locales/pt-BR/extensions.json b/src/i18n/locales/pt-BR/extensions.json
deleted file mode 100644
index f7d8abc42..000000000
--- a/src/i18n/locales/pt-BR/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Extensões",
-	"tabs": {
-		"browse": "Explorar",
-		"installed": "Instaladas"
-	},
-	"actions": {
-		"submit": "Enviar uma extensão",
-		"docs": "Documentação de extensões",
-		"refresh": "Atualizar",
-		"openFolder": "Abrir pasta de extensões",
-		"uninstall": "Desinstalar",
-		"install": "Instalar",
-		"installing": "Instalando",
-		"add": "Adicionar",
-		"retry": "Tentar novamente",
-		"close": "Fechar",
-		"folder": "Pasta"
-	},
-	"status": {
-		"enabled": "Ativada",
-		"disabled": "Desativada",
-		"installed": "Instalada"
-	},
-	"detail": {
-		"by": "Por {{author}}",
-		"unknownAuthor": "Autor desconhecido",
-		"noDescription": "Sem descrição",
-		"downloads": "{{count}} downloads",
-		"preview": "Prévia",
-		"screenshotAlt": "Captura de tela {{number}}",
-		"description": "Descrição",
-		"tags": "Tags",
-		"permissions": "Permissões",
-		"location": "Localização",
-		"error": "Erro: {{message}}"
-	},
-	"empty": {
-		"title": "Sem extensões",
-		"description": "Instale extensões para adicionar molduras, efeitos de cursor e ferramentas de edição."
-	},
-	"search": {
-		"placeholder": "Buscar extensões...",
-		"noResults": "Nenhuma extensão encontrada",
-		"noMarketplace": "Ainda não há extensões disponíveis no marketplace",
-		"count": "{{count}} extensão",
-		"countPlural": "{{count}} extensões"
-	},
-	"toast": {
-		"installedAndEnabled": "Extensão instalada e ativada",
-		"uninstalled": "{{name}} desinstalada",
-		"uninstallFailed": "Falha ao desinstalar {{name}}",
-		"searchFailed": "Falha ao buscar no marketplace",
-		"refreshed": "Extensões atualizadas",
-		"refreshFailed": "Falha ao atualizar extensões",
-		"marketplaceInstalled": "{{name}} instalada e ativada",
-		"marketplaceInstallFailed": "Falha ao instalar {{name}}",
-		"enableFailed": "Falha ao ativar extensão"
-	}
-}
diff --git a/src/i18n/locales/ru/extensions.json b/src/i18n/locales/ru/extensions.json
deleted file mode 100644
index 984d4dc0b..000000000
--- a/src/i18n/locales/ru/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "Расширения",
-	"tabs": {
-		"browse": "Обзор",
-		"installed": "Установленные"
-	},
-	"actions": {
-		"submit": "Отправить расширение",
-		"docs": "Документация",
-		"refresh": "Обновить",
-		"openFolder": "Открыть папку с расширениями",
-		"uninstall": "Удалить",
-		"install": "Установить",
-		"installing": "Установка",
-		"add": "Добавить",
-		"retry": "Повторить",
-		"close": "Закрыть",
-		"folder": "Папка с расширениями"
-	},
-	"status": {
-		"enabled": "Включить",
-		"disabled": "Выключить",
-		"installed": "Установлено"
-	},
-	"detail": {
-		"by": "Автор: {{author}}",
-		"unknownAuthor": "Неизвестный автор",
-		"noDescription": "Описание отсутствует",
-		"downloads": "Загрузок: {{count}}",
-		"preview": "Предпросмотр",
-		"screenshotAlt": "Скриншот {{number}}",
-		"description": "Описание",
-		"tags": "Теги",
-		"permissions": "Разрешения",
-		"location": "Расположение",
-		"error": "Ошибка: {{message}}"
-	},
-	"empty": {
-		"title": "У вас пока нет расширений",
-		"description": "Устанавливайте расширения: рамки, курсоры и дополнительные инструменты для редактирования."
-	},
-	"search": {
-		"placeholder": "Поиск расширений...",
-		"noResults": "Ничего не найдено",
-		"noMarketplace": "В магазине пока нет доступных расширений",
-		"count": "Найдено расширений: {{count}}",
-		"countPlural": "Найдено расширений: {{count}}"
-	},
-	"toast": {
-		"installedAndEnabled": "Расширение установлено и включено",
-		"uninstalled": "Удалено: {{name}}",
-		"uninstallFailed": "Не удалось удалить {{name}}",
-		"searchFailed": "Ошибка при поиске в магазине расширений",
-		"refreshed": "Список расширений обновлен",
-		"refreshFailed": "Не удалось обновить расширения",
-		"marketplaceInstalled": "Установлено и включено: {{name}}",
-		"marketplaceInstallFailed": "Не удалось установить {{name}}",
-		"enableFailed": "Не удалось включить расширение"
-	}
-}
diff --git a/src/i18n/locales/zh-CN/extensions.json b/src/i18n/locales/zh-CN/extensions.json
deleted file mode 100644
index 582223e79..000000000
--- a/src/i18n/locales/zh-CN/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "扩展",
-	"tabs": {
-		"browse": "浏览",
-		"installed": "已安装"
-	},
-	"actions": {
-		"submit": "提交扩展",
-		"docs": "扩展文档",
-		"refresh": "刷新",
-		"openFolder": "打开扩展文件夹",
-		"uninstall": "卸载",
-		"install": "安装",
-		"installing": "安装中",
-		"add": "添加",
-		"retry": "重试",
-		"close": "关闭",
-		"folder": "文件夹"
-	},
-	"status": {
-		"enabled": "已启用",
-		"disabled": "已禁用",
-		"installed": "已安装"
-	},
-	"detail": {
-		"by": "由 {{author}} 开发",
-		"unknownAuthor": "未知作者",
-		"noDescription": "暂无描述",
-		"downloads": "{{count}} 次下载",
-		"preview": "预览",
-		"screenshotAlt": "截图 {{number}}",
-		"description": "描述",
-		"tags": "标签",
-		"permissions": "权限",
-		"location": "位置",
-		"error": "错误：{{message}}"
-	},
-	"empty": {
-		"title": "没有扩展",
-		"description": "安装扩展以添加相框、光标效果和编辑工具。"
-	},
-	"search": {
-		"placeholder": "搜索扩展...",
-		"noResults": "未找到扩展",
-		"noMarketplace": "暂无可用的市场扩展",
-		"count": "{{count}} 个扩展",
-		"countPlural": "{{count}} 个扩展"
-	},
-	"toast": {
-		"installedAndEnabled": "扩展已安装并启用",
-		"uninstalled": "已卸载 {{name}}",
-		"uninstallFailed": "卸载 {{name}} 失败",
-		"searchFailed": "搜索市场失败",
-		"refreshed": "扩展已刷新",
-		"refreshFailed": "刷新扩展失败",
-		"marketplaceInstalled": "已安装并启用 {{name}}",
-		"enableFailed": "启用扩展失败",
-		"marketplaceInstallFailed": "安装 {{name}} 失败"
-	}
-}
diff --git a/src/i18n/locales/zh-TW/extensions.json b/src/i18n/locales/zh-TW/extensions.json
deleted file mode 100644
index cd85f835b..000000000
--- a/src/i18n/locales/zh-TW/extensions.json
+++ /dev/null
@@ -1,60 +0,0 @@
-{
-	"title": "擴充功能",
-	"tabs": {
-		"browse": "瀏覽",
-		"installed": "已安裝"
-	},
-	"actions": {
-		"submit": "提交擴充功能",
-		"docs": "擴充功能文件",
-		"refresh": "重新整理",
-		"openFolder": "開啟擴充功能資料夾",
-		"uninstall": "解除安裝",
-		"install": "安裝",
-		"installing": "安裝中",
-		"add": "新增",
-		"retry": "重試",
-		"close": "關閉",
-		"folder": "資料夾"
-	},
-	"status": {
-		"enabled": "已啟用",
-		"disabled": "已停用",
-		"installed": "已安裝"
-	},
-	"detail": {
-		"by": "作者：{{author}}",
-		"unknownAuthor": "未知作者",
-		"noDescription": "無描述",
-		"downloads": "下載次數：{{count}}",
-		"preview": "預覽",
-		"screenshotAlt": "截圖 {{number}}",
-		"description": "描述",
-		"tags": "標籤",
-		"permissions": "權限",
-		"location": "位置",
-		"error": "錯誤：{{message}}"
-	},
-	"empty": {
-		"title": "沒有擴充功能",
-		"description": "安裝擴充功能以新增外框、游標特效與編輯器工具。"
-	},
-	"search": {
-		"placeholder": "搜尋擴充功能...",
-		"noResults": "找不到擴充功能",
-		"noMarketplace": "目前尚無市集擴充功能",
-		"count": "{{count}} 個擴充功能",
-		"countPlural": "{{count}} 個擴充功能"
-	},
-	"toast": {
-		"installedAndEnabled": "擴充功能已安裝並啟用",
-		"uninstalled": "已解除安裝 {{name}}",
-		"uninstallFailed": "解除安裝 {{name}} 失敗",
-		"searchFailed": "搜尋市集失敗",
-		"refreshed": "已重新整理擴充功能",
-		"refreshFailed": "重新整理擴充功能失敗",
-		"marketplaceInstalled": "已安裝並啟用 {{name}}",
-		"marketplaceInstallFailed": "安裝 {{name}} 失敗",
-		"enableFailed": "啟用擴充功能失敗"
-	}
-}
diff --git a/src/lib/exporter/backendPolicy.test.ts b/src/lib/exporter/backendPolicy.test.ts
index 6d3759685..69ae5b8f5 100644
--- a/src/lib/exporter/backendPolicy.test.ts
+++ b/src/lib/exporter/backendPolicy.test.ts
@@ -53,7 +53,7 @@ describe("backendPolicy", () => {
 				backendPreference: "auto",
 				platform: "win32",
 				nativeStaticLayoutAvailable: true,
-				nativeStaticLayoutSkipReasons: ["unsupported-frame-overlay"],
+				nativeStaticLayoutSkipReasons: ["unsupported-caption-overlay"],
 			}),
 		).toEqual({
 			selectedRoute: "breeze-stream",
diff --git a/src/lib/exporter/frameRenderer.ts b/src/lib/exporter/frameRenderer.ts
index 9891a5188..a4b73f83d 100644
--- a/src/lib/exporter/frameRenderer.ts
+++ b/src/lib/exporter/frameRenderer.ts
@@ -56,17 +56,6 @@ import {
 	getWebcamOverlayPosition,
 } from "@/components/video-editor/webcamOverlay";
 import { getAssetPath, getExportableVideoUrl, getRenderableAssetUrl } from "@/lib/assetPath";
-import { extensionHost } from "@/lib/extensions";
-import {
-	mapCursorToCanvasNormalized,
-	mapSmoothedCursorToCanvasNormalized,
-} from "@/lib/extensions/cursorCoordinates";
-import {
-	executeExtensionCursorEffects,
-	executeExtensionRenderHooks,
-	notifyCursorInteraction,
-} from "@/lib/extensions/renderHooks";
-import { applyCanvasSceneTransform } from "@/lib/extensions/sceneTransform";
 import { drawSquircleOnCanvas, drawSquircleOnGraphics } from "@/lib/geometry/squircle";
 import {
 	clampMediaTimeToDuration,
@@ -143,7 +132,6 @@ interface FrameRenderConfig {
 	cursorClickBounce?: number;
 	cursorClickBounceDuration?: number;
 	cursorSway?: number;
-	frame?: string | null;
 }
 
 interface AnimationState {
@@ -205,10 +193,7 @@ interface LayoutCache {
 
 interface RenderSnapshot {
 	timeMs: number;
-	cursorTimeMs: number;
-	smoothedCursor: ReturnType<typeof mapSmoothedCursorToCanvasNormalized>;
 	sceneTransform: { scale: number; x: number; y: number };
-	zoom: { scale: number; focusX: number; focusY: number; progress: number };
 }
 
 function createAnimationState(): AnimationState {
@@ -285,10 +270,6 @@ export class FrameRenderer {
 	private webcamBubbleCtx: CanvasRenderingContext2D | null = null;
 	private lastSyncedWebcamTime: number | null = null;
 	private cleanupWebcamSource: (() => void) | null = null;
-	private frameImage: HTMLImageElement | null = null;
-	private frameInsets: { top: number; right: number; bottom: number; left: number } | null = null;
-	private frameDraw: ((ctx: CanvasRenderingContext2D, w: number, h: number) => void) | null =
-		null;
 
 	constructor(config: FrameRenderConfig) {
 		this.config = config;
@@ -451,7 +432,6 @@ export class FrameRenderer {
 		// Setup background (render separately, not in PixiJS)
 		await this.setupBackground();
 		await this.setupWebcamSource();
-		await this.setupFrame();
 
 		if ((this.config.zoomMotionBlur ?? 0) > 0) {
 			this.zoomBlurFilter = new ZoomBlurFilter({ strength: 0, maxKernelSize: 13 });
@@ -1414,37 +1394,6 @@ export class FrameRenderer {
 		}
 	}
 
-	private async setupFrame(): Promise<void> {
-		const frameId = this.config.frame;
-		if (!frameId) return;
-
-		const { extensionHost } = await import("@/lib/extensions/extensionHost");
-		const frames = extensionHost.getFrames();
-		const frame = frames.find((f) => f.id === frameId);
-		if (!frame) {
-			console.warn(`[FrameRenderer] Device frame "${frameId}" not found`);
-			return;
-		}
-
-		this.frameInsets = frame.screenInsets;
-
-		if (frame.draw) {
-			// Prefer draw function — renders at export resolution, no bitmap scaling
-			this.frameDraw = frame.draw;
-			return;
-		}
-
-		const img = new Image();
-		img.crossOrigin = "anonymous";
-		await new Promise<void>((resolve, reject) => {
-			img.onload = () => resolve();
-			img.onerror = () => reject(new Error(`Failed to load device frame image: ${frameId}`));
-			img.src = frame.filePath;
-		});
-
-		this.frameImage = img;
-	}
-
 	async renderFrame(
 		videoFrame: VideoFrame,
 		timestamp: number,
@@ -1499,19 +1448,6 @@ export class FrameRenderer {
 				: null;
 
 		if (temporalSnapshot) {
-			extensionHost.setSmoothedCursor(
-				temporalSnapshot.smoothedCursor
-					? {
-							timeMs: temporalSnapshot.timeMs,
-							cx: temporalSnapshot.smoothedCursor.cx,
-							cy: temporalSnapshot.smoothedCursor.cy,
-							trail: temporalSnapshot.smoothedCursor.trail,
-						}
-					: null,
-			);
-
-			this.drawFrame(temporalSnapshot.sceneTransform);
-
 			if (
 				this.config.annotationRegions &&
 				this.config.annotationRegions.length > 0 &&
@@ -1550,67 +1486,6 @@ export class FrameRenderer {
 				);
 			}
 
-			if (this.compositeCtx) {
-				const maskRect = this.layoutCache?.maskRect;
-				const hookParams = {
-					width: this.config.width,
-					height: this.config.height,
-					timeMs: temporalSnapshot.timeMs,
-					durationMs: 0,
-					cursor: temporalSnapshot.smoothedCursor
-						? {
-								cx: temporalSnapshot.smoothedCursor.cx,
-								cy: temporalSnapshot.smoothedCursor.cy,
-								interactionType: this.getCursorPosition(
-									temporalSnapshot.cursorTimeMs,
-								)?.interactionType,
-							}
-						: this.getCursorPosition(temporalSnapshot.cursorTimeMs),
-					smoothedCursor: temporalSnapshot.smoothedCursor,
-					videoLayout: maskRect
-						? {
-								maskRect: {
-									x: maskRect.x,
-									y: maskRect.y,
-									width: maskRect.width,
-									height: maskRect.height,
-								},
-								borderRadius: this.config.borderRadius ?? 0,
-								padding: this.config.padding ?? 0,
-							}
-						: undefined,
-					zoom: temporalSnapshot.zoom,
-					shadow: {
-						enabled: this.config.showShadow,
-						intensity: this.config.shadowIntensity,
-					},
-					sceneTransform: temporalSnapshot.sceneTransform,
-				};
-
-				this.compositeCtx.save();
-				applyCanvasSceneTransform(this.compositeCtx, temporalSnapshot.sceneTransform);
-				executeExtensionRenderHooks("post-video", this.compositeCtx, hookParams);
-				executeExtensionRenderHooks("post-zoom", this.compositeCtx, hookParams);
-				executeExtensionRenderHooks("post-cursor", this.compositeCtx, hookParams);
-				this.emitCursorInteractions(temporalSnapshot.cursorTimeMs);
-				executeExtensionCursorEffects(
-					this.compositeCtx,
-					temporalSnapshot.timeMs,
-					this.config.width,
-					this.config.height,
-					{
-						zoom: hookParams.zoom,
-						sceneTransform: hookParams.sceneTransform,
-						videoLayout: hookParams.videoLayout,
-					},
-				);
-				this.compositeCtx.restore();
-
-				executeExtensionRenderHooks("post-webcam", this.compositeCtx, hookParams);
-				executeExtensionRenderHooks("post-annotations", this.compositeCtx, hookParams);
-				executeExtensionRenderHooks("final", this.compositeCtx, hookParams);
-			}
-
 			return;
 		}
 
@@ -1637,25 +1512,6 @@ export class FrameRenderer {
 			);
 		}
 
-		const smoothedCursor = mapSmoothedCursorToCanvasNormalized(
-			this.cursorOverlay?.getSmoothedCursorSnapshot() ?? null,
-			{
-				maskRect: layoutCache.maskRect,
-				canvasWidth: this.config.width,
-				canvasHeight: this.config.height,
-			},
-		);
-		extensionHost.setSmoothedCursor(
-			smoothedCursor
-				? {
-						timeMs,
-						cx: smoothedCursor.cx,
-						cy: smoothedCursor.cy,
-						trail: smoothedCursor.trail,
-					}
-				: null,
-		);
-
 		const TICKS_PER_FRAME = 1;
 
 		for (let i = 0; i < TICKS_PER_FRAME; i++) {
@@ -1691,11 +1547,6 @@ export class FrameRenderer {
 		this.compositeWithShadows();
 
 		// Draw device frame overlay on top of video content
-		this.drawFrame({
-			scale: this.animationState.appliedScale,
-			x: this.animationState.x,
-			y: this.animationState.y,
-		});
 
 		// Render annotations on top if present
 		if (
@@ -1740,149 +1591,6 @@ export class FrameRenderer {
 				timeMs,
 			);
 		}
-
-		// Extension render hooks — run after all built-in rendering
-		if (this.compositeCtx) {
-			const maskRect = this.layoutCache?.maskRect;
-			const hookParams = {
-				width: this.config.width,
-				height: this.config.height,
-				timeMs,
-				durationMs: 0,
-				cursor: smoothedCursor
-					? {
-							cx: smoothedCursor.cx,
-							cy: smoothedCursor.cy,
-							interactionType: this.getCursorPosition(cursorTimeMs)?.interactionType,
-						}
-					: this.getCursorPosition(cursorTimeMs),
-				smoothedCursor,
-				videoLayout: maskRect
-					? {
-							maskRect: {
-								x: maskRect.x,
-								y: maskRect.y,
-								width: maskRect.width,
-								height: maskRect.height,
-							},
-							borderRadius: this.config.borderRadius ?? 0,
-							padding: this.config.padding ?? 0,
-						}
-					: undefined,
-				zoom: {
-					scale: this.animationState.scale,
-					focusX: this.animationState.focusX,
-					focusY: this.animationState.focusY,
-					progress: this.animationState.progress,
-				},
-				shadow: {
-					enabled: this.config.showShadow,
-					intensity: this.config.shadowIntensity,
-				},
-				sceneTransform: {
-					scale: this.animationState.appliedScale,
-					x: this.animationState.x,
-					y: this.animationState.y,
-				},
-			};
-
-			this.compositeCtx.save();
-			applyCanvasSceneTransform(this.compositeCtx, {
-				scale: this.animationState.appliedScale,
-				x: this.animationState.x,
-				y: this.animationState.y,
-			});
-			executeExtensionRenderHooks("post-video", this.compositeCtx, hookParams);
-			executeExtensionRenderHooks("post-zoom", this.compositeCtx, hookParams);
-			executeExtensionRenderHooks("post-cursor", this.compositeCtx, hookParams);
-
-			// Cursor click effects
-			this.emitCursorInteractions(cursorTimeMs);
-			executeExtensionCursorEffects(
-				this.compositeCtx,
-				timeMs,
-				this.config.width,
-				this.config.height,
-				{
-					zoom: hookParams.zoom,
-					sceneTransform: hookParams.sceneTransform,
-					videoLayout: hookParams.videoLayout,
-				},
-			);
-			this.compositeCtx.restore();
-
-			executeExtensionRenderHooks("post-webcam", this.compositeCtx, hookParams);
-			executeExtensionRenderHooks("post-annotations", this.compositeCtx, hookParams);
-
-			executeExtensionRenderHooks("final", this.compositeCtx, hookParams);
-		}
-	}
-
-	/**
-	 * Get the cursor position (normalized 0-1) at the given time.
-	 */
-	private getCursorPosition(
-		timeMs: number,
-	): { cx: number; cy: number; interactionType?: string } | null {
-		const telemetry = this.config.cursorTelemetry;
-		if (!telemetry || telemetry.length === 0) return null;
-
-		// Find the closest telemetry point
-		let closest = telemetry[0];
-		let minDist = Math.abs(telemetry[0].timeMs - timeMs);
-		for (let i = 1; i < telemetry.length; i++) {
-			const dist = Math.abs(telemetry[i].timeMs - timeMs);
-			if (dist < minDist) {
-				minDist = dist;
-				closest = telemetry[i];
-			}
-			if (telemetry[i].timeMs > timeMs) break;
-		}
-
-		return mapCursorToCanvasNormalized(
-			{ cx: closest.cx, cy: closest.cy, interactionType: closest.interactionType },
-			{
-				maskRect: this.layoutCache?.maskRect,
-				canvasWidth: this.config.width,
-				canvasHeight: this.config.height,
-			},
-		);
-	}
-
-	/**
-	 * Emit cursor interaction events for extensions based on telemetry clicks.
-	 */
-	private lastEmittedClickTimeMs = -1;
-
-	private emitCursorInteractions(timeMs: number): void {
-		const telemetry = this.config.cursorTelemetry;
-		if (!telemetry || telemetry.length === 0) return;
-
-		// Find click events near this time
-		for (const point of telemetry) {
-			if (point.timeMs > timeMs) break;
-			if (point.timeMs < timeMs - 100) continue;
-			if (!point.interactionType || point.interactionType === "move") continue;
-			if (point.timeMs === this.lastEmittedClickTimeMs) continue;
-
-			const mappedCursor = mapCursorToCanvasNormalized(
-				{ cx: point.cx, cy: point.cy, interactionType: point.interactionType },
-				{
-					maskRect: this.layoutCache?.maskRect,
-					canvasWidth: this.config.width,
-					canvasHeight: this.config.height,
-				},
-			);
-			if (!mappedCursor) continue;
-
-			this.lastEmittedClickTimeMs = point.timeMs;
-			notifyCursorInteraction(
-				point.timeMs,
-				mappedCursor.cx,
-				mappedCursor.cy,
-				point.interactionType,
-			);
-		}
 	}
 
 	private updateLayout(): void {
@@ -1902,7 +1610,7 @@ export class FrameRenderer {
 			width,
 			height,
 			padding,
-			frameInsets: this.frameInsets,
+			frameInsets: null,
 			cropRegion,
 			videoWidth,
 			videoHeight,
@@ -2095,15 +1803,6 @@ export class FrameRenderer {
 			);
 		}
 
-		const smoothedCursor = mapSmoothedCursorToCanvasNormalized(
-			this.cursorOverlay?.getSmoothedCursorSnapshot() ?? null,
-			{
-				maskRect: layoutCache.maskRect,
-				canvasWidth: this.config.width,
-				canvasHeight: this.config.height,
-			},
-		);
-
 		this.updateAnimationState(timeMs);
 
 		applyZoomTransform({
@@ -2133,19 +1832,11 @@ export class FrameRenderer {
 
 		return {
 			timeMs,
-			cursorTimeMs,
-			smoothedCursor,
 			sceneTransform: {
 				scale: this.animationState.appliedScale,
 				x: this.animationState.x,
 				y: this.animationState.y,
 			},
-			zoom: {
-				scale: this.animationState.scale,
-				focusX: this.animationState.focusX,
-				focusY: this.animationState.focusY,
-				progress: this.animationState.progress,
-			},
 		};
 	}
 
@@ -2271,71 +1962,6 @@ export class FrameRenderer {
 		this.drawWebcamOverlay(ctx, w, h);
 	}
 
-	private drawFrame(sceneTransform?: { scale: number; x: number; y: number }): void {
-		if ((!this.frameImage && !this.frameDraw) || !this.compositeCtx || !this.layoutCache)
-			return;
-
-		const ctx = this.compositeCtx;
-		const maskRect = this.layoutCache.maskRect;
-		const insets = this.frameInsets;
-		const transform = sceneTransform ?? { scale: 1, x: 0, y: 0 };
-		const drawWithTransform = (draw: () => void) => {
-			ctx.save();
-			applyCanvasSceneTransform(ctx, transform);
-			draw();
-			ctx.restore();
-		};
-
-		if (!insets) {
-			// No insets: draw frame spanning entire mask area
-			if (this.frameDraw) {
-				const c = document.createElement("canvas");
-				c.width = Math.round(maskRect.width);
-				c.height = Math.round(maskRect.height);
-				const dCtx = c.getContext("2d");
-				if (dCtx) this.frameDraw(dCtx, c.width, c.height);
-				drawWithTransform(() => {
-					ctx.drawImage(c, maskRect.x, maskRect.y, maskRect.width, maskRect.height);
-				});
-			} else {
-				drawWithTransform(() => {
-					ctx.drawImage(
-						this.frameImage!,
-						maskRect.x,
-						maskRect.y,
-						maskRect.width,
-						maskRect.height,
-					);
-				});
-			}
-			return;
-		}
-
-		// Calculate frame dimensions from insets
-		const screenW = maskRect.width;
-		const screenH = maskRect.height;
-		const frameW = screenW / (1 - insets.left - insets.right);
-		const frameH = screenH / (1 - insets.top - insets.bottom);
-		const frameX = maskRect.x - insets.left * frameW;
-		const frameY = maskRect.y - insets.top * frameH;
-
-		if (this.frameDraw) {
-			// Draw at the exact export resolution — no bitmap scaling
-			const c = document.createElement("canvas");
-			c.width = Math.round(frameW);
-			c.height = Math.round(frameH);
-			const dCtx = c.getContext("2d");
-			if (dCtx) this.frameDraw(dCtx, c.width, c.height);
-			drawWithTransform(() => {
-				ctx.drawImage(c, frameX, frameY, frameW, frameH);
-			});
-		} else {
-			drawWithTransform(() => {
-				ctx.drawImage(this.frameImage!, frameX, frameY, frameW, frameH);
-			});
-		}
-	}
-
 	private drawWebcamOverlay(ctx: CanvasRenderingContext2D, width: number, height: number): void {
 		const webcam = this.config.webcam;
 		const webcamDecodedFrame = this.webcamDecodedFrame;
@@ -2623,8 +2249,5 @@ export class FrameRenderer {
 		this.webcamBubbleCanvas = null;
 		this.webcamBubbleCtx = null;
 		this.lastSyncedWebcamTime = null;
-		this.frameImage = null;
-		this.frameInsets = null;
-		this.frameDraw = null;
 	}
 }
diff --git a/src/lib/exporter/gifExporter.ts b/src/lib/exporter/gifExporter.ts
index 2630e5926..d9e1b85e8 100644
--- a/src/lib/exporter/gifExporter.ts
+++ b/src/lib/exporter/gifExporter.ts
@@ -88,7 +88,6 @@ interface GifExporterConfig {
 	cursorClickBounce?: number;
 	cursorClickBounceDuration?: number;
 	cursorSway?: number;
-	frame?: string | null;
 	previewWidth?: number;
 	previewHeight?: number;
 	maxDecodeQueue?: number;
@@ -195,7 +194,6 @@ export function buildGifFrameRendererConfig(
 		cursorClickBounce: config.cursorClickBounce,
 		cursorClickBounceDuration: config.cursorClickBounceDuration,
 		cursorSway: config.cursorSway,
-		frame: config.frame,
 	};
 }
 
diff --git a/src/lib/exporter/modernFrameRenderer.ts b/src/lib/exporter/modernFrameRenderer.ts
index 325bb28fe..b9eefea19 100644
--- a/src/lib/exporter/modernFrameRenderer.ts
+++ b/src/lib/exporter/modernFrameRenderer.ts
@@ -66,17 +66,6 @@ import {
 	isWebcamCropRegionDefault,
 } from "@/components/video-editor/webcamOverlay";
 import { getAssetPath, getExportableVideoUrl, getRenderableAssetUrl } from "@/lib/assetPath";
-import { extensionHost } from "@/lib/extensions";
-import {
-	mapCursorToCanvasNormalized,
-	mapSmoothedCursorToCanvasNormalized,
-} from "@/lib/extensions/cursorCoordinates";
-import {
-	executeExtensionCursorEffects,
-	executeExtensionRenderHooks,
-	notifyCursorInteraction,
-} from "@/lib/extensions/renderHooks";
-import { applyCanvasSceneTransform } from "@/lib/extensions/sceneTransform";
 import { drawSquircleOnCanvas, drawSquircleOnGraphics } from "@/lib/geometry/squircle";
 import {
 	clampMediaTimeToDuration,
@@ -164,7 +153,6 @@ interface FrameRenderConfig {
 	cursorSway?: number;
 	zoomSmoothness?: number;
 	zoomClassicMode?: boolean;
-	frame?: string | null;
 	nativeReadbackMode?: "pixels" | "canvas";
 }
 
@@ -388,7 +376,6 @@ export class FrameRenderer {
 	private cameraContainer: Container | null = null;
 	private videoEffectsContainer: Container | null = null;
 	private videoContainer: Container | null = null;
-	private frameContainer: Container | null = null;
 	private cursorContainer: Container | null = null;
 	private overlayContainer: Container | null = null;
 	private annotationContainer: Container | null = null;
@@ -438,20 +425,6 @@ export class FrameRenderer {
 	private captionSprite: Sprite | null = null;
 	private captionTextureSource: MutableVideoTextureSource | null = null;
 	private captionRenderKey: string | null = null;
-	private frameSprite: Sprite | null = null;
-	private frameImage: HTMLImageElement | null = null;
-	private frameDraw:
-		| ((ctx: CanvasRenderingContext2D, width: number, height: number) => void)
-		| null = null;
-	private frameInsets: {
-		top: number;
-		right: number;
-		bottom: number;
-		left: number;
-	} | null = null;
-	private frameRasterCanvas: HTMLCanvasElement | null = null;
-	private frameRasterWidth = 0;
-	private frameRasterHeight = 0;
 	private exportCompositeCanvas: ExportCompositeCanvasState | null = null;
 	private temporalCompositeCanvas: ExportCompositeCanvasState | null = null;
 	private outputCanvasOverride: HTMLCanvasElement | null = null;
@@ -481,9 +454,6 @@ export class FrameRenderer {
 	private retainedSceneBitmap: ImageBitmap | null = null;
 	private retainedBackgroundBitmapTimestamp: number | null = null;
 	private retainedBackgroundBitmap: ImageBitmap | null = null;
-	private compositeCanvas: HTMLCanvasElement | null = null;
-	private compositeCtx: CanvasRenderingContext2D | null = null;
-	private lastEmittedClickTimeMs = -1;
 	private cleanupWebcamSource: (() => void) | null = null;
 
 	constructor(config: FrameRenderConfig) {
@@ -547,7 +517,6 @@ export class FrameRenderer {
 		this.cameraContainer = new Container();
 		this.videoEffectsContainer = new Container();
 		this.videoContainer = new Container();
-		this.frameContainer = new Container();
 		this.cursorContainer = new Container();
 		this.overlayContainer = new Container();
 		this.annotationContainer = new Container();
@@ -565,7 +534,6 @@ export class FrameRenderer {
 		);
 
 		this.cameraContainer.addChild(this.videoEffectsContainer);
-		this.cameraContainer.addChild(this.frameContainer);
 		this.cameraContainer.addChild(this.cursorContainer);
 		this.videoEffectsContainer.addChild(this.videoContainer);
 		this.videoEffectsContainer.filterArea = new Rectangle(
@@ -627,7 +595,6 @@ export class FrameRenderer {
 		}
 
 		await this.setupBackground();
-		await this.setupFrame();
 		await this.setupWebcamSource();
 
 		this.annotationScaleFactor = this.calculateAnnotationScaleFactor();
@@ -643,18 +610,6 @@ export class FrameRenderer {
 			this.motionBlurFilter = new MotionBlurFilter([0, 0], 5, 0);
 		}
 
-		this.compositeCanvas = document.createElement("canvas");
-		this.compositeCanvas.width = this.config.width;
-		this.compositeCanvas.height = this.config.height;
-		this.compositeCtx = configureHighQuality2DContext(
-			this.compositeCanvas.getContext("2d", {
-				willReadFrequently: false,
-			}),
-		);
-		if (!this.compositeCtx) {
-			throw new Error("Failed to get 2D context for composite canvas");
-		}
-
 		this.updateVideoEffectsFilterState();
 
 		console.log(`[FrameRenderer] Export renderer backend: ${this.rendererBackend}`);
@@ -2133,41 +2088,6 @@ export class FrameRenderer {
 		return getRenderableAssetUrl(wallpaperAsset);
 	}
 
-	private async setupFrame(): Promise<void> {
-		const frameId = this.config.frame;
-		if (!frameId) {
-			return;
-		}
-
-		const frames = extensionHost.getFrames();
-		const frame = frames.find((candidate) => candidate.id === frameId);
-		if (!frame) {
-			console.warn(`[ModernFrameRenderer] Device frame "${frameId}" not found`);
-			return;
-		}
-
-		this.frameInsets = frame.screenInsets;
-
-		if (frame.draw) {
-			this.frameDraw = frame.draw;
-			return;
-		}
-
-		const image = new Image();
-		image.crossOrigin = "anonymous";
-		await new Promise<void>((resolve, reject) => {
-			image.onload = () => resolve();
-			image.onerror = () =>
-				reject(
-					new Error(
-						`[ModernFrameRenderer] Failed to load device frame image: ${frameId}`,
-					),
-				);
-			image.src = frame.filePath;
-		});
-		this.frameImage = image;
-	}
-
 	private async fallbackBackgroundForwardFrameSourceToMediaElement(): Promise<boolean> {
 		const sourceUrl = this.backgroundForwardFrameSourceUrl;
 		this.backgroundForwardFrameSource?.cancel();
@@ -3223,16 +3143,6 @@ export class FrameRenderer {
 				: null;
 
 		if (temporalSnapshot) {
-			const sourceCanvas =
-				this.outputCanvasOverride ?? this.ensureTemporalCompositeCanvas()?.canvas;
-			if (sourceCanvas && this.shouldCompositeExtensionFrame()) {
-				this.compositeExtensions(
-					temporalSnapshot.timeMs,
-					temporalSnapshot.cursorTimeMs,
-					sourceCanvas,
-				);
-				this.outputCanvasOverride = this.compositeCanvas;
-			}
 			return;
 		}
 
@@ -3311,228 +3221,6 @@ export class FrameRenderer {
 
 		this.outputCanvasOverride = null;
 		this.app.render();
-		this.compositeExtensions(timeMs, cursorTimeMs);
-	}
-
-	private shouldCompositeExtensionFrame(): boolean {
-		return (
-			extensionHost.hasCursorEffects() ||
-			extensionHost.hasRenderHooks("post-zoom") ||
-			extensionHost.hasRenderHooks("post-cursor") ||
-			extensionHost.hasRenderHooks("post-annotations") ||
-			extensionHost.hasRenderHooks("final")
-		);
-	}
-
-	private compositeExtensions(
-		timeMs: number,
-		cursorTimeMs: number,
-		sourceCanvas?: CanvasImageSource,
-	): void {
-		if (!this.app || !this.compositeCtx || !this.compositeCanvas) {
-			return;
-		}
-
-		if (!this.shouldCompositeExtensionFrame()) {
-			return;
-		}
-
-		this.compositeCtx.clearRect(0, 0, this.config.width, this.config.height);
-		this.compositeCtx.drawImage(sourceCanvas ?? (this.app.canvas as HTMLCanvasElement), 0, 0);
-
-		const maskRect = this.layoutCache?.maskRect;
-		const smoothedCursor = mapSmoothedCursorToCanvasNormalized(
-			this.cursorOverlay?.getSmoothedCursorSnapshot() ?? null,
-			{
-				maskRect,
-				canvasWidth: this.config.width,
-				canvasHeight: this.config.height,
-			},
-		);
-		extensionHost.setSmoothedCursor(
-			smoothedCursor
-				? {
-						timeMs,
-						cx: smoothedCursor.cx,
-						cy: smoothedCursor.cy,
-						trail: smoothedCursor.trail,
-					}
-				: null,
-		);
-		const rawCursor = this.getCursorPosition(cursorTimeMs);
-		const hookParams = {
-			width: this.config.width,
-			height: this.config.height,
-			timeMs,
-			durationMs: 0,
-			cursor: smoothedCursor
-				? {
-						cx: smoothedCursor.cx,
-						cy: smoothedCursor.cy,
-						interactionType: rawCursor?.interactionType,
-					}
-				: rawCursor,
-			smoothedCursor,
-			videoLayout: maskRect
-				? {
-						maskRect: {
-							x: maskRect.x,
-							y: maskRect.y,
-							width: maskRect.width,
-							height: maskRect.height,
-						},
-						borderRadius: this.config.borderRadius ?? 0,
-						padding: this.config.padding ?? 0,
-					}
-				: undefined,
-			zoom: {
-				scale: this.animationState.scale,
-				focusX: this.animationState.focusX,
-				focusY: this.animationState.focusY,
-				progress: this.animationState.progress,
-			},
-			shadow: {
-				enabled: this.config.showShadow,
-				intensity: this.config.shadowIntensity,
-			},
-			sceneTransform: {
-				scale: this.animationState.appliedScale,
-				x: this.animationState.x,
-				y: this.animationState.y,
-			},
-		};
-
-		this.compositeCtx.save();
-		applyCanvasSceneTransform(this.compositeCtx, {
-			scale: this.animationState.appliedScale,
-			x: this.animationState.x,
-			y: this.animationState.y,
-		});
-		executeExtensionRenderHooks("post-video", this.compositeCtx, hookParams);
-		executeExtensionRenderHooks("post-zoom", this.compositeCtx, hookParams);
-		executeExtensionRenderHooks("post-cursor", this.compositeCtx, hookParams);
-		this.emitCursorInteractions(cursorTimeMs);
-		executeExtensionCursorEffects(
-			this.compositeCtx,
-			timeMs,
-			this.config.width,
-			this.config.height,
-			{
-				zoom: hookParams.zoom,
-				sceneTransform: hookParams.sceneTransform,
-				videoLayout: hookParams.videoLayout,
-			},
-		);
-		this.compositeCtx.restore();
-
-		executeExtensionRenderHooks("post-webcam", this.compositeCtx, hookParams);
-		executeExtensionRenderHooks("post-annotations", this.compositeCtx, hookParams);
-		executeExtensionRenderHooks("final", this.compositeCtx, hookParams);
-	}
-
-	private getCursorPosition(
-		timeMs: number,
-	): { cx: number; cy: number; interactionType?: string } | null {
-		const telemetry = this.config.cursorTelemetry;
-		if (!telemetry || telemetry.length === 0) {
-			return null;
-		}
-
-		// Clamp to first/last sample when out of range
-		if (timeMs <= telemetry[0].timeMs) {
-			const s = telemetry[0];
-			return mapCursorToCanvasNormalized(
-				{ cx: s.cx, cy: s.cy, interactionType: s.interactionType },
-				{
-					maskRect: this.layoutCache?.maskRect,
-					canvasWidth: this.config.width,
-					canvasHeight: this.config.height,
-				},
-			);
-		}
-		if (timeMs >= telemetry[telemetry.length - 1].timeMs) {
-			const s = telemetry[telemetry.length - 1];
-			return mapCursorToCanvasNormalized(
-				{ cx: s.cx, cy: s.cy, interactionType: s.interactionType },
-				{
-					maskRect: this.layoutCache?.maskRect,
-					canvasWidth: this.config.width,
-					canvasHeight: this.config.height,
-				},
-			);
-		}
-
-		// Binary search for surrounding samples
-		let lo = 0;
-		let hi = telemetry.length - 1;
-		while (lo < hi - 1) {
-			const mid = (lo + hi) >> 1;
-			if (telemetry[mid].timeMs <= timeMs) {
-				lo = mid;
-			} else {
-				hi = mid;
-			}
-		}
-
-		const a = telemetry[lo];
-		const b = telemetry[hi];
-		const span = b.timeMs - a.timeMs;
-
-		// Linear interpolation between samples
-		const t = span > 0 ? (timeMs - a.timeMs) / span : 0;
-		const cx = a.cx + (b.cx - a.cx) * t;
-		const cy = a.cy + (b.cy - a.cy) * t;
-
-		return mapCursorToCanvasNormalized(
-			{ cx, cy, interactionType: a.interactionType },
-			{
-				maskRect: this.layoutCache?.maskRect,
-				canvasWidth: this.config.width,
-				canvasHeight: this.config.height,
-			},
-		);
-	}
-
-	private emitCursorInteractions(timeMs: number): void {
-		const telemetry = this.config.cursorTelemetry;
-		if (!telemetry || telemetry.length === 0) {
-			return;
-		}
-
-		for (const point of telemetry) {
-			if (point.timeMs > timeMs) {
-				break;
-			}
-			if (point.timeMs < timeMs - 100) {
-				continue;
-			}
-			if (!point.interactionType || point.interactionType === "move") {
-				continue;
-			}
-			if (point.timeMs === this.lastEmittedClickTimeMs) {
-				continue;
-			}
-
-			const mappedCursor = mapCursorToCanvasNormalized(
-				{ cx: point.cx, cy: point.cy, interactionType: point.interactionType },
-				{
-					maskRect: this.layoutCache?.maskRect,
-					canvasWidth: this.config.width,
-					canvasHeight: this.config.height,
-				},
-			);
-			if (!mappedCursor) {
-				continue;
-			}
-
-			this.lastEmittedClickTimeMs = point.timeMs;
-			notifyCursorInteraction(
-				point.timeMs,
-				mappedCursor.cx,
-				mappedCursor.cy,
-				point.interactionType,
-			);
-		}
 	}
 
 	private updateLayout(): void {
@@ -3552,7 +3240,7 @@ export class FrameRenderer {
 			width,
 			height,
 			padding,
-			frameInsets: this.frameInsets,
+			frameInsets: null,
 			cropRegion,
 			videoWidth,
 			videoHeight,
@@ -3597,85 +3285,6 @@ export class FrameRenderer {
 				sourceCrop: cropRegion,
 			},
 		};
-
-		this.updateFrameLayout();
-	}
-
-	private updateFrameLayout(): void {
-		if (!this.frameContainer || !this.layoutCache) {
-			return;
-		}
-
-		if (!this.frameImage && !this.frameDraw) {
-			if (this.frameSprite) {
-				const texture = this.frameSprite.texture;
-				this.frameContainer.removeChild(this.frameSprite);
-				this.frameSprite.destroy();
-				texture.destroy(true);
-				this.frameSprite = null;
-			}
-			return;
-		}
-
-		const maskRect = this.layoutCache.maskRect;
-		const insets = this.frameInsets;
-		let frameX = maskRect.x;
-		let frameY = maskRect.y;
-		let frameWidth = maskRect.width;
-		let frameHeight = maskRect.height;
-
-		if (insets) {
-			const screenWidth = maskRect.width;
-			const screenHeight = maskRect.height;
-			frameWidth = screenWidth / (1 - insets.left - insets.right);
-			frameHeight = screenHeight / (1 - insets.top - insets.bottom);
-			frameX = maskRect.x - insets.left * frameWidth;
-			frameY = maskRect.y - insets.top * frameHeight;
-		}
-
-		if (this.frameDraw) {
-			const targetWidth = Math.max(1, Math.round(frameWidth));
-			const targetHeight = Math.max(1, Math.round(frameHeight));
-			if (
-				!this.frameRasterCanvas ||
-				this.frameRasterWidth !== targetWidth ||
-				this.frameRasterHeight !== targetHeight
-			) {
-				const canvas = document.createElement("canvas");
-				canvas.width = targetWidth;
-				canvas.height = targetHeight;
-				const context = configureHighQuality2DContext(canvas.getContext("2d"));
-				if (!context) {
-					return;
-				}
-				this.frameDraw(context, targetWidth, targetHeight);
-				this.frameRasterCanvas = canvas;
-				this.frameRasterWidth = targetWidth;
-				this.frameRasterHeight = targetHeight;
-
-				const texture = Texture.from(canvas);
-				if (!this.frameSprite) {
-					this.frameSprite = new Sprite(texture);
-					this.frameContainer.addChild(this.frameSprite);
-				} else {
-					const previousTexture = this.frameSprite.texture;
-					this.frameSprite.texture = texture;
-					previousTexture.destroy(true);
-				}
-			}
-		} else if (this.frameImage && !this.frameSprite) {
-			const texture = Texture.from(this.frameImage);
-			this.frameSprite = new Sprite(texture);
-			this.frameContainer.addChild(this.frameSprite);
-		}
-
-		if (!this.frameSprite) {
-			return;
-		}
-
-		this.frameSprite.position.set(frameX, frameY);
-		this.frameSprite.width = frameWidth;
-		this.frameSprite.height = frameHeight;
 	}
 
 	private updateVideoShadowLayout(layout: {
@@ -3832,10 +3441,6 @@ export class FrameRenderer {
 			throw new Error("Renderer not initialized");
 		}
 
-		if (this.shouldCompositeExtensionFrame() && this.compositeCanvas) {
-			return this.compositeCanvas;
-		}
-
 		return this.outputCanvasOverride ?? (this.app.canvas as HTMLCanvasElement);
 	}
 
@@ -3844,9 +3449,7 @@ export class FrameRenderer {
 			return null;
 		}
 
-		const finalCanvas =
-			this.outputCanvasOverride ??
-			(this.shouldCompositeExtensionFrame() ? this.compositeCanvas : null);
+		const finalCanvas = this.outputCanvasOverride;
 
 		if (finalCanvas) {
 			const context = finalCanvas.getContext("2d");
@@ -3879,9 +3482,6 @@ export class FrameRenderer {
 		if (this.captionSprite?.texture) {
 			texturesToDestroy.add(this.captionSprite.texture);
 		}
-		if (this.frameSprite?.texture) {
-			texturesToDestroy.add(this.frameSprite.texture);
-		}
 		for (const layer of this.videoShadowLayers) {
 			if (layer.sprite?.texture) {
 				texturesToDestroy.add(layer.sprite.texture);
@@ -3926,7 +3526,6 @@ export class FrameRenderer {
 		this.cameraContainer = null;
 		this.videoEffectsContainer = null;
 		this.videoContainer = null;
-		this.frameContainer = null;
 		this.cursorContainer = null;
 		this.overlayContainer = null;
 		this.annotationContainer = null;
@@ -3996,13 +3595,6 @@ export class FrameRenderer {
 		this.captionSprite = null;
 		this.captionTextureSource = null;
 		this.captionRenderKey = null;
-		this.frameSprite = null;
-		this.frameImage = null;
-		this.frameDraw = null;
-		this.frameInsets = null;
-		this.frameRasterCanvas = null;
-		this.frameRasterWidth = 0;
-		this.frameRasterHeight = 0;
 		this.exportCompositeCanvas = null;
 		this.temporalCompositeCanvas = null;
 		this.outputCanvasOverride = null;
diff --git a/src/lib/exporter/modernVideoExporter.nativeStaticLayout.test.ts b/src/lib/exporter/modernVideoExporter.nativeStaticLayout.test.ts
index cdc62d12d..a1783d8ba 100644
--- a/src/lib/exporter/modernVideoExporter.nativeStaticLayout.test.ts
+++ b/src/lib/exporter/modernVideoExporter.nativeStaticLayout.test.ts
@@ -288,21 +288,6 @@ describe("ModernVideoExporter native static-layout eligibility", () => {
 		).toBe("unsupported-cursor-click-effect");
 	});
 
-	it("reports frame overlays as the remaining native overlay blocker", () => {
-		const exporter = createExporter({ frame: "macbook" });
-
-		expect(
-			exporter.getNativeStaticLayoutSkipReason(
-				{
-					audioMode: "copy-source",
-					audioSourcePath: "recording.mp4",
-				},
-				videoInfo,
-				60,
-			),
-		).toBe("unsupported-frame-overlay");
-	});
-
 	it("allows native static-layout with background blur", () => {
 		const exporter = createExporter({ backgroundBlur: 12 });
 
@@ -385,7 +370,6 @@ describe("ModernVideoExporter native static-layout eligibility", () => {
 			annotationRegions: [{ id: "annotation-1", startMs: 0, endMs: 1_000 }],
 			autoCaptions: [{ id: "caption-1", text: "hello", startMs: 0, endMs: 1_000 }],
 			webcam: { enabled: true },
-			frame: "macbook",
 			cropRegion: { x: 0.1, y: 0, width: 0.9, height: 1 },
 		});
 
@@ -404,7 +388,6 @@ describe("ModernVideoExporter native static-layout eligibility", () => {
 			"unsupported-annotation-overlay",
 			"unsupported-caption-overlay",
 			"unsupported-webcam-source",
-			"unsupported-frame-overlay",
 		]);
 	});
 
diff --git a/src/lib/exporter/modernVideoExporter.ts b/src/lib/exporter/modernVideoExporter.ts
index 2f889872d..73df81eeb 100644
--- a/src/lib/exporter/modernVideoExporter.ts
+++ b/src/lib/exporter/modernVideoExporter.ts
@@ -44,7 +44,6 @@ import {
 	getWebcamOverlaySizePx,
 	isWebcamCropRegionDefault,
 } from "@/components/video-editor/webcamOverlay";
-import { extensionHost } from "@/lib/extensions";
 import { getEffectiveVideoStreamDurationSeconds } from "@/lib/mediaTiming";
 import {
 	DEFAULT_WALLPAPER_PATH,
@@ -149,7 +148,6 @@ interface VideoExporterConfig extends ExportConfig {
 	cursorSway?: number;
 	zoomSmoothness?: number;
 	zoomClassicMode?: boolean;
-	frame?: string | null;
 	audioRegions?: AudioRegion[];
 	clipRegions?: ClipRegion[];
 	sourceAudioFallbackPaths?: string[];
@@ -643,7 +641,6 @@ export class ModernVideoExporter {
 					cursorSway: this.config.cursorSway,
 					zoomSmoothness: this.config.zoomSmoothness,
 					zoomClassicMode: this.config.zoomClassicMode,
-					frame: this.config.frame,
 				});
 				await this.renderer.initialize();
 				this.rendererInitTimeMs = this.getNowMs() - stageStartedAt;
@@ -720,10 +717,6 @@ export class ModernVideoExporter {
 						frameIndex++;
 						this.processedFrameCount = frameIndex;
 						this.reportProgress(frameIndex, totalFrames, "extracting");
-						extensionHost.emitEvent({
-							type: "export:frame",
-							data: { frameIndex, totalFrames },
-						});
 					},
 				);
 				this.decodeLoopTimeMs = this.getNowMs() - decodeLoopStartedAt;
@@ -1576,10 +1569,6 @@ export class ModernVideoExporter {
 			reasons.push("unsupported-rectangular-webcam-overlay");
 		}
 
-		if (this.config.frame) {
-			reasons.push("unsupported-frame-overlay");
-		}
-
 		const crop = this.config.cropRegion;
 		if (
 			!Number.isFinite(crop.x) ||
@@ -2249,7 +2238,6 @@ export class ModernVideoExporter {
 				speedRegions: this.config.speedRegions?.length ?? 0,
 				audioRegions: this.config.audioRegions?.length ?? 0,
 				annotationRegions: this.config.annotationRegions?.length ?? 0,
-				hasFrame: Boolean(this.config.frame),
 				backgroundBlur: this.config.backgroundBlur,
 				hasCursorOverlay:
 					this.config.showCursor === true &&
diff --git a/src/lib/exporter/videoExporter.ts b/src/lib/exporter/videoExporter.ts
index 11ea3b1e0..9349627c5 100644
--- a/src/lib/exporter/videoExporter.ts
+++ b/src/lib/exporter/videoExporter.ts
@@ -91,7 +91,6 @@ interface VideoExporterConfig extends ExportConfig {
 	cursorClickBounceDuration?: number;
 	cursorSway?: number;
 	zoomSmoothness?: number;
-	frame?: string | null;
 	audioRegions?: AudioRegion[];
 	clipRegions?: ClipRegion[];
 	sourceAudioFallbackPaths?: string[];
@@ -266,7 +265,6 @@ export class VideoExporter {
 				cursorClickBounceDuration: this.config.cursorClickBounceDuration,
 				cursorSway: this.config.cursorSway,
 				zoomSmoothness: this.config.zoomSmoothness,
-				frame: this.config.frame,
 			});
 			await this.renderer.initialize();
 
diff --git a/src/lib/extensions/cursorCoordinates.ts b/src/lib/extensions/cursorCoordinates.ts
deleted file mode 100644
index 7df548281..000000000
--- a/src/lib/extensions/cursorCoordinates.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-interface CursorLike {
-	cx: number;
-	cy: number;
-	interactionType?: string;
-}
-
-export interface SmoothedCursorSnapshot {
-	cx: number;
-	cy: number;
-	trail: Array<{ cx: number; cy: number }>;
-}
-
-interface MaskRectLike {
-	x: number;
-	y: number;
-	width: number;
-	height: number;
-}
-
-function clamp01(value: number): number {
-	if (!Number.isFinite(value)) {
-		return 0.5;
-	}
-
-	return Math.min(1, Math.max(0, value));
-}
-
-export function mapCursorToCanvasNormalized<T extends CursorLike>(
-	cursor: T | null,
-	params: {
-		maskRect?: MaskRectLike | null;
-		canvasWidth: number;
-		canvasHeight: number;
-	},
-): T | null {
-	if (!cursor) {
-		return null;
-	}
-
-	const { maskRect, canvasWidth, canvasHeight } = params;
-	if (
-		!maskRect ||
-		maskRect.width <= 0 ||
-		maskRect.height <= 0 ||
-		canvasWidth <= 0 ||
-		canvasHeight <= 0
-	) {
-		return {
-			...cursor,
-			cx: clamp01(cursor.cx),
-			cy: clamp01(cursor.cy),
-		};
-	}
-
-	const pixelX = maskRect.x + clamp01(cursor.cx) * maskRect.width;
-	const pixelY = maskRect.y + clamp01(cursor.cy) * maskRect.height;
-
-	return {
-		...cursor,
-		cx: clamp01(pixelX / canvasWidth),
-		cy: clamp01(pixelY / canvasHeight),
-	};
-}
-
-export function mapSmoothedCursorToCanvasNormalized(
-	cursor: SmoothedCursorSnapshot | null,
-	params: {
-		maskRect?: MaskRectLike | null;
-		canvasWidth: number;
-		canvasHeight: number;
-	},
-): SmoothedCursorSnapshot | null {
-	if (!cursor) {
-		return null;
-	}
-
-	const mappedCursor = mapCursorToCanvasNormalized({ cx: cursor.cx, cy: cursor.cy }, params);
-	if (!mappedCursor) {
-		return null;
-	}
-
-	return {
-		cx: mappedCursor.cx,
-		cy: mappedCursor.cy,
-		trail: cursor.trail
-			.map((point) => mapCursorToCanvasNormalized(point, params))
-			.filter((point): point is { cx: number; cy: number } => point !== null),
-	};
-}
diff --git a/src/lib/extensions/extensionHost.ts b/src/lib/extensions/extensionHost.ts
deleted file mode 100644
index f0a69163e..000000000
--- a/src/lib/extensions/extensionHost.ts
+++ /dev/null
@@ -1,487 +0,0 @@
-/**
- * Disabled extension-host compatibility surface.
- *
- * The editor still calls several rendering and state methods while legacy
- * extension contributions are phased out. Activation is deliberately blocked,
- * so these methods remain empty unless old in-memory contributions are cleaned up.
- */
-
-import type {
-	ContributedCursorStyle,
-	ContributedWallpaper,
-	CursorEffectContext,
-	CursorEffectFn,
-	ExtensionEvent,
-	ExtensionEventHandler,
-	ExtensionEventType,
-	ExtensionInfo,
-	ExtensionSettingsPanel,
-	FrameInstance,
-	RecordlyExtensionModule,
-	RenderHookContext,
-	RenderHookFn,
-	RenderHookPhase,
-} from "./types";
-
-const EXTENSION_SETTINGS_STORAGE_KEY = "recordly.extension-settings.v1";
-
-interface RegisteredRenderHook {
-	extensionId: string;
-	phase: RenderHookPhase;
-	hook: RenderHookFn;
-}
-
-interface RegisteredCursorEffect {
-	extensionId: string;
-	effect: CursorEffectFn;
-}
-
-interface RegisteredSettingsPanel {
-	extensionId: string;
-	panel: ExtensionSettingsPanel;
-}
-
-interface RegisteredWallpaper {
-	id: string;
-	extensionId: string;
-	wallpaper: ContributedWallpaper;
-	/** Resolved absolute URL to the wallpaper file */
-	resolvedUrl: string;
-	/** Resolved absolute URL to the thumbnail (or resolvedUrl if absent) */
-	resolvedThumbnailUrl: string;
-}
-
-interface RegisteredCursorStyle {
-	id: string;
-	extensionId: string;
-	cursorStyle: ContributedCursorStyle;
-	/** Resolved absolute URL to the default cursor image */
-	resolvedDefaultUrl: string;
-	/** Resolved absolute URL to the click image (if provided) */
-	resolvedClickUrl?: string;
-}
-
-interface ActiveExtension {
-	info: ExtensionInfo;
-	module: RecordlyExtensionModule;
-	disposables: (() => void)[];
-}
-
-/**
- * The Extension Host manages all loaded extensions and provides
- * access to their registered hooks, effects, and settings.
- */
-export class ExtensionHost {
-	private activeExtensions = new Map<string, ActiveExtension>();
-	private renderHooks: RegisteredRenderHook[] = [];
-	private cursorEffects: RegisteredCursorEffect[] = [];
-	private frames: FrameInstance[] = [];
-	private eventHandlers = new Map<
-		ExtensionEventType,
-		{ extensionId: string; handler: ExtensionEventHandler }[]
-	>();
-	private settingsPanels: RegisteredSettingsPanel[] = [];
-	private wallpapers: RegisteredWallpaper[] = [];
-	private cursorStyles: RegisteredCursorStyle[] = [];
-	private extensionSettings = new Map<string, Record<string, unknown>>();
-	private settingChangeCallbacks = new Map<
-		string,
-		Set<(settingId: string, value: unknown) => void>
-	>();
-	private listeners = new Set<() => void>();
-	private fullSettingsStore: Record<string, Record<string, unknown>> | null = null;
-	private persistTimeout: ReturnType<typeof setTimeout> | null = null;
-
-	// Retained for the editor's existing video-info query path.
-	private _videoInfo: { width: number; height: number; durationMs: number; fps: number } | null =
-		null;
-
-	constructor() {
-		if (typeof window !== "undefined") {
-			window.addEventListener("beforeunload", () => {
-				this.flushPersistedSettings();
-			});
-		}
-	}
-
-	/**
-	 * Activate an extension given its info and resolved module URL.
-	 */
-	async activateExtension(info: ExtensionInfo, moduleUrl: string): Promise<void> {
-		void moduleUrl;
-		throw new Error(`Extensions are no longer available in Recordly (${info.manifest.id}).`);
-	}
-
-	/**
-	 * Deactivate an extension by ID.
-	 */
-	async deactivateExtension(extensionId: string): Promise<void> {
-		const active = this.activeExtensions.get(extensionId);
-		if (!active) return;
-
-		try {
-			await active.module.deactivate?.();
-		} catch (err) {
-			console.warn(`[extensions] Error during deactivate of ${extensionId}:`, err);
-		}
-
-		// Clean up all disposables (unregister hooks, effects, handlers)
-		for (const dispose of active.disposables) {
-			try {
-				dispose();
-			} catch {
-				/* ignore */
-			}
-		}
-
-		this.activeExtensions.delete(extensionId);
-		this.flushPersistedSettings();
-		this.notifyListeners();
-		console.log(`[extensions] Deactivated: ${extensionId}`);
-	}
-
-	/**
-	 * Deactivate all extensions.
-	 */
-	async deactivateAll(): Promise<void> {
-		const ids = Array.from(this.activeExtensions.keys());
-		for (const id of ids) {
-			await this.deactivateExtension(id);
-		}
-		this.flushPersistedSettings();
-	}
-
-	// ---------------------------------------------------------------------------
-	// Render Pipeline Integration
-	// ---------------------------------------------------------------------------
-
-	/**
-	 * Execute all render hooks for a given phase.
-	 */
-	executeRenderHooks(phase: RenderHookPhase, context: RenderHookContext): void {
-		const hooks = this.renderHooks.filter((h) => h.phase === phase);
-		for (const hook of hooks) {
-			context.ctx.save();
-			try {
-				hook.hook(context);
-			} catch (err) {
-				console.warn(
-					`[extensions] Render hook error (${hook.extensionId}, ${phase}):`,
-					err,
-				);
-			} finally {
-				context.ctx.restore();
-			}
-		}
-	}
-
-	/**
-	 * Execute all cursor effects. Returns true if any effect is still animating.
-	 */
-	executeCursorEffects(context: CursorEffectContext): boolean {
-		let anyActive = false;
-		for (const effect of this.cursorEffects) {
-			context.ctx.save();
-			try {
-				const stillActive = effect.effect(context);
-				if (stillActive) anyActive = true;
-			} catch (err) {
-				console.warn(`[extensions] Cursor effect error (${effect.extensionId}):`, err);
-			} finally {
-				context.ctx.restore();
-			}
-		}
-		return anyActive;
-	}
-
-	/**
-	 * Emit an event to all registered handlers.
-	 */
-	emitEvent(event: ExtensionEvent): void {
-		const handlers = this.eventHandlers.get(event.type);
-		if (!handlers) return;
-
-		for (const { handler } of handlers) {
-			try {
-				handler(event);
-			} catch (err) {
-				console.warn(`[extensions] Event handler error (${event.type}):`, err);
-			}
-		}
-	}
-
-	// ---------------------------------------------------------------------------
-	// Queries
-	// ---------------------------------------------------------------------------
-
-	getActiveExtensions(): ExtensionInfo[] {
-		return Array.from(this.activeExtensions.values()).map((a) => a.info);
-	}
-
-	/** Quick snapshot of video info for callers that need durationMs etc. */
-	getVideoInfoSnapshot(): {
-		width: number;
-		height: number;
-		durationMs: number;
-		fps: number;
-	} | null {
-		return this._videoInfo;
-	}
-
-	getSettingsPanels(): RegisteredSettingsPanel[] {
-		return [...this.settingsPanels];
-	}
-
-	hasRenderHooks(phase: RenderHookPhase): boolean {
-		return this.renderHooks.some((h) => h.phase === phase);
-	}
-
-	hasCursorEffects(): boolean {
-		return this.cursorEffects.length > 0;
-	}
-
-	getExtensionSetting(extensionId: string, settingId: string): unknown {
-		this.ensureExtensionSettingsLoaded(extensionId);
-		return this.extensionSettings.get(extensionId)?.[settingId];
-	}
-
-	setExtensionSetting(extensionId: string, settingId: string, value: unknown): void {
-		this.ensureExtensionSettingsLoaded(extensionId);
-		this.extensionSettings.get(extensionId)![settingId] = value;
-		this.persistExtensionSettings(extensionId);
-		// Notify per-extension setting change listeners
-		const cbs = this.settingChangeCallbacks.get(extensionId);
-		if (cbs) {
-			for (const cb of cbs) {
-				try {
-					cb(settingId, value);
-				} catch {
-					/* ignore */
-				}
-			}
-		}
-		this.notifyListeners();
-	}
-
-	/**
-	 * Get all registered device frames from active extensions.
-	 */
-	getFrames(): FrameInstance[] {
-		return [...this.frames];
-	}
-
-	/**
-	 * Get all contributed wallpapers from active extensions.
-	 */
-	getContributedWallpapers(): RegisteredWallpaper[] {
-		return [...this.wallpapers];
-	}
-
-	/**
-	 * Get all contributed cursor styles from active extensions.
-	 */
-	getContributedCursorStyles(): RegisteredCursorStyle[] {
-		return [...this.cursorStyles];
-	}
-
-	/**
-	 * Subscribe to changes in extensions (activation/deactivation).
-	 */
-	onChange(listener: () => void): () => void {
-		this.listeners.add(listener);
-		return () => this.listeners.delete(listener);
-	}
-
-	// ---------------------------------------------------------------------------
-	// Legacy shared-state setters retained until their editor call sites are removed.
-	// ---------------------------------------------------------------------------
-
-	setVideoInfo(
-		info: { width: number; height: number; durationMs: number; fps: number } | null,
-	): void {
-		this._videoInfo = info;
-	}
-
-	setVideoLayout(
-		layout: {
-			maskRect: { x: number; y: number; width: number; height: number };
-			canvasWidth: number;
-			canvasHeight: number;
-			borderRadius: number;
-			padding: number | { top: number; right: number; bottom: number; left: number };
-		} | null,
-	): void {
-		void layout;
-	}
-
-	setZoomState(
-		state: { scale: number; focusX: number; focusY: number; progress: number } | null,
-	): void {
-		void state;
-	}
-
-	setShadowConfig(config: { enabled: boolean; intensity: number }): void {
-		void config;
-	}
-
-	setCursorTelemetry(
-		telemetry: Array<{
-			timeMs: number;
-			cx: number;
-			cy: number;
-			interactionType?: string;
-			pressure?: number;
-		}>,
-	): void {
-		void telemetry;
-	}
-
-	setSmoothedCursor(
-		cursor: {
-			timeMs: number;
-			cx: number;
-			cy: number;
-			trail: Array<{ cx: number; cy: number }>;
-		} | null,
-	): void {
-		void cursor;
-	}
-
-	setKeystrokeEvents(events: Array<{ timeMs: number; key: string; modifiers: string[] }>): void {
-		void events;
-	}
-
-	setActiveFrame(frameId: string | null): void {
-		void frameId;
-	}
-
-	setPlaybackState(
-		state: { currentTimeMs: number; durationMs: number; isPlaying: boolean } | null,
-	): void {
-		void state;
-	}
-
-	// ---------------------------------------------------------------------------
-	// Private
-	// ---------------------------------------------------------------------------
-
-	private notifyListeners(): void {
-		for (const listener of this.listeners) {
-			try {
-				listener();
-			} catch {
-				/* ignore */
-			}
-		}
-	}
-
-	private readPersistedSettingsStore(): Record<string, Record<string, unknown>> {
-		if (typeof window === "undefined" || !window.localStorage) {
-			return {};
-		}
-
-		try {
-			const raw = window.localStorage.getItem(EXTENSION_SETTINGS_STORAGE_KEY);
-			if (!raw) {
-				return {};
-			}
-
-			const parsed = JSON.parse(raw);
-			if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
-				return {};
-			}
-
-			return parsed as Record<string, Record<string, unknown>>;
-		} catch {
-			return {};
-		}
-	}
-
-	private writePersistedSettingsStore(store: Record<string, Record<string, unknown>>): void {
-		if (typeof window === "undefined" || !window.localStorage) {
-			return;
-		}
-
-		try {
-			window.localStorage.setItem(EXTENSION_SETTINGS_STORAGE_KEY, JSON.stringify(store));
-		} catch {
-			// Ignore storage quota / privacy mode failures.
-		}
-	}
-
-	private getFullSettingsStore(): Record<string, Record<string, unknown>> {
-		if (this.fullSettingsStore) {
-			return this.fullSettingsStore;
-		}
-		this.fullSettingsStore = this.readPersistedSettingsStore();
-		return this.fullSettingsStore;
-	}
-
-	private ensureExtensionSettingsLoaded(extensionId: string): void {
-		if (this.extensionSettings.has(extensionId)) {
-			return;
-		}
-
-		const store = this.getFullSettingsStore();
-		const persisted = store[extensionId];
-		const normalized =
-			persisted && typeof persisted === "object" && !Array.isArray(persisted)
-				? { ...persisted }
-				: {};
-
-		this.extensionSettings.set(extensionId, normalized);
-	}
-
-	private persistExtensionSettings(extensionId: string): void {
-		const store = this.getFullSettingsStore();
-		const settings = this.extensionSettings.get(extensionId) ?? {};
-
-		if (Object.keys(settings).length === 0) {
-			delete store[extensionId];
-		} else {
-			store[extensionId] = { ...settings };
-		}
-
-		// Debounce the actual write to localStorage to avoid blocking the UI thread during rapid changes
-		if (this.persistTimeout) {
-			clearTimeout(this.persistTimeout);
-		}
-		this.persistTimeout = setTimeout(() => {
-			this.writePersistedSettingsStore(store);
-			this.persistTimeout = null;
-		}, 500);
-	}
-
-	private flushPersistedSettings(): void {
-		if (this.persistTimeout) {
-			clearTimeout(this.persistTimeout);
-			this.persistTimeout = null;
-		}
-		this.writePersistedSettingsStore(this.getFullSettingsStore());
-	}
-
-	async syncConfiguredExtensions(discovered: ExtensionInfo[]): Promise<void> {
-		void discovered;
-		await this.deactivateAll();
-	}
-
-	// ---------------------------------------------------------------------------
-	// Auto-Activation (idempotent — safe to call from multiple places)
-	// ---------------------------------------------------------------------------
-
-	private _autoActivatePromise: Promise<void> | null = null;
-
-	/**
-	 * Discover and activate all builtin extensions. Idempotent — only runs
-	 * the discovery/activation sequence once no matter how many callers invoke it.
-	 */
-	autoActivateBuiltins(): Promise<void> {
-		this._autoActivatePromise ??= Promise.resolve();
-		return this._autoActivatePromise;
-	}
-}
-
-/**
- * Singleton extension host instance for the renderer process.
- */
-export const extensionHost = new ExtensionHost();
diff --git a/src/lib/extensions/fileUrls.ts b/src/lib/extensions/fileUrls.ts
deleted file mode 100644
index 9c49dc215..000000000
--- a/src/lib/extensions/fileUrls.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-const WINDOWS_ABSOLUTE_PATH = /^[a-zA-Z]:[\\/]/;
-
-function ensureTrailingSlash(value: string): string {
-	return value.endsWith("/") ? value : `${value}/`;
-}
-
-function trimTrailingSlash(value: string): string {
-	return value.endsWith("/") ? value.slice(0, -1) : value;
-}
-
-function toDirectoryFileUrl(directoryPath: string): URL {
-	const normalized = directoryPath.replace(/\\/g, "/");
-
-	if (normalized.startsWith("file://")) {
-		return new URL(ensureTrailingSlash(normalized));
-	}
-
-	if (normalized.startsWith("/")) {
-		return new URL(`file://${ensureTrailingSlash(normalized)}`);
-	}
-
-	if (WINDOWS_ABSOLUTE_PATH.test(normalized)) {
-		return new URL(`file:///${ensureTrailingSlash(normalized)}`);
-	}
-
-	return new URL(`file://${ensureTrailingSlash(normalized)}`);
-}
-
-export function resolveExtensionRelativeFileUrl(
-	extensionPath: string,
-	relativePath: string,
-): string {
-	const baseUrl = toDirectoryFileUrl(extensionPath);
-	const basePath = trimTrailingSlash(baseUrl.pathname);
-	const resolvedUrl = new URL(relativePath, baseUrl);
-	const resolvedPath = trimTrailingSlash(resolvedUrl.pathname);
-
-	if (resolvedPath !== basePath && !resolvedPath.startsWith(`${basePath}/`)) {
-		throw new Error(`Invalid extension path: ${relativePath}`);
-	}
-
-	return resolvedUrl.toString();
-}
-
-export function createExtensionModuleUrl(extensionPath: string, entryPoint: string): string {
-	const base = resolveExtensionRelativeFileUrl(extensionPath, entryPoint);
-	// Cache-bust so re-installs / updates load the fresh module
-	return `${base}?v=${Date.now()}`;
-}
diff --git a/src/lib/extensions/iconDraw.ts b/src/lib/extensions/iconDraw.ts
deleted file mode 100644
index dd11574e2..000000000
--- a/src/lib/extensions/iconDraw.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-import * as PhosphorIcons from "@phosphor-icons/react";
-
-type IconWeight = "thin" | "light" | "regular" | "bold" | "fill";
-const missingIconPathCache = new Set<string>();
-
-function resolveIconComponent(name: string): {
-	iconName: string;
-	icon: { render?: (props: { weight: string }, ref: unknown) => unknown };
-} | null {
-	const iconLibrary = PhosphorIcons as Record<string, unknown>;
-	const iconName =
-		typeof iconLibrary[name] !== "undefined"
-			? name
-			: typeof iconLibrary[`${name}Icon`] !== "undefined"
-				? `${name}Icon`
-				: null;
-	if (!iconName) {
-		return null;
-	}
-
-	return {
-		iconName,
-		icon: iconLibrary[iconName] as {
-			render?: (props: { weight: string }, ref: unknown) => unknown;
-		},
-	};
-}
-
-function toNumber(value: unknown): number | null {
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	if (typeof value === "string") {
-		const n = Number(value);
-		return Number.isFinite(n) ? n : null;
-	}
-	return null;
-}
-
-function parsePointList(value: unknown): Array<{ x: number; y: number }> {
-	if (typeof value !== "string") return [];
-	const nums = value
-		.trim()
-		.split(/[\s,]+/)
-		.map((part) => Number(part))
-		.filter((n) => Number.isFinite(n));
-	const points: Array<{ x: number; y: number }> = [];
-	for (let i = 0; i + 1 < nums.length; i += 2) {
-		points.push({ x: nums[i], y: nums[i + 1] });
-	}
-	return points;
-}
-
-function collectPathData(node: unknown, output: Path2D): number {
-	if (!node) return 0;
-	if (Array.isArray(node)) {
-		let added = 0;
-		for (const child of node) added += collectPathData(child, output);
-		return added;
-	}
-	if (typeof node !== "object") return 0;
-
-	const maybeNode = node as {
-		type?: unknown;
-		props?: {
-			d?: unknown;
-			children?: unknown;
-			x1?: unknown;
-			y1?: unknown;
-			x2?: unknown;
-			y2?: unknown;
-			points?: unknown;
-			cx?: unknown;
-			cy?: unknown;
-			r?: unknown;
-			rx?: unknown;
-			ry?: unknown;
-			x?: unknown;
-			y?: unknown;
-			width?: unknown;
-			height?: unknown;
-		};
-	};
-	const props = maybeNode.props;
-
-	let added = 0;
-	if (maybeNode.type === "path" && typeof props?.d === "string") {
-		output.addPath(new Path2D(props.d));
-		added += 1;
-	} else if (maybeNode.type === "line") {
-		const x1 = toNumber(props?.x1);
-		const y1 = toNumber(props?.y1);
-		const x2 = toNumber(props?.x2);
-		const y2 = toNumber(props?.y2);
-		if (x1 !== null && y1 !== null && x2 !== null && y2 !== null) {
-			output.moveTo(x1, y1);
-			output.lineTo(x2, y2);
-			added += 1;
-		}
-	} else if (maybeNode.type === "polyline" || maybeNode.type === "polygon") {
-		const points = parsePointList(props?.points);
-		if (points.length > 0) {
-			output.moveTo(points[0].x, points[0].y);
-			for (let i = 1; i < points.length; i += 1) {
-				output.lineTo(points[i].x, points[i].y);
-			}
-			if (maybeNode.type === "polygon") {
-				output.closePath();
-			}
-			added += 1;
-		}
-	} else if (maybeNode.type === "circle") {
-		const cx = toNumber(props?.cx);
-		const cy = toNumber(props?.cy);
-		const r = toNumber(props?.r);
-		if (cx !== null && cy !== null && r !== null) {
-			output.arc(cx, cy, r, 0, Math.PI * 2);
-			added += 1;
-		}
-	} else if (maybeNode.type === "ellipse") {
-		const cx = toNumber(props?.cx);
-		const cy = toNumber(props?.cy);
-		const rx = toNumber(props?.rx);
-		const ry = toNumber(props?.ry);
-		if (cx !== null && cy !== null && rx !== null && ry !== null) {
-			output.ellipse(cx, cy, rx, ry, 0, 0, Math.PI * 2);
-			added += 1;
-		}
-	} else if (maybeNode.type === "rect") {
-		const x = toNumber(props?.x) ?? 0;
-		const y = toNumber(props?.y) ?? 0;
-		const width = toNumber(props?.width);
-		const height = toNumber(props?.height);
-		const rxRaw = toNumber(props?.rx);
-		const ryRaw = toNumber(props?.ry);
-		if (width !== null && height !== null) {
-			const resolvedRxRaw = rxRaw ?? ryRaw ?? 0;
-			const resolvedRyRaw = ryRaw ?? rxRaw ?? 0;
-			const rx = Math.max(0, Math.min(resolvedRxRaw, width / 2));
-			const ry = Math.max(0, Math.min(resolvedRyRaw, height / 2));
-			if (rx === 0 && ry === 0) {
-				output.rect(x, y, width, height);
-			} else {
-				const right = x + width;
-				const bottom = y + height;
-				output.moveTo(x + rx, y);
-				output.lineTo(right - rx, y);
-				output.ellipse(right - rx, y + ry, rx, ry, 0, -Math.PI / 2, 0);
-				output.lineTo(right, bottom - ry);
-				output.ellipse(right - rx, bottom - ry, rx, ry, 0, 0, Math.PI / 2);
-				output.lineTo(x + rx, bottom);
-				output.ellipse(x + rx, bottom - ry, rx, ry, 0, Math.PI / 2, Math.PI);
-				output.lineTo(x, y + ry);
-				output.ellipse(x + rx, y + ry, rx, ry, 0, Math.PI, (3 * Math.PI) / 2);
-				output.closePath();
-			}
-			added += 1;
-		}
-	}
-	added += collectPathData(props?.children, output);
-	return added;
-}
-
-export function resolveIconPath(
-	name: string,
-	weight: IconWeight,
-	cache: Map<string, Path2D>,
-): Path2D | null {
-	const cacheKey = `${name}:${weight}`;
-	if (missingIconPathCache.has(cacheKey)) {
-		return null;
-	}
-	const cached = cache.get(cacheKey);
-	if (cached) {
-		return cached;
-	}
-
-	const resolved = resolveIconComponent(name);
-	if (!resolved) {
-		console.warn(`[extensions] Icon ${name} not found in Phosphor library`);
-		missingIconPathCache.add(cacheKey);
-		return null;
-	}
-
-	try {
-		const element = resolved.icon.render?.({ weight }, null) as
-			| { props?: { weights?: Map<string, { props?: { children?: unknown } }> } }
-			| undefined;
-		const weights = element?.props?.weights;
-		const definition = weights?.get(weight);
-		const children = definition?.props?.children;
-		const combinedPath = new Path2D();
-		const shapeCount = collectPathData(children, combinedPath);
-
-		if (shapeCount === 0) {
-			console.warn(`[extensions] No path data found for ${name}:${weight}`, {
-				iconName: resolved.iconName,
-				element,
-				children,
-			});
-			missingIconPathCache.add(cacheKey);
-			return null;
-		}
-		cache.set(cacheKey, combinedPath);
-		return combinedPath;
-	} catch (err) {
-		console.error(`[extensions] Failed to extract path for icon ${name}:`, err);
-		missingIconPathCache.add(cacheKey);
-		return null;
-	}
-}
diff --git a/src/lib/extensions/index.ts b/src/lib/extensions/index.ts
deleted file mode 100644
index efe080cd9..000000000
--- a/src/lib/extensions/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-export { ExtensionHost, extensionHost } from "./extensionHost";
-export type {
-	ContributedCursorStyle,
-	ContributedFrame,
-	ContributedSound,
-	ContributedWallpaper,
-	ContributedWebcamFrame,
-	CursorEffectContext,
-	CursorEffectFn,
-	ExtensionContributions,
-	ExtensionEvent,
-	ExtensionEventType,
-	ExtensionInfo,
-	ExtensionManifest,
-	ExtensionPermission,
-	ExtensionReview,
-	ExtensionSettingField,
-	ExtensionSettingsPanel,
-	ExtensionStatus,
-	FrameInstance,
-	MarketplaceExtension,
-	MarketplaceReviewStatus,
-	MarketplaceSearchResult,
-	RecordlyExtensionAPI,
-	RecordlyExtensionModule,
-	RenderHookContext,
-	RenderHookFn,
-	RenderHookPhase,
-} from "./types";
diff --git a/src/lib/extensions/renderHooks.ts b/src/lib/extensions/renderHooks.ts
deleted file mode 100644
index 70c4c88e2..000000000
--- a/src/lib/extensions/renderHooks.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-/**
- * Extension Render Hooks — Integration Layer
- *
- * Provides utility functions to call extension render hooks from
- * preview and export canvas pipelines. This is the bridge between
- * app renderers and extension-registered hooks.
- */
-
-import type { CursorEffectContext, RenderHookContext, RenderHookPhase } from "@/lib/extensions";
-import { extensionHost } from "@/lib/extensions";
-
-// ---------------------------------------------------------------------------
-// Scene pixel helpers — created per-context (capture ctx + videoLayout)
-// ---------------------------------------------------------------------------
-
-function makePixelHelpers(
-	ctx: CanvasRenderingContext2D,
-	videoLayout?: RenderHookContext["videoLayout"],
-) {
-	const getPixelColor = (x: number, y: number) => {
-		const px = Math.round(x);
-		const py = Math.round(y);
-		const d = ctx.getImageData(px, py, 1, 1).data;
-		return { r: d[0], g: d[1], b: d[2], a: d[3] };
-	};
-
-	const sampleGrid = (sx: number, sy: number, sw: number, sh: number, step: number) => {
-		let rSum = 0,
-			gSum = 0,
-			bSum = 0,
-			aSum = 0,
-			count = 0;
-		const clampedW = Math.max(1, Math.round(sw));
-		const clampedH = Math.max(1, Math.round(sh));
-		const data = ctx.getImageData(Math.round(sx), Math.round(sy), clampedW, clampedH).data;
-		for (let y = 0; y < clampedH; y += step) {
-			for (let x = 0; x < clampedW; x += step) {
-				const i = (y * clampedW + x) * 4;
-				rSum += data[i];
-				gSum += data[i + 1];
-				bSum += data[i + 2];
-				aSum += data[i + 3];
-				count++;
-			}
-		}
-		if (count === 0) return { r: 0, g: 0, b: 0, a: 0 };
-		return {
-			r: Math.round(rSum / count),
-			g: Math.round(gSum / count),
-			b: Math.round(bSum / count),
-			a: Math.round(aSum / count),
-		};
-	};
-
-	const getMaskRect = () => {
-		if (videoLayout) return videoLayout.maskRect;
-		return { x: 0, y: 0, width: ctx.canvas.width, height: ctx.canvas.height };
-	};
-
-	const getAverageSceneColor = () => {
-		const m = getMaskRect();
-		const step = Math.max(1, Math.round(Math.min(m.width, m.height) / 32));
-		return sampleGrid(m.x, m.y, m.width, m.height, step);
-	};
-
-	const getEdgeAverageColor = (edgeWidth = 4) => {
-		const m = getMaskRect();
-		const ew = Math.max(1, edgeWidth);
-		let rSum = 0,
-			gSum = 0,
-			bSum = 0,
-			aSum = 0,
-			count = 0;
-
-		const bands = [
-			{ x: m.x, y: m.y, w: m.width, h: ew }, // top
-			{ x: m.x, y: m.y + m.height - ew, w: m.width, h: ew }, // bottom
-			{ x: m.x, y: m.y + ew, w: ew, h: m.height - ew * 2 }, // left
-			{ x: m.x + m.width - ew, y: m.y + ew, w: ew, h: m.height - ew * 2 }, // right
-		];
-		const step = Math.max(1, Math.round(Math.min(m.width, m.height) / 64));
-		for (const b of bands) {
-			if (b.w <= 0 || b.h <= 0) continue;
-			const avg = sampleGrid(b.x, b.y, b.w, b.h, step);
-			const bandSamples = Math.ceil(b.w / step) * Math.ceil(b.h / step);
-			rSum += avg.r * bandSamples;
-			gSum += avg.g * bandSamples;
-			bSum += avg.b * bandSamples;
-			aSum += avg.a * bandSamples;
-			count += bandSamples;
-		}
-		if (count === 0) return { r: 0, g: 0, b: 0, a: 0 };
-		return {
-			r: Math.round(rSum / count),
-			g: Math.round(gSum / count),
-			b: Math.round(bSum / count),
-			a: Math.round(aSum / count),
-		};
-	};
-
-	const getDominantColors = (maxColors = 5) => {
-		const m = getMaskRect();
-		const step = Math.max(1, Math.round(Math.min(m.width, m.height) / 24));
-		const clampedW = Math.max(1, Math.round(m.width));
-		const clampedH = Math.max(1, Math.round(m.height));
-		const data = ctx.getImageData(Math.round(m.x), Math.round(m.y), clampedW, clampedH).data;
-		// Quantize to 5-bit per channel
-		const buckets = new Map<number, { r: number; g: number; b: number; count: number }>();
-		for (let y = 0; y < clampedH; y += step) {
-			for (let x = 0; x < clampedW; x += step) {
-				const i = (y * clampedW + x) * 4;
-				const qr = data[i] >> 3;
-				const qg = data[i + 1] >> 3;
-				const qb = data[i + 2] >> 3;
-				const key = (qr << 10) | (qg << 5) | qb;
-				const existing = buckets.get(key);
-				if (existing) {
-					existing.r += data[i];
-					existing.g += data[i + 1];
-					existing.b += data[i + 2];
-					existing.count++;
-				} else {
-					buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
-				}
-			}
-		}
-		const totalSamples = Array.from(buckets.values()).reduce((s, b) => s + b.count, 0) || 1;
-		return Array.from(buckets.values())
-			.sort((a, b) => b.count - a.count)
-			.slice(0, maxColors)
-			.map((b) => ({
-				r: Math.round(b.r / b.count),
-				g: Math.round(b.g / b.count),
-				b: Math.round(b.b / b.count),
-				frequency: b.count / totalSamples,
-			}));
-	};
-
-	return { getPixelColor, getAverageSceneColor, getEdgeAverageColor, getDominantColors };
-}
-
-/**
- * Execute all extension render hooks for a phase against a canvas context.
- *
- * Call this from FrameRenderer at the appropriate point in the pipeline.
- * The context is saved/restored around each hook call.
- */
-export function executeExtensionRenderHooks(
-	phase: RenderHookPhase,
-	ctx: CanvasRenderingContext2D,
-	params: {
-		width: number;
-		height: number;
-		timeMs: number;
-		durationMs: number;
-		cursor?: { cx: number; cy: number; interactionType?: string } | null;
-		smoothedCursor?: RenderHookContext["smoothedCursor"];
-		videoLayout?: RenderHookContext["videoLayout"];
-		zoom?: RenderHookContext["zoom"];
-		shadow?: RenderHookContext["shadow"];
-		sceneTransform?: RenderHookContext["sceneTransform"];
-	},
-): void {
-	if (!extensionHost.hasRenderHooks(phase)) return;
-
-	const helpers = makePixelHelpers(ctx, params.videoLayout);
-
-	const context: RenderHookContext = {
-		width: params.width,
-		height: params.height,
-		timeMs: params.timeMs,
-		durationMs: params.durationMs,
-		cursor: params.cursor ?? null,
-		smoothedCursor: params.smoothedCursor ?? null,
-		ctx,
-		videoLayout: params.videoLayout,
-		zoom: params.zoom,
-		shadow: params.shadow,
-		sceneTransform: params.sceneTransform,
-		getPixelColor: helpers.getPixelColor,
-		getAverageSceneColor: helpers.getAverageSceneColor,
-		getEdgeAverageColor: helpers.getEdgeAverageColor,
-		getDominantColors: helpers.getDominantColors,
-	};
-
-	extensionHost.executeRenderHooks(phase, context);
-}
-
-/**
- * Track active cursor effects (animations that persist across frames).
- */
-interface ActiveCursorEffectInstance {
-	interactionTimeMs: number;
-	cx: number;
-	cy: number;
-	interactionType: "click" | "double-click" | "right-click" | "mouseup";
-}
-
-const activeCursorInteractions: ActiveCursorEffectInstance[] = [];
-const MAX_EFFECT_DURATION_MS = 2000;
-
-/**
- * Notify that a cursor interaction occurred (call from cursor telemetry handler).
- */
-export function notifyCursorInteraction(
-	timeMs: number,
-	cx: number,
-	cy: number,
-	interactionType: string,
-): void {
-	if (!extensionHost.hasCursorEffects()) return;
-
-	const validTypes = new Set(["click", "double-click", "right-click", "mouseup"]);
-	if (!validTypes.has(interactionType)) return;
-
-	activeCursorInteractions.push({
-		interactionTimeMs: timeMs,
-		cx,
-		cy,
-		interactionType: interactionType as ActiveCursorEffectInstance["interactionType"],
-	});
-}
-
-/**
- * Execute cursor effects for the current frame.
- * Called after the cursor is drawn in the render pipeline.
- */
-export function executeExtensionCursorEffects(
-	ctx: CanvasRenderingContext2D,
-	timeMs: number,
-	width: number,
-	height: number,
-	extra?: {
-		zoom?: CursorEffectContext["zoom"];
-		sceneTransform?: CursorEffectContext["sceneTransform"];
-		videoLayout?: CursorEffectContext["videoLayout"];
-	},
-): void {
-	if (!extensionHost.hasCursorEffects() || activeCursorInteractions.length === 0) return;
-
-	// Process all active interactions, removing expired ones
-	for (let i = activeCursorInteractions.length - 1; i >= 0; i--) {
-		const interaction = activeCursorInteractions[i];
-		const elapsedMs = timeMs - interaction.interactionTimeMs;
-
-		// Remove if too old
-		if (elapsedMs > MAX_EFFECT_DURATION_MS || elapsedMs < 0) {
-			activeCursorInteractions.splice(i, 1);
-			continue;
-		}
-
-		const effectCtx: CursorEffectContext = {
-			timeMs,
-			cx: interaction.cx,
-			cy: interaction.cy,
-			interactionType: interaction.interactionType,
-			width,
-			height,
-			ctx,
-			elapsedMs,
-			zoom: extra?.zoom,
-			sceneTransform: extra?.sceneTransform,
-			videoLayout: extra?.videoLayout,
-		};
-
-		const stillActive = extensionHost.executeCursorEffects(effectCtx);
-		if (!stillActive) {
-			activeCursorInteractions.splice(i, 1);
-		}
-	}
-}
-
-/**
- * Clear all active cursor effect animations (e.g., on seek).
- */
-export function clearCursorEffects(): void {
-	activeCursorInteractions.length = 0;
-}
diff --git a/src/lib/extensions/sceneTransform.ts b/src/lib/extensions/sceneTransform.ts
deleted file mode 100644
index 1f3edbe18..000000000
--- a/src/lib/extensions/sceneTransform.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export interface SceneTransform {
-	scale: number;
-	x: number;
-	y: number;
-}
-
-export function applyCanvasSceneTransform(
-	ctx: CanvasRenderingContext2D,
-	transform: SceneTransform | null | undefined,
-): void {
-	if (!transform) {
-		return;
-	}
-
-	ctx.translate(transform.x, transform.y);
-	ctx.scale(transform.scale, transform.scale);
-}
diff --git a/src/lib/extensions/types.ts b/src/lib/extensions/types.ts
deleted file mode 100644
index 4b880d8cc..000000000
--- a/src/lib/extensions/types.ts
+++ /dev/null
@@ -1,621 +0,0 @@
-/**
- * Recordly Extension System — Core Types
- *
- * Extensions are renderer-loaded modules that can hook into the render pipeline,
- * bundle assets, register UI panels, and respond to playback/timeline events.
- */
-
-// ---------------------------------------------------------------------------
-// Extension Manifest (recordly-extension.json)
-// ---------------------------------------------------------------------------
-
-export interface ExtensionManifest {
-	/** Unique identifier, e.g. "com.example.click-sparkles" */
-	id: string;
-	/** Human-readable name */
-	name: string;
-	/** Semver version string */
-	version: string;
-	/** Short one-line description */
-	description: string;
-	/** Author name or organisation */
-	author?: string;
-	/** Homepage / repository URL */
-	homepage?: string;
-	/** License identifier (SPDX) */
-	license?: string;
-	/** Minimum Recordly version required */
-	engine?: string;
-	/** Icon path relative to extension root */
-	icon?: string;
-	/** Entry point file relative to extension root (JS module) */
-	main: string;
-	/** APIs this extension requires — used for permission gating */
-	permissions: ExtensionPermission[];
-	/** Asset categories this extension provides */
-	contributes?: ExtensionContributions;
-}
-
-export type ExtensionPermission =
-	| "render" // Hook into the frame render pipeline
-	| "cursor" // Access cursor telemetry & register cursor effects
-	| "audio" // Provide or manipulate audio
-	| "timeline" // Observe timeline lifecycle events
-	| "ui" // Register settings panels and frames
-	| "assets" // Resolve bundled asset paths
-	| "export"; // Hook into export lifecycle
-
-/**
- * Optional manifest metadata for packaged assets.
- *
- * Recordly does not auto-register these entries at runtime today.
- * Extensions still need to wire behavior from activate() via host APIs like
- * registerFrame(), registerSettingsPanel(), resolveAsset(), and playSound().
- */
-export interface ExtensionContributions {
-	/** Cursor style packs: array of cursor style definitions */
-	cursorStyles?: ContributedCursorStyle[];
-	/** Sound packs: click sounds, transition sounds, etc. */
-	sounds?: ContributedSound[];
-	/** Wallpaper/background images or videos */
-	wallpapers?: ContributedWallpaper[];
-	/** Webcam frames/overlays */
-	webcamFrames?: ContributedWebcamFrame[];
-	/** Device frames (browser chrome, laptop bezels, phone frames, etc.) */
-	frames?: ContributedFrame[];
-}
-
-export interface ContributedCursorStyle {
-	id: string;
-	label: string;
-	/** Path to cursor image relative to extension root */
-	defaultImage: string;
-	/** Optional click state image */
-	clickImage?: string;
-	/** Hotspot offset from top-left (normalized 0-1) */
-	hotspot?: { x: number; y: number };
-}
-
-export interface ContributedSound {
-	id: string;
-	label: string;
-	/** Sound category */
-	category: "click" | "transition" | "ambient" | "notification";
-	/** Path to audio file relative to extension root */
-	file: string;
-	/** Duration in ms (auto-detected if omitted) */
-	durationMs?: number;
-}
-
-export interface ContributedWallpaper {
-	id: string;
-	label: string;
-	/** Path to image/video file relative to extension root */
-	file: string;
-	/** Thumbnail for the picker */
-	thumbnail?: string;
-	/** Whether this is a video wallpaper */
-	isVideo?: boolean;
-}
-
-export interface ContributedWebcamFrame {
-	id: string;
-	label: string;
-	/** Path to frame overlay image (PNG with transparency) */
-	file: string;
-	thumbnail?: string;
-}
-
-export interface ContributedFrame {
-	id: string;
-	label: string;
-	/** Category for grouping in the picker */
-	category: "browser" | "laptop" | "phone" | "tablet" | "desktop" | "custom";
-	/** Path to frame overlay image (PNG or SVG with transparency) relative to extension root */
-	file?: string;
-	/** Alternative: a data URL (e.g. from Canvas.toDataURL) for runtime-generated frames */
-	dataUrl?: string;
-	/** Thumbnail for the picker */
-	thumbnail?: string;
-	/**
-	 * Insets defining where the screen content sits inside the frame image,
-	 * as fractions (0-1) of the frame image dimensions.
-	 * { top, right, bottom, left }
-	 */
-	screenInsets: { top: number; right: number; bottom: number; left: number };
-	/** Whether the frame has a dark or light appearance (for wallpaper matching) */
-	appearance?: "light" | "dark";
-	/**
-	 * Resolution-independent draw function. Called at the target dimensions
-	 * to draw the frame chrome, leaving the screen area transparent.
-	 * Preferred over file/dataUrl — avoids bitmap scaling artifacts.
-	 */
-	draw?: (ctx: CanvasRenderingContext2D, width: number, height: number) => void;
-}
-
-// ---------------------------------------------------------------------------
-// Extension Runtime State
-// ---------------------------------------------------------------------------
-
-export type ExtensionStatus = "installed" | "active" | "disabled" | "error";
-
-export interface ExtensionInfo {
-	manifest: ExtensionManifest;
-	status: ExtensionStatus;
-	/** Absolute path to extension directory */
-	path: string;
-	/** Error message if status is 'error' */
-	error?: string;
-	/** Whether this is a built-in extension */
-	builtin?: boolean;
-}
-
-// ---------------------------------------------------------------------------
-// Marketplace Types
-// ---------------------------------------------------------------------------
-
-export type MarketplaceReviewStatus = "pending" | "approved" | "rejected" | "flagged";
-
-export interface MarketplaceExtension {
-	/** Same as ExtensionManifest.id */
-	id: string;
-	name: string;
-	version: string;
-	description: string;
-	author: string;
-	/** Download URL for the extension archive (.zip) */
-	downloadUrl: string;
-	/** Icon URL */
-	iconUrl?: string;
-	/** Screenshots */
-	screenshots?: string[];
-	/** Number of downloads */
-	downloads: number;
-	/** Average rating (0-5) */
-	rating: number;
-	/** Number of ratings */
-	ratingCount: number;
-	/** Category tags */
-	tags: string[];
-	/** Permissions required */
-	permissions: ExtensionPermission[];
-	/** Whether this extension has been reviewed and approved */
-	reviewStatus: MarketplaceReviewStatus;
-	/** When the extension was published */
-	publishedAt: string;
-	/** When last updated */
-	updatedAt: string;
-	/** Author homepage URL */
-	homepage?: string;
-	/** Whether this version is already installed locally */
-	installed?: boolean;
-}
-
-export interface MarketplaceSearchResult {
-	extensions: MarketplaceExtension[];
-	total: number;
-	page: number;
-	pageSize: number;
-}
-
-export interface ExtensionReview {
-	id: string;
-	extensionId: string;
-	extensionName: string;
-	version: string;
-	author: string;
-	submittedAt: string;
-	status: MarketplaceReviewStatus;
-	reviewNotes?: string;
-	manifest: ExtensionManifest;
-	downloadUrl: string;
-}
-
-// ---------------------------------------------------------------------------
-// Extension API — Render Hooks
-// ---------------------------------------------------------------------------
-
-/** Context passed to render hooks each frame */
-export interface RenderHookContext {
-	/** Output canvas width */
-	width: number;
-	/** Output canvas height */
-	height: number;
-	/** Current playback time in ms */
-	timeMs: number;
-	/** Total video duration in ms */
-	durationMs: number;
-	/** Current cursor position (normalized 0-1, null if no cursor) */
-	cursor: { cx: number; cy: number; interactionType?: string } | null;
-	/** Current smoothed cursor state and trailing path (normalized 0-1) */
-	smoothedCursor?: {
-		cx: number;
-		cy: number;
-		trail: Array<{ cx: number; cy: number }>;
-	} | null;
-	/** The 2D rendering context to draw on */
-	ctx: CanvasRenderingContext2D;
-	/** Current video content layout (position & size inside the canvas) */
-	videoLayout?: {
-		/** Position & size of the masked video content area (in canvas pixels) */
-		maskRect: { x: number; y: number; width: number; height: number };
-		/** Border radius applied to the video (in canvas pixels) */
-		borderRadius: number;
-		/** Padding around the video (in canvas pixels). Can be a number (global) or an object with individual sides. */
-		padding: number | { top: number; right: number; bottom: number; left: number };
-	};
-	/** Current zoom state */
-	zoom?: {
-		/** 1 = no zoom, >1 = zoomed in */
-		scale: number;
-		/** Normalized focus point (0-1) */
-		focusX: number;
-		focusY: number;
-		/** 0 = idle, 1 = fully zoomed in */
-		progress: number;
-	};
-	/** Current scene transform (motion animation offset & scale).
-	 * Hooks that run outside the built-in transform (post-webcam, post-annotations, final)
-	 * can apply this manually to follow zoom/pan motion:
-	 *   ctx.save(); ctx.translate(t.x, t.y); ctx.scale(t.scale, t.scale); … ctx.restore();
-	 */
-	sceneTransform?: {
-		scale: number;
-		x: number;
-		y: number;
-	};
-	/** Current shadow settings */
-	shadow?: {
-		enabled: boolean;
-		intensity: number;
-	};
-
-	// ------------------------------------------------------------------
-	// Scene pixel helpers (sample from the current canvas)
-	// ------------------------------------------------------------------
-
-	/**
-	 * Get the RGBA color at a specific pixel (canvas coords).
-	 * Returns { r, g, b, a } with values 0–255.
-	 */
-	getPixelColor(x: number, y: number): { r: number; g: number; b: number; a: number };
-
-	/**
-	 * Average RGBA color across the entire video content area (maskRect).
-	 * Samples a grid for performance.
-	 */
-	getAverageSceneColor(): { r: number; g: number; b: number; a: number };
-
-	/**
-	 * Average RGBA color along the edges of the video content area.
-	 * Useful for matching wallpapers/frames to scene content.
-	 * @param edgeWidth — thickness of edge band in pixels (default 4)
-	 */
-	getEdgeAverageColor(edgeWidth?: number): { r: number; g: number; b: number; a: number };
-
-	/**
-	 * Get dominant colors in the video content area.
-	 * Returns up to `count` colors sorted by frequency.
-	 */
-	getDominantColors(
-		count?: number,
-	): Array<{ r: number; g: number; b: number; frequency: number }>;
-}
-
-/** Render hook phases — extensions draw in the registered phase */
-export type RenderHookPhase =
-	| "background" // Before video frame (custom backgrounds)
-	| "post-video" // After video frame, before zoom transform
-	| "post-zoom" // After zoom transform
-	| "post-cursor" // After cursor is drawn (click effects, trails)
-	| "post-webcam" // After webcam overlay
-	| "post-annotations" // After annotations
-	| "final"; // Last pass (watermarks, HUD overlays)
-
-export type RenderHookFn = (ctx: RenderHookContext) => void;
-
-// ---------------------------------------------------------------------------
-// Extension API — Cursor Effect Hooks
-// ---------------------------------------------------------------------------
-
-export interface CursorEffectContext {
-	/** Current time in ms */
-	timeMs: number;
-	/** Cursor position (normalized 0-1) */
-	cx: number;
-	cy: number;
-	/** Interaction type that triggered this effect */
-	interactionType: "click" | "double-click" | "right-click" | "mouseup";
-	/** Canvas dimensions */
-	width: number;
-	height: number;
-	/** 2D context to draw the effect */
-	ctx: CanvasRenderingContext2D;
-	/** Milliseconds since the interaction occurred */
-	elapsedMs: number;
-	/** Current zoom state (same as RenderHookContext.zoom) */
-	zoom?: {
-		scale: number;
-		focusX: number;
-		focusY: number;
-		progress: number;
-	};
-	/** Current scene transform applied to the canvas */
-	sceneTransform?: {
-		scale: number;
-		x: number;
-		y: number;
-	};
-	/** Video content layout inside the canvas */
-	videoLayout?: {
-		maskRect: { x: number; y: number; width: number; height: number };
-		borderRadius: number;
-		padding: number | { top: number; right: number; bottom: number; left: number };
-	};
-}
-
-export type CursorEffectFn = (ctx: CursorEffectContext) => boolean; // return false to stop animation
-
-// ---------------------------------------------------------------------------
-// Extension API — Event System
-// ---------------------------------------------------------------------------
-
-export type ExtensionEventType =
-	| "playback:timeupdate"
-	| "playback:play"
-	| "playback:pause"
-	| "cursor:click"
-	| "cursor:move"
-	| "timeline:region-added"
-	| "timeline:region-removed"
-	| "export:start"
-	| "export:frame"
-	| "export:complete";
-
-export interface ExtensionEvent {
-	type: ExtensionEventType;
-	timeMs?: number;
-	data?: unknown;
-}
-
-export type ExtensionEventHandler = (event: ExtensionEvent) => void;
-
-// ---------------------------------------------------------------------------
-// Extension API — Settings UI
-// ---------------------------------------------------------------------------
-
-export interface ExtensionSettingField {
-	id: string;
-	label: string;
-	type: "toggle" | "slider" | "select" | "color" | "text";
-	defaultValue: unknown;
-	/** For sliders */
-	min?: number;
-	max?: number;
-	step?: number;
-	/** For select */
-	options?: { label: string; value: string }[];
-}
-
-export interface ExtensionSettingsPanel {
-	/** Unique panel ID */
-	id: string;
-	/** Display label in settings */
-	label: string;
-	/** Icon name (lucide icon) */
-	icon?: string;
-	/** If set, renders inside this existing section (e.g. 'cursor', 'scene').
-	 *  Otherwise, creates a new standalone section. */
-	parentSection?: string;
-	/** Setting fields */
-	fields: ExtensionSettingField[];
-}
-
-// ---------------------------------------------------------------------------
-// Extension API — The API object passed to extension activate()
-// ---------------------------------------------------------------------------
-
-export interface RecordlyExtensionAPI {
-	/** Register a render hook at a specific pipeline phase */
-	registerRenderHook(phase: RenderHookPhase, hook: RenderHookFn): () => void;
-
-	/** Register a cursor click effect */
-	registerCursorEffect(effect: CursorEffectFn): () => void;
-
-	/** Register a device frame (browser chrome, laptop bezel, etc.) */
-	registerFrame(frame: ContributedFrame): () => void;
-
-	/** Register a wallpaper/background image or video */
-	registerWallpaper(wallpaper: ContributedWallpaper): () => void;
-
-	/** Register a cursor style pack */
-	registerCursorStyle(cursorStyle: ContributedCursorStyle): () => void;
-
-	/** Listen to extension events */
-	on(event: ExtensionEventType, handler: ExtensionEventHandler): () => void;
-
-	/** Register a settings panel for this extension */
-	registerSettingsPanel(panel: ExtensionSettingsPanel): () => void;
-
-	/** Get the current value of an extension setting */
-	getSetting(settingId: string): unknown;
-
-	/** Set an extension setting value */
-	setSetting(settingId: string, value: unknown): void;
-
-	/** Resolve an asset path relative to the extension root */
-	resolveAsset(relativePath: string): string;
-
-	/**
-	 * Play a sound from a bundled audio file (relative to extension root).
-	 * Returns a stop function to cancel playback early.
-	 * Optional volume (0-1, default 1).
-	 */
-	playSound(relativePath: string, options?: { volume?: number }): () => void;
-
-	/** Log a message (visible in dev tools, prefixed with extension ID) */
-	log(message: string, ...args: unknown[]): void;
-
-	// ------------------------------------------------------------------
-	// Query APIs — read-only access to project / playback state
-	// ------------------------------------------------------------------
-
-	/** Get video info (resolution, duration, fps) */
-	getVideoInfo(): {
-		width: number;
-		height: number;
-		durationMs: number;
-		fps: number;
-	} | null;
-
-	/** Get the current video content layout (mask rect, padding, etc.) */
-	getVideoLayout(): {
-		maskRect: { x: number; y: number; width: number; height: number };
-		canvasWidth: number;
-		canvasHeight: number;
-		borderRadius: number;
-		padding: number | { top: number; right: number; bottom: number; left: number };
-	} | null;
-
-	/**
-	 * Query cursor telemetry at a given time (nearest point).
-	 * Returns null if no telemetry is available.
-	 */
-	getCursorAt(timeMs: number): {
-		cx: number;
-		cy: number;
-		timeMs: number;
-		interactionType?: string;
-		pressure?: number;
-	} | null;
-
-	/** Get the latest smoothed cursor position and trail for the active renderer. */
-	getSmoothedCursor(): {
-		cx: number;
-		cy: number;
-		timeMs: number;
-		trail: Array<{ cx: number; cy: number }>;
-	} | null;
-
-	/** Get the current zoom state */
-	getZoomState(): {
-		scale: number;
-		focusX: number;
-		focusY: number;
-		progress: number;
-	} | null;
-
-	/** Get the current shadow configuration */
-	getShadowConfig(): {
-		enabled: boolean;
-		intensity: number;
-	};
-
-	/**
-	 * Get keystroke events in a time range.
-	 * Returns an array of keystroke events within [startMs, endMs].
-	 */
-	getKeystrokesInRange(
-		startMs: number,
-		endMs: number,
-	): Array<{
-		timeMs: number;
-		key: string;
-		modifiers: string[];
-	}>;
-
-	/**
-	 * Get the current aspect ratio of the output canvas (width / height).
-	 */
-	getAspectRatio(): number | null;
-
-	/**
-	 * Get the active device frame ID, or null if none is selected.
-	 */
-	getActiveFrame(): string | null;
-
-	/**
-	 * Check whether a specific extension is currently active.
-	 */
-	isExtensionActive(extensionId: string): boolean;
-
-	/**
-	 * Get the current playback state (time, duration, playing status).
-	 */
-	getPlaybackState(): {
-		currentTimeMs: number;
-		durationMs: number;
-		isPlaying: boolean;
-	} | null;
-
-	/**
-	 * Get the output canvas dimensions in pixels.
-	 */
-	getCanvasDimensions(): { width: number; height: number } | null;
-
-	/**
-	 * Subscribe to changes in this extension's settings.
-	 * The callback receives the setting ID that changed and its new value.
-	 * Returns a dispose function.
-	 */
-	onSettingChange(callback: (settingId: string, value: unknown) => void): () => void;
-
-	/**
-	 * Get ALL settings for this extension as a key-value map.
-	 * Useful for bulk-reading initial state on activation.
-	 */
-	getAllSettings(): Record<string, unknown>;
-
-	/**
-	 * Draw a Phosphor icon from the project's library onto the canvas.
-	 * @param ctx The 2D rendering context
-	 * @param name The name of the icon (e.g. "CaretLeft", "ArrowClockwise")
-	 * @param x X coordinate (center)
-	 * @param y Y coordinate (center)
-	 * @param size Icon size in pixels
-	 * @param color Icon color (CSS color string)
-	 * @param weight Icon weight (optional: 'thin' | 'light' | 'regular' | 'bold' | 'fill', default 'regular')
-	 */
-	drawIcon(
-		ctx: CanvasRenderingContext2D,
-		name: string,
-		x: number,
-		y: number,
-		size: number,
-		color: string,
-		weight?: "thin" | "light" | "regular" | "bold" | "fill",
-	): void;
-}
-
-// ---------------------------------------------------------------------------
-// Extension Module — what the extension's main JS file must export
-// ---------------------------------------------------------------------------
-
-export interface RecordlyExtensionModule {
-	/** Called when the extension is activated */
-	activate(api: RecordlyExtensionAPI): void | Promise<void>;
-	/** Called when the extension is deactivated */
-	deactivate?(): void | Promise<void>;
-}
-
-// ---------------------------------------------------------------------------
-// Device Frame — Runtime Instance (resolved paths)
-// ---------------------------------------------------------------------------
-
-export interface FrameInstance {
-	/** Unique id: extensionId + '/' + frame.id */
-	id: string;
-	/** Extension that contributed this frame */
-	extensionId: string;
-	label: string;
-	category: ContributedFrame["category"];
-	/** Resolved absolute file:// URL to the frame overlay (PNG, SVG, or data URL) */
-	filePath: string;
-	/** Resolved absolute file:// URL to the thumbnail (or filePath if absent) */
-	thumbnailPath: string;
-	/** Screen insets (fraction 0-1 of frame image) */
-	screenInsets: { top: number; right: number; bottom: number; left: number };
-	appearance?: "light" | "dark";
-	/** Resolution-independent draw function (if provided by the extension) */
-	draw?: (ctx: CanvasRenderingContext2D, width: number, height: number) => void;
-}

From 1252010e912699da28a14c7e111cc3418f4e0497 Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Sat, 29 Aug 2026 13:57:09 +1000
Subject: [PATCH 5/7] Keep preview motion blur active during layout changes

---
 src/components/video-editor/VideoPlayback.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/video-editor/VideoPlayback.tsx b/src/components/video-editor/VideoPlayback.tsx
index cf5cc744a..df1ee6e9a 100644
--- a/src/components/video-editor/VideoPlayback.tsx
+++ b/src/components/video-editor/VideoPlayback.tsx
@@ -1842,6 +1842,9 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 					cursorOverlayRef.current.destroy();
 					cursorOverlayRef.current = null;
 				}
+				if (videoEffectsContainerRef.current) {
+					videoEffectsContainerRef.current.filters = null;
+				}
 				zoomBlurFilterRef.current?.destroy();
 				motionBlurFilterRef.current?.destroy();
 				zoomBlurFilterRef.current = null;
@@ -1952,7 +1955,6 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(
 				}
 				videoContainer.mask = null;
 				maskGraphicsRef.current = null;
-				videoEffectsContainer.filters = null;
 				videoTexture.destroy(false);
 
 				videoSpriteRef.current = null;

From 24e1e9f73fb37db9e006beaa08232b295bc021f0 Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Sat, 29 Aug 2026 17:06:24 +1000
Subject: [PATCH 6/7] Reduce cursor motion blur intensity

---
 src/components/video-editor/videoPlayback/cursorRenderer.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/video-editor/videoPlayback/cursorRenderer.ts b/src/components/video-editor/videoPlayback/cursorRenderer.ts
index 79e6da012..165382854 100644
--- a/src/components/video-editor/videoPlayback/cursorRenderer.ts
+++ b/src/components/video-editor/videoPlayback/cursorRenderer.ts
@@ -112,9 +112,9 @@ export interface CursorRenderConfig {
 }
 
 const MIN_CURSOR_VIEWPORT_SCALE = 0;
-// Preserve the cursor's stronger visual response while sharing the camera's
-// frame-rate normalization, kernel, and directional offset formula.
-const CURSOR_DIRECTIONAL_BLUR_STRENGTH = 4.8;
+// Keep the cursor visually responsive while sharing the camera's frame-rate
+// normalization, kernel, and directional offset formula.
+const CURSOR_DIRECTIONAL_BLUR_STRENGTH = 3.2;
 const CURSOR_TIME_DISCONTINUITY_MS = 100;
 const CURSOR_SWAY_SMOOTHING_MULTIPLIER = 0.7;
 const CURSOR_SWAY_SMOOTHING_OFFSET = 0.18;

From 826402ecb942d09f42e154725ed634f7a36b7d19 Mon Sep 17 00:00:00 2001
From: young <young@youngs-MacBook-Air.local>
Date: Sat, 29 Aug 2026 17:12:45 +1000
Subject: [PATCH 7/7] Remove the anti-slop pull request workflow

---
 .github/workflows/antislop.yml | 61 ----------------------------------
 1 file changed, 61 deletions(-)
 delete mode 100644 .github/workflows/antislop.yml

diff --git a/.github/workflows/antislop.yml b/.github/workflows/antislop.yml
deleted file mode 100644
index 1fea1f6cc..000000000
--- a/.github/workflows/antislop.yml
+++ /dev/null
@@ -1,61 +0,0 @@
-name: PR Quality
-
-on:
-  pull_request_target:
-    types: [opened, reopened, edited, synchronize]
-
-permissions:
-  contents: read
-  issues: read
-  pull-requests: write
-
-jobs:
-  anti-slop:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: peakoss/anti-slop@85daca1880e9e1af197fc06ea03349daf08f4202
-        with:
-          max-failures: 4
-
-          require-description: true
-          max-description-length: 2000
-          max-emoji-count: 2
-          max-code-references: 5
-
-          max-commit-message-length: 300
-          require-commit-author-match: true
-
-          min-account-age: 30
-          min-profile-completeness: 4
-          min-global-merge-ratio: 30
-
-          max-daily-forks: 7
-          detect-spam-usernames: true
-
-          blocked-source-branches: |
-            main
-            master
-
-          blocked-terms: |
-            ignore previous instructions
-            you are a helpful AI
-            as an AI language model
-
-          exempt-draft-prs: true
-          exempt-bots: |
-            dependabot[bot]
-            renovate[bot]
-            github-actions[bot]
-          exempt-author-association: OWNER,MEMBER,COLLABORATOR
-
-          success-add-pr-labels: checked
-          failure-add-pr-labels: slop
-
-          failure-pr-message: |
-            ⚠️ This pull request has been flagged by **Anti-Slop**.
-            Our automated checks detected patterns commonly associated with
-            low-quality or automated/AI submissions (failure count reached).
-            No automatic closure — a maintainer will review it.
-            If this is legitimate work, please add more context, link issues, or ping us.
-
-          close-pr: false