refactor: split constants by domain and isolate timeline panel from core

3 files changed, 10 insertions, 10 deletions

diff --git a/apps/web/src/components/editor/panels/assets/views/assets.tsx b/apps/web/src/components/editor/panels/assets/views/assets.tsx
index e17e4d4a..031d2e6a 100644
--- a/apps/web/src/components/editor/panels/assets/views/assets.tsx
+++ b/apps/web/src/components/editor/panels/assets/views/assets.tsx
@@ -25,7 +25,7 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants";
+import { DEFAULT_NEW_ELEMENT_DURATION_SECONDS } from "@/lib/timeline/creation";
 import { useEditor } from "@/hooks/use-editor";
 import { useFileUpload } from "@/hooks/use-file-upload";
 import { invokeAction } from "@/lib/actions";
@@ -257,7 +257,7 @@ function MediaAssetDraggable({
 		startTime: number;
 	}) => {
 		const duration =
-			asset.duration ?? TIMELINE_CONSTANTS.DEFAULT_ELEMENT_DURATION;
+			asset.duration ?? DEFAULT_NEW_ELEMENT_DURATION_SECONDS;
 		const element = buildElementFromMedia({
 			mediaId: asset.id,
 			mediaType: asset.type,
diff --git a/apps/web/src/components/editor/panels/assets/views/settings/background.tsx b/apps/web/src/components/editor/panels/assets/views/settings/background.tsx
index 7a81188f..bbceac7d 100644
--- a/apps/web/src/components/editor/panels/assets/views/settings/background.tsx
+++ b/apps/web/src/components/editor/panels/assets/views/settings/background.tsx
@@ -8,10 +8,10 @@ import {
 	SectionTitle,

 } from "@/components/section";

 import {

-	BLUR_INTENSITY_PRESETS,

-	DEFAULT_BLUR_INTENSITY,

-	DEFAULT_COLOR,

-} from "@/constants/project-constants";

+	BACKGROUND_BLUR_INTENSITY_PRESETS,

+	DEFAULT_BACKGROUND_BLUR_INTENSITY,

+	DEFAULT_BACKGROUND_COLOR,

+} from "@/lib/background/constants";

 import { patternCraftGradients } from "@/data/colors/pattern-craft";

 import { colors } from "@/data/colors/solid";

 import { syntaxUIGradients } from "@/data/colors/syntax-ui";

@@ -164,16 +164,16 @@ export function BackgroundContent() {
 	const currentBlurIntensity = isBlurBackground

 		? (activeProject.settings.background as { blurIntensity: number })

 				.blurIntensity

-		: DEFAULT_BLUR_INTENSITY;

+		: DEFAULT_BACKGROUND_BLUR_INTENSITY;

 

 	const currentBackgroundColor = isColorBackground

 		? (activeProject.settings.background as { color: string }).color

-		: DEFAULT_COLOR;

+		: DEFAULT_BACKGROUND_COLOR;

 	const canvasSize = activeProject.settings.canvasSize;

 

 	const blurPreviews = useMemo(

 		() =>

-			BLUR_INTENSITY_PRESETS.map((blur) => (

+			BACKGROUND_BLUR_INTENSITY_PRESETS.map((blur) => (

 				<BlurPreview

 					key={blur.value}

 					blur={blur}

diff --git a/apps/web/src/components/editor/panels/assets/views/settings/index.tsx b/apps/web/src/components/editor/panels/assets/views/settings/index.tsx
index 1526a842..6c819a36 100644
--- a/apps/web/src/components/editor/panels/assets/views/settings/index.tsx
+++ b/apps/web/src/components/editor/panels/assets/views/settings/index.tsx
@@ -9,7 +9,7 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { FPS_PRESETS } from "@/constants/project-constants";
+import { FPS_PRESETS } from "@/lib/fps/constants";
 import { useEditor } from "@/hooks/use-editor";
 import {
 	Section,