@vibecuting/video-project-core 0.1.29 → 0.1.31

package/src/core/scene/photo/effects-photo/{default-effects-photo-scene-Landscape.tsx → default-effects-photo-scene-Landscape/default-effects-photo-scene-Landscape.tsx}

@@ -1,20 +1,20 @@
-import type { ComponentProps } from 'react'
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
 
 import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
 
-import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from './default-effects-photo-scene'
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
 
 export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultEffectsPhotoSceneLandscape',
   description: 'Photo effects scene for 16:9 landscape previews with a wide cinematic layout',
-  sourceFile: 'src/core/scene/photo/effects-photo/default-effects-photo-scene-Landscape.tsx',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-effects-photo-scene-Landscape/default-effects-photo-scene-Landscape.tsx',
   aspectRatio: '16:9',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'landscape'])),
 }
 
 export const DefaultEffectsPhotoSceneLandscape = VideoComponent(componentMetadata)(function DefaultEffectsPhotoSceneLandscape(
-  props: ComponentProps<typeof DefaultEffectsPhotoScene>,
+  props: DefaultEffectsPhotoSceneProps,
 ) {
   return <DefaultEffectsPhotoScene {...props} />
 })

package/src/core/scene/photo/effects-photo/default-glow-effects-photo-scene/default-glow-effects-photo-scene.stories.tsx

@@ -0,0 +1,39 @@
+import { DefaultGlowEffectsPhotoScene } from './default-glow-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-glow-effects-photo-scene/DefaultGlowEffectsPhotoScene',
+  component: DefaultGlowEffectsPhotoScene,
+  args: {
+    title: 'Bloom Light',
+    subtitle: 'Single glow treatment for luminous highlights and soft halos.',
+    badge: 'Glow',
+    imageSrc: photoUrl,
+    intensity: 0.58,
+    accent: '#020617',
+    secondaryAccent: '#1d4ed8',
+  },
+}
+
+export default meta
+
+export const Default = {
+  parameters: {
+    scenePreviewAspectRatio: '16:9',
+  },
+}
+
+export const Animated = {
+  parameters: {
+    scenePreviewAspectRatio: '16:9',
+    scenePreviewMode: 'animation',
+  },
+}
+
+export const Both = {
+  parameters: {
+    scenePreviewAspectRatio: '9:16',
+    scenePreviewMode: 'both',
+  },
+}

package/src/core/scene/photo/effects-photo/default-glow-effects-photo-scene/default-glow-effects-photo-scene.tsx

@@ -0,0 +1,37 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultGlowEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultGlowEffectsPhotoScene',
+  description: 'Photo scene focused on a single glow treatment with soft halo light',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-glow-effects-photo-scene/default-glow-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'glow', 'single-effect'])),
+}
+
+export const DefaultGlowEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultGlowEffectsPhotoScene(
+  props: DefaultGlowEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.55, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'glow',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-grain-effects-photo-scene/default-grain-effects-photo-scene.stories.tsx

@@ -0,0 +1,39 @@
+import { DefaultGrainEffectsPhotoScene } from './default-grain-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-grain-effects-photo-scene/DefaultGrainEffectsPhotoScene',
+  component: DefaultGrainEffectsPhotoScene,
+  args: {
+    title: 'Film Grain',
+    subtitle: 'Single grain treatment for analog texture and softness.',
+    badge: 'Grain',
+    imageSrc: photoUrl,
+    intensity: 0.14,
+    accent: '#020617',
+    secondaryAccent: '#1d4ed8',
+  },
+}
+
+export default meta
+
+export const Default = {
+  parameters: {
+    scenePreviewAspectRatio: '16:9',
+  },
+}
+
+export const Animated = {
+  parameters: {
+    scenePreviewAspectRatio: '16:9',
+    scenePreviewMode: 'animation',
+  },
+}
+
+export const Both = {
+  parameters: {
+    scenePreviewAspectRatio: '9:16',
+    scenePreviewMode: 'both',
+  },
+}

package/src/core/scene/photo/effects-photo/default-grain-effects-photo-scene/default-grain-effects-photo-scene.tsx

@@ -0,0 +1,37 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultGrainEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultGrainEffectsPhotoScene',
+  description: 'Photo scene focused on a single grain treatment with film texture',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-grain-effects-photo-scene/default-grain-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'grain', 'single-effect'])),
+}
+
+export const DefaultGrainEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultGrainEffectsPhotoScene(
+  props: DefaultGrainEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.12, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'grain',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-halation-effects-photo-scene/default-halation-effects-photo-scene.stories.tsx

@@ -0,0 +1,24 @@
+import { DefaultHalationEffectsPhotoScene } from './default-halation-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-halation-effects-photo-scene/DefaultHalationEffectsPhotoScene',
+  component: DefaultHalationEffectsPhotoScene,
+  args: {
+    title: 'Halation Bloom',
+    subtitle: 'Glowing highlight bloom with a filmic halation ring.',
+    badge: 'Halation',
+    imageSrc: photoUrl,
+    intensity: 0.58,
+    hue: '#fef3c7',
+    accent: '#020617',
+    secondaryAccent: '#f59e0b',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-halation-effects-photo-scene/default-halation-effects-photo-scene.tsx

@@ -0,0 +1,39 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultHalationEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultHalationEffectsPhotoScene',
+  description: 'Photo scene focused on halation bloom and bright highlight bloom',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-halation-effects-photo-scene/default-halation-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'halation', 'single-effect'])),
+}
+
+export const DefaultHalationEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultHalationEffectsPhotoScene(
+  props: DefaultHalationEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.58, hue = '#fef3c7', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'halation',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-infrared-effects-photo-scene/default-infrared-effects-photo-scene.stories.tsx

@@ -0,0 +1,24 @@
+import { DefaultInfraredEffectsPhotoScene } from './default-infrared-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-infrared-effects-photo-scene/DefaultInfraredEffectsPhotoScene',
+  component: DefaultInfraredEffectsPhotoScene,
+  args: {
+    title: 'Infrared Heat',
+    subtitle: 'False-color infrared-inspired treatment with dramatic color response.',
+    badge: 'Infrared',
+    imageSrc: photoUrl,
+    intensity: 0.62,
+    hue: '#ef4444',
+    accent: '#020617',
+    secondaryAccent: '#22c55e',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-infrared-effects-photo-scene/default-infrared-effects-photo-scene.tsx

@@ -0,0 +1,39 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultInfraredEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultInfraredEffectsPhotoScene',
+  description: 'Photo scene focused on infrared-inspired false-color grading',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-infrared-effects-photo-scene/default-infrared-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'infrared', 'single-effect'])),
+}
+
+export const DefaultInfraredEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultInfraredEffectsPhotoScene(
+  props: DefaultInfraredEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.62, hue = '#ef4444', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'infrared',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-light-leak-effects-photo-scene/default-light-leak-effects-photo-scene.stories.tsx

@@ -0,0 +1,24 @@
+import { DefaultLightLeakEffectsPhotoScene } from './default-light-leak-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-light-leak-effects-photo-scene/DefaultLightLeakEffectsPhotoScene',
+  component: DefaultLightLeakEffectsPhotoScene,
+  args: {
+    title: 'Light Leak',
+    subtitle: 'Warm flare spill for an analog camera feel.',
+    badge: 'Leak',
+    imageSrc: photoUrl,
+    intensity: 0.62,
+    hue: '#fde68a',
+    accent: '#f59e0b',
+    secondaryAccent: '#1d4ed8',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-light-leak-effects-photo-scene/default-light-leak-effects-photo-scene.tsx

@@ -0,0 +1,39 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultLightLeakEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultLightLeakEffectsPhotoScene',
+  description: 'Photo scene focused on warm light leak flare overlays',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-light-leak-effects-photo-scene/default-light-leak-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'light-leak', 'single-effect'])),
+}
+
+export const DefaultLightLeakEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultLightLeakEffectsPhotoScene(
+  props: DefaultLightLeakEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.62, hue = '#fde68a', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'light-leak',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-mono-effects-photo-scene/default-mono-effects-photo-scene.stories.tsx

@@ -0,0 +1,23 @@
+import { DefaultMonoEffectsPhotoScene } from './default-mono-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-mono-effects-photo-scene/DefaultMonoEffectsPhotoScene',
+  component: DefaultMonoEffectsPhotoScene,
+  args: {
+    title: 'Black and White',
+    subtitle: 'Monochrome scene with strong tonal separation and drama.',
+    badge: 'Mono',
+    imageSrc: photoUrl,
+    intensity: 1,
+    accent: '#020617',
+    secondaryAccent: '#1d4ed8',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-mono-effects-photo-scene/default-mono-effects-photo-scene.tsx

@@ -0,0 +1,37 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultMonoEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultMonoEffectsPhotoScene',
+  description: 'Photo scene focused on monochrome black-and-white rendering',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-mono-effects-photo-scene/default-mono-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'mono', 'single-effect'])),
+}
+
+export const DefaultMonoEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultMonoEffectsPhotoScene(
+  props: DefaultMonoEffectsPhotoSceneProps,
+) {
+  const { intensity = 1, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'mono',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-noir-effects-photo-scene/default-noir-effects-photo-scene.stories.tsx

@@ -0,0 +1,23 @@
+import { DefaultNoirEffectsPhotoScene } from './default-noir-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-noir-effects-photo-scene/DefaultNoirEffectsPhotoScene',
+  component: DefaultNoirEffectsPhotoScene,
+  args: {
+    title: 'Noir Shadow',
+    subtitle: 'High-contrast shadow study with hard blacks and low key mood.',
+    badge: 'Noir',
+    imageSrc: photoUrl,
+    intensity: 0.9,
+    accent: '#020617',
+    secondaryAccent: '#64748b',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-noir-effects-photo-scene/default-noir-effects-photo-scene.tsx

@@ -0,0 +1,37 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultNoirEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultNoirEffectsPhotoScene',
+  description: 'Photo scene focused on noir contrast and moody shadow falloff',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-noir-effects-photo-scene/default-noir-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'noir', 'single-effect'])),
+}
+
+export const DefaultNoirEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultNoirEffectsPhotoScene(
+  props: DefaultNoirEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.9, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'noir',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-pastel-effects-photo-scene/default-pastel-effects-photo-scene.stories.tsx

@@ -0,0 +1,24 @@
+import { DefaultPastelEffectsPhotoScene } from './default-pastel-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-pastel-effects-photo-scene/DefaultPastelEffectsPhotoScene',
+  component: DefaultPastelEffectsPhotoScene,
+  args: {
+    title: 'Pastel Wash',
+    subtitle: 'Soft pastel wash with low contrast and airy highlights.',
+    badge: 'Pastel',
+    imageSrc: photoUrl,
+    intensity: 0.68,
+    hue: '#f9a8d4',
+    accent: '#020617',
+    secondaryAccent: '#38bdf8',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-pastel-effects-photo-scene/default-pastel-effects-photo-scene.tsx

@@ -0,0 +1,39 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultPastelEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultPastelEffectsPhotoScene',
+  description: 'Photo scene focused on soft pastel color grading and low-contrast diffusion',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-pastel-effects-photo-scene/default-pastel-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'pastel', 'single-effect'])),
+}
+
+export const DefaultPastelEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultPastelEffectsPhotoScene(
+  props: DefaultPastelEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.68, hue = '#f9a8d4', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'pastel',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-retro-effects-photo-scene/default-retro-effects-photo-scene.stories.tsx

@@ -0,0 +1,24 @@
+import { DefaultRetroEffectsPhotoScene } from './default-retro-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-retro-effects-photo-scene/DefaultRetroEffectsPhotoScene',
+  component: DefaultRetroEffectsPhotoScene,
+  args: {
+    title: 'Retro Film',
+    subtitle: 'Warm nostalgic film treatment with a vintage print vibe.',
+    badge: 'Retro',
+    imageSrc: photoUrl,
+    intensity: 0.72,
+    hue: '#f59e0b',
+    accent: '#020617',
+    secondaryAccent: '#7c3aed',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }

package/src/core/scene/photo/effects-photo/default-retro-effects-photo-scene/default-retro-effects-photo-scene.tsx

@@ -0,0 +1,39 @@
+import type { DefaultEffectsPhotoSceneProps } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
+
+import { DefaultEffectsPhotoScene, componentMetadata as baseComponentMetadata } from '../default-effects-photo-scene/default-effects-photo-scene'
+
+type BaseProps = DefaultEffectsPhotoSceneProps
+
+export interface DefaultRetroEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultRetroEffectsPhotoScene',
+  description: 'Photo scene focused on retro film colors and nostalgic grading',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-retro-effects-photo-scene/default-retro-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'retro', 'single-effect'])),
+}
+
+export const DefaultRetroEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultRetroEffectsPhotoScene(
+  props: DefaultRetroEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.72, hue = '#f59e0b', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'retro',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/default-sepia-effects-photo-scene/default-sepia-effects-photo-scene.stories.tsx

@@ -0,0 +1,23 @@
+import { DefaultSepiaEffectsPhotoScene } from './default-sepia-effects-photo-scene'
+
+const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
+
+const meta = {
+  title: 'core/scene/photo/effects-photo/default-sepia-effects-photo-scene/DefaultSepiaEffectsPhotoScene',
+  component: DefaultSepiaEffectsPhotoScene,
+  args: {
+    title: 'Sepia Tone',
+    subtitle: 'Aged-paper warmth with archival styling.',
+    badge: 'Sepia',
+    imageSrc: photoUrl,
+    intensity: 0.84,
+    accent: '#020617',
+    secondaryAccent: '#f97316',
+  },
+}
+
+export default meta
+
+export const Default = { parameters: { scenePreviewAspectRatio: '16:9' } }
+export const Animated = { parameters: { scenePreviewAspectRatio: '16:9', scenePreviewMode: 'animation' } }
+export const Both = { parameters: { scenePreviewAspectRatio: '9:16', scenePreviewMode: 'both' } }