feat: gate sounds/stickers/effects UI behind feature flags

FEATURES in src/features.ts (all false) hides the assets-panel tabs and
views, the clip effects properties tab, and the timeline effects badge.
Existing project data still renders and stays editable (standalone effect
tab, sticker config, renderer nodes untouched).

1 files changed, 5 insertions, 4 deletions

diff --git a/apps/web/src/components/editor/panels/properties/registry.tsx b/apps/web/src/components/editor/panels/properties/registry.tsx
index 1eda6575..15f010f7 100644
--- a/apps/web/src/components/editor/panels/properties/registry.tsx
+++ b/apps/web/src/components/editor/panels/properties/registry.tsx
@@ -28,6 +28,7 @@ import { MasksTab } from "@/masks/components/masks-tab";
 import { SpeedTab } from "@/speed/components/speed-tab";
 import { GraphicTab } from "@/graphics/components/graphic-tab";
 import { OcShapesIcon } from "@/components/icons";
+import { FEATURES } from "@/features";
 
 const TRANSFORM_PARAM_KEYS = [
 	"transform.positionX",
@@ -251,7 +252,7 @@ function getVideoConfig({
 			buildSpeedTab({ element }),
 			buildBlendingTab({ element }),
 			buildMasksTab({ element }),
-			buildClipEffectsTab({ element }),
+			...(FEATURES.effects ? [buildClipEffectsTab({ element })] : []),
 		],
 	};
 }
@@ -267,7 +268,7 @@ function getImageConfig({
 			buildTransformTab({ element }),
 			buildBlendingTab({ element }),
 			buildMasksTab({ element }),
-			buildClipEffectsTab({ element }),
+			...(FEATURES.effects ? [buildClipEffectsTab({ element })] : []),
 		],
 	};
 }
@@ -282,7 +283,7 @@ function getStickerConfig({
 		tabs: [
 			buildTransformTab({ element }),
 			buildBlendingTab({ element }),
-			buildClipEffectsTab({ element }),
+			...(FEATURES.effects ? [buildClipEffectsTab({ element })] : []),
 		],
 	};
 }
@@ -299,7 +300,7 @@ function getGraphicConfig({
 			buildTransformTab({ element }),
 			buildBlendingTab({ element }),
 			buildMasksTab({ element }),
-			buildClipEffectsTab({ element }),
+			...(FEATURES.effects ? [buildClipEffectsTab({ element })] : []),
 		],
 	};
 }