feat: lens effects tab, standalone motion effects, clip/asset rename, preview popout

- New Lens category in the assets panel: Blur, Motion Blur, Zoom In/Out,
  Pan x4, Shake, Pulse, Spin, Custom Zoom. EffectDefinition gains a
  category field; tabs with an empty category are hidden, and the
  properties-panel 'Open effects' button opens the first non-empty one.
- Motion effects work standalone: dropping them on the timeline creates
  an effect-track element that animates (scale/translate/rotate) every
  track below it, computed purely in the TS frame descriptor - no wasm
  changes, identical in preview and export. supportsStandalone removed.
- Motion Blur: directional gaussian smear (amount + angle) reusing the
  existing WGSL shader with arbitrary u_direction.
- Custom Zoom: start/end scale params (keyframable clip-level).
- MotionOffset gains optional rotate, accumulated clip-level and applied
  to standalone layer quads via rotationDegrees.
- Rename clips (timeline context menu) and media assets (media panel
  context menu) via a shared RenameDialog; asset rename persists through
  storageService with rollback on error.
- Preview pops out into a Document Picture-in-Picture window and docks
  back; button hidden where the API is unsupported.
- Export keeps running when the export popover is closed; only the
  explicit Cancel button aborts.
- Captions and Adjustment tabs removed from the assets panel.

1 files changed, 39 insertions, 0 deletions

diff --git a/apps/web/src/core/managers/media-manager.ts b/apps/web/src/core/managers/media-manager.ts
index 739fd3fa..7764329f 100644
--- a/apps/web/src/core/managers/media-manager.ts
+++ b/apps/web/src/core/managers/media-manager.ts
@@ -51,6 +51,45 @@ export class MediaManager {
 		}
 	}
 
+	async renameMediaAsset({
+		projectId,
+		id,
+		name,
+	}: {
+		projectId: string;
+		id: string;
+		name: string;
+	}): Promise<void> {
+		const asset = this.assets.find((asset) => asset.id === id);
+		if (!asset || asset.name === name) {
+			return;
+		}
+
+		const previousName = asset.name;
+		const updatedAsset: MediaAsset = { ...asset, name };
+		this.assets = this.assets.map((asset) =>
+			asset.id === id ? updatedAsset : asset,
+		);
+		this.notify();
+
+		try {
+			await storageService.saveMediaAsset({
+				projectId,
+				mediaAsset: updatedAsset,
+			});
+		} catch (error) {
+			console.error("Failed to rename media asset:", error);
+			this.assets = this.assets.map((asset) =>
+				asset.id === id ? { ...asset, name: previousName } : asset,
+			);
+			this.notify();
+			toast.error("Failed to rename media asset", {
+				description:
+					error instanceof Error ? error.message : "Please try again",
+			});
+		}
+	}
+
 	removeMediaAsset({ projectId, id }: { projectId: string; id: string }): void {
 		this.removeMediaAssets({ projectId, ids: [id] });
 	}