@vibecuting/video-project-core 0.1.29 → 0.1.31

package/src/core/scene/photo/effects-photo/default-sepia-effects-photo-scene/default-sepia-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 DefaultSepiaEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultSepiaEffectsPhotoScene',
+  description: 'Photo scene focused on sepia color grading and archival warmth',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-sepia-effects-photo-scene/default-sepia-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'sepia', 'single-effect'])),
+}
+
+export const DefaultSepiaEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultSepiaEffectsPhotoScene(
+  props: DefaultSepiaEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.82, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'sepia',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

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

@@ -0,0 +1,39 @@
+import { DefaultSoftFocusEffectsPhotoScene } from './default-soft-focus-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-soft-focus-effects-photo-scene/DefaultSoftFocusEffectsPhotoScene',
+  component: DefaultSoftFocusEffectsPhotoScene,
+  args: {
+    title: 'Soft Focus',
+    subtitle: 'Single soft-focus treatment for dreamy depth and gentle diffusion.',
+    badge: 'Soft Focus',
+    imageSrc: photoUrl,
+    intensity: 0.38,
+    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-soft-focus-effects-photo-scene/default-soft-focus-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 DefaultSoftFocusEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultSoftFocusEffectsPhotoScene',
+  description: 'Photo scene focused on a single soft-focus treatment with depth haze',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-soft-focus-effects-photo-scene/default-soft-focus-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'soft-focus', 'single-effect'])),
+}
+
+export const DefaultSoftFocusEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultSoftFocusEffectsPhotoScene(
+  props: DefaultSoftFocusEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.35, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'soft-focus',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

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

@@ -0,0 +1,23 @@
+import { DefaultVibrantEffectsPhotoScene } from './default-vibrant-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-vibrant-effects-photo-scene/DefaultVibrantEffectsPhotoScene',
+  component: DefaultVibrantEffectsPhotoScene,
+  args: {
+    title: 'Vibrant Pop',
+    subtitle: 'High-saturation still with crisp contrast and punch.',
+    badge: 'Vibrant',
+    imageSrc: photoUrl,
+    intensity: 0.72,
+    accent: '#ef4444',
+    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-vibrant-effects-photo-scene/default-vibrant-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 DefaultVibrantEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultVibrantEffectsPhotoScene',
+  description: 'Photo scene focused on vibrant saturation and contrast',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-vibrant-effects-photo-scene/default-vibrant-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'vibrant', 'single-effect'])),
+}
+
+export const DefaultVibrantEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultVibrantEffectsPhotoScene(
+  props: DefaultVibrantEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.72, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'vibrant',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

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

@@ -0,0 +1,39 @@
+import { DefaultVignetteEffectsPhotoScene } from './default-vignette-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-vignette-effects-photo-scene/DefaultVignetteEffectsPhotoScene',
+  component: DefaultVignetteEffectsPhotoScene,
+  args: {
+    title: 'Edge Fade',
+    subtitle: 'Single vignette treatment for cinematic focus and falloff.',
+    badge: 'Vignette',
+    imageSrc: photoUrl,
+    intensity: 0.72,
+    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-vignette-effects-photo-scene/default-vignette-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 DefaultVignetteEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultVignetteEffectsPhotoScene',
+  description: 'Photo scene focused on a single vignette treatment with cinematic edge falloff',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-vignette-effects-photo-scene/default-vignette-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'vignette', 'single-effect'])),
+}
+
+export const DefaultVignetteEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultVignetteEffectsPhotoScene(
+  props: DefaultVignetteEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.7, ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'vignette',
+          intensity,
+        },
+      ]}
+    />
+  )
+})

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

@@ -0,0 +1,40 @@
+import { DefaultWarmthEffectsPhotoScene } from './default-warmth-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-warmth-effects-photo-scene/DefaultWarmthEffectsPhotoScene',
+  component: DefaultWarmthEffectsPhotoScene,
+  args: {
+    title: 'Golden Grade',
+    subtitle: 'Single warmth treatment for sunset tones and film bias.',
+    badge: 'Warmth',
+    imageSrc: photoUrl,
+    intensity: 0.2,
+    hue: '#f59e0b',
+    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-warmth-effects-photo-scene/default-warmth-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 DefaultWarmthEffectsPhotoSceneProps extends Omit<BaseProps, 'effects'> {
+  intensity?: number
+  hue?: string
+}
+
+export const componentMetadata: ScenePluginMetadata = {
+  ...baseComponentMetadata,
+  name: 'DefaultWarmthEffectsPhotoScene',
+  description: 'Photo scene focused on a single warmth treatment with cinematic color bias',
+  sourceFile: 'src/core/scene/photo/effects-photo/default-warmth-effects-photo-scene/default-warmth-effects-photo-scene.tsx',
+  tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'warmth', 'single-effect'])),
+}
+
+export const DefaultWarmthEffectsPhotoScene = VideoComponent(componentMetadata)(function DefaultWarmthEffectsPhotoScene(
+  props: DefaultWarmthEffectsPhotoSceneProps,
+) {
+  const { intensity = 0.18, hue = '#f59e0b', ...rest } = props
+
+  return (
+    <DefaultEffectsPhotoScene
+      {...rest}
+      effects={[
+        {
+          type: 'warmth',
+          intensity,
+          hue,
+        },
+      ]}
+    />
+  )
+})

package/src/core/scene/photo/effects-photo/index.ts

@@ -1,3 +1,21 @@
-export { DefaultEffectsPhotoScene, componentMetadata as DefaultEffectsPhotoSceneMetadata } from './default-effects-photo-scene'
-export { DefaultEffectsPhotoSceneLandscape, componentMetadata as DefaultEffectsPhotoSceneLandscapeMetadata } from './default-effects-photo-scene-Landscape'
-export { DefaultEffectsPhotoSceneHorizontal, componentMetadata as DefaultEffectsPhotoSceneHorizontalMetadata } from './default-effects-photo-scene-Horizontal'
+export { DefaultEffectsPhotoScene, componentMetadata as DefaultEffectsPhotoSceneMetadata } from './default-effects-photo-scene/default-effects-photo-scene'
+export { DefaultEffectsPhotoSceneLandscape, componentMetadata as DefaultEffectsPhotoSceneLandscapeMetadata } from './default-effects-photo-scene-Landscape/default-effects-photo-scene-Landscape'
+export { DefaultEffectsPhotoSceneHorizontal, componentMetadata as DefaultEffectsPhotoSceneHorizontalMetadata } from './default-effects-photo-scene-Horizontal/default-effects-photo-scene-Horizontal'
+export { DefaultVignetteEffectsPhotoScene, componentMetadata as DefaultVignetteEffectsPhotoSceneMetadata } from './default-vignette-effects-photo-scene/default-vignette-effects-photo-scene'
+export { DefaultGrainEffectsPhotoScene, componentMetadata as DefaultGrainEffectsPhotoSceneMetadata } from './default-grain-effects-photo-scene/default-grain-effects-photo-scene'
+export { DefaultGlowEffectsPhotoScene, componentMetadata as DefaultGlowEffectsPhotoSceneMetadata } from './default-glow-effects-photo-scene/default-glow-effects-photo-scene'
+export { DefaultWarmthEffectsPhotoScene, componentMetadata as DefaultWarmthEffectsPhotoSceneMetadata } from './default-warmth-effects-photo-scene/default-warmth-effects-photo-scene'
+export { DefaultSoftFocusEffectsPhotoScene, componentMetadata as DefaultSoftFocusEffectsPhotoSceneMetadata } from './default-soft-focus-effects-photo-scene/default-soft-focus-effects-photo-scene'
+export { DefaultMonoEffectsPhotoScene, componentMetadata as DefaultMonoEffectsPhotoSceneMetadata } from './default-mono-effects-photo-scene/default-mono-effects-photo-scene'
+export { DefaultSepiaEffectsPhotoScene, componentMetadata as DefaultSepiaEffectsPhotoSceneMetadata } from './default-sepia-effects-photo-scene/default-sepia-effects-photo-scene'
+export { DefaultDuotoneEffectsPhotoScene, componentMetadata as DefaultDuotoneEffectsPhotoSceneMetadata } from './default-duotone-effects-photo-scene/default-duotone-effects-photo-scene'
+export { DefaultCoolToneEffectsPhotoScene, componentMetadata as DefaultCoolToneEffectsPhotoSceneMetadata } from './default-cool-tone-effects-photo-scene/default-cool-tone-effects-photo-scene'
+export { DefaultVibrantEffectsPhotoScene, componentMetadata as DefaultVibrantEffectsPhotoSceneMetadata } from './default-vibrant-effects-photo-scene/default-vibrant-effects-photo-scene'
+export { DefaultDreamEffectsPhotoScene, componentMetadata as DefaultDreamEffectsPhotoSceneMetadata } from './default-dream-effects-photo-scene/default-dream-effects-photo-scene'
+export { DefaultLightLeakEffectsPhotoScene, componentMetadata as DefaultLightLeakEffectsPhotoSceneMetadata } from './default-light-leak-effects-photo-scene/default-light-leak-effects-photo-scene'
+export { DefaultChromeEffectsPhotoScene, componentMetadata as DefaultChromeEffectsPhotoSceneMetadata } from './default-chrome-effects-photo-scene/default-chrome-effects-photo-scene'
+export { DefaultNoirEffectsPhotoScene, componentMetadata as DefaultNoirEffectsPhotoSceneMetadata } from './default-noir-effects-photo-scene/default-noir-effects-photo-scene'
+export { DefaultRetroEffectsPhotoScene, componentMetadata as DefaultRetroEffectsPhotoSceneMetadata } from './default-retro-effects-photo-scene/default-retro-effects-photo-scene'
+export { DefaultInfraredEffectsPhotoScene, componentMetadata as DefaultInfraredEffectsPhotoSceneMetadata } from './default-infrared-effects-photo-scene/default-infrared-effects-photo-scene'
+export { DefaultPastelEffectsPhotoScene, componentMetadata as DefaultPastelEffectsPhotoSceneMetadata } from './default-pastel-effects-photo-scene/default-pastel-effects-photo-scene'
+export { DefaultHalationEffectsPhotoScene, componentMetadata as DefaultHalationEffectsPhotoSceneMetadata } from './default-halation-effects-photo-scene/default-halation-effects-photo-scene'

package/src/core/scene/photo/index.ts

@@ -1,12 +1,12 @@
-export { DefaultLivePhotoScene, componentMetadata as DefaultLivePhotoSceneMetadata } from './default-live-photo-scene'
-export { DefaultLivePhotoSceneLandscape, componentMetadata as DefaultLivePhotoSceneLandscapeMetadata } from './default-live-photo-scene-Landscape'
-export { DefaultLivePhotoSceneHorizontal, componentMetadata as DefaultLivePhotoSceneHorizontalMetadata } from './default-live-photo-scene-Horizontal'
-export { DefaultPhotoWallScene, componentMetadata as DefaultPhotoWallSceneMetadata } from './default-photo-wall-scene'
-export { DefaultPhotoWallSceneLandscape, componentMetadata as DefaultPhotoWallSceneLandscapeMetadata } from './default-photo-wall-scene-Landscape'
-export { DefaultPhotoWallSceneHorizontal, componentMetadata as DefaultPhotoWallSceneHorizontalMetadata } from './default-photo-wall-scene-Horizontal'
-export { DefaultPhotoStripScene, componentMetadata as DefaultPhotoStripSceneMetadata } from './default-photo-strip-scene'
-export { DefaultPhotoStripSceneLandscape, componentMetadata as DefaultPhotoStripSceneLandscapeMetadata } from './default-photo-strip-scene-Landscape'
-export { DefaultPhotoStripSceneHorizontal, componentMetadata as DefaultPhotoStripSceneHorizontalMetadata } from './default-photo-strip-scene-Horizontal'
+export { DefaultLivePhotoScene, componentMetadata as DefaultLivePhotoSceneMetadata } from './live-photo/default-live-photo-scene'
+export { DefaultLivePhotoSceneLandscape, componentMetadata as DefaultLivePhotoSceneLandscapeMetadata } from './live-photo/default-live-photo-scene-Landscape'
+export { DefaultLivePhotoSceneHorizontal, componentMetadata as DefaultLivePhotoSceneHorizontalMetadata } from './live-photo/default-live-photo-scene-Horizontal'
+export { DefaultPhotoWallScene, componentMetadata as DefaultPhotoWallSceneMetadata } from './photo-wall/default-photo-wall-scene'
+export { DefaultPhotoWallSceneLandscape, componentMetadata as DefaultPhotoWallSceneLandscapeMetadata } from './photo-wall/default-photo-wall-scene-Landscape'
+export { DefaultPhotoWallSceneHorizontal, componentMetadata as DefaultPhotoWallSceneHorizontalMetadata } from './photo-wall/default-photo-wall-scene-Horizontal'
+export { DefaultPhotoStripScene, componentMetadata as DefaultPhotoStripSceneMetadata } from './photo-strip/default-photo-strip-scene'
+export { DefaultPhotoStripSceneLandscape, componentMetadata as DefaultPhotoStripSceneLandscapeMetadata } from './photo-strip/default-photo-strip-scene-Landscape'
+export { DefaultPhotoStripSceneHorizontal, componentMetadata as DefaultPhotoStripSceneHorizontalMetadata } from './photo-strip/default-photo-strip-scene-Horizontal'
 export {
   DefaultEffectsPhotoScene,
   DefaultEffectsPhotoSceneLandscape,
@@ -14,6 +14,16 @@ export {
   DefaultEffectsPhotoSceneMetadata,
   DefaultEffectsPhotoSceneLandscapeMetadata,
   DefaultEffectsPhotoSceneHorizontalMetadata,
+  DefaultVignetteEffectsPhotoScene,
+  DefaultGrainEffectsPhotoScene,
+  DefaultGlowEffectsPhotoScene,
+  DefaultWarmthEffectsPhotoScene,
+  DefaultSoftFocusEffectsPhotoScene,
+  DefaultVignetteEffectsPhotoSceneMetadata,
+  DefaultGrainEffectsPhotoSceneMetadata,
+  DefaultGlowEffectsPhotoSceneMetadata,
+  DefaultWarmthEffectsPhotoSceneMetadata,
+  DefaultSoftFocusEffectsPhotoSceneMetadata,
 } from './effects-photo'
 export {
   Default3DVRPhotoScene,
@@ -22,4 +32,10 @@ export {
   Default3DVRPhotoSceneMetadata,
   Default3DVRPhotoSceneLandscapeMetadata,
   Default3DVRPhotoSceneHorizontalMetadata,
+  DefaultOrbit3DVRPhotoScene,
+  DefaultDolly3DVRPhotoScene,
+  DefaultPoster3DVRPhotoScene,
+  DefaultOrbit3DVRPhotoSceneMetadata,
+  DefaultDolly3DVRPhotoSceneMetadata,
+  DefaultPoster3DVRPhotoSceneMetadata,
 } from './3dvr-photo'

package/src/core/scene/photo/{default-live-photo-scene-Horizontal.stories.tsx → live-photo/default-live-photo-scene-Horizontal.stories.tsx}

@@ -4,7 +4,7 @@ const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.co
 const photo = <img src={photoUrl} alt="Night Street" />
 
 const meta = {
-  title: 'core/scene/photo/DefaultLivePhotoSceneHorizontal',
+  title: 'core/scene/photo/live-photo/DefaultLivePhotoSceneHorizontal',
   component: DefaultLivePhotoSceneHorizontal,
   args: {
     title: 'Night Street',

package/src/core/scene/photo/{default-live-photo-scene-Horizontal.tsx → live-photo/default-live-photo-scene-Horizontal.tsx}

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultLivePhotoSceneHorizontal',
   description: 'Apple-style live photo scene for 9:16 portrait previews with a tighter vertical crop',
-  sourceFile: 'src/core/scene/photo/default-live-photo-scene-Horizontal.tsx',
+  sourceFile: 'src/core/scene/photo/live-photo/default-live-photo-scene-Horizontal.tsx',
   aspectRatio: '9:16',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'horizontal'])),
 }

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

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultLivePhotoSceneLandscape',
   description: 'Apple-style live photo scene for 16:9 landscape previews with a wider cinematic crop',
-  sourceFile: 'src/core/scene/photo/default-live-photo-scene-Landscape.tsx',
+  sourceFile: 'src/core/scene/photo/live-photo/default-live-photo-scene-Landscape.tsx',
   aspectRatio: '16:9',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'landscape'])),
 }

package/src/core/scene/photo/{default-live-photo-scene.stories.tsx → live-photo/default-live-photo-scene.stories.tsx}

@@ -4,7 +4,7 @@ const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.co
 const photo = <img src={photoUrl} alt="Summer Harbor" />
 
 const meta = {
-  title: 'core/scene/photo/DefaultLivePhotoSceneLandscape',
+  title: 'core/scene/photo/live-photo/DefaultLivePhotoSceneLandscape',
   component: DefaultLivePhotoSceneLandscape,
   args: {
     title: 'Summer Harbor',

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

@@ -6,10 +6,12 @@ import { z } from 'zod'
 import { VideoComponent, defineScenePluginMetadata } from '@vibecuting/component-project-helper'
 import { spring, useCurrentFrame, useVideoConfig } from 'remotion'
 
-import { BaseRemotionScene, SceneMotionLayer, type BaseRemotionSceneProps, useRemotionSceneRuntime, useSceneConfig } from '../../../base'
-import { defineSceneComponent } from '../../../plugins/scene-component'
+import { BaseRemotionScene, SceneMotionLayer, type BaseRemotionSceneProps, useRemotionSceneRuntime, useSceneConfig } from '../../../../base'
+import { defineSceneComponent } from '../../../../plugins/scene-component'
 
 export interface DefaultLivePhotoSceneProps extends BaseRemotionSceneProps {
+  id?: string
+  name?: string
   sceneId?: string
   sceneName?: string
   title?: string
@@ -27,7 +29,7 @@ export const componentMetadata = defineScenePluginMetadata({
   resourceKind: 'scene',
   name: 'DefaultLivePhotoScene',
   description: 'Apple-style live photo scene with a subtle push-in and luminous overlay',
-  sourceFile: 'src/core/scene/photo/default-live-photo-scene.tsx',
+  sourceFile: 'src/core/scene/photo/live-photo/default-live-photo-scene.tsx',
   pluginKey: 'core.photo.live-photo',
   tags: ['scene', 'photo', 'live-photo', 'image', 'apple'],
   aspectRatio: '16:9',

package/src/core/scene/photo/photo-storybook.test.tsx

@@ -3,8 +3,8 @@ import { describe, expect, it, vi } from 'vitest'
 vi.mock('remotion', async () => import('../../../storybook/remotion-preview'))
 
 import { SceneViewport } from '../../../storybook/SceneViewport'
-import { Default3DVRPhotoSceneLandscape } from './3dvr-photo/default-3dvr-photo-scene-Landscape'
-import { DefaultEffectsPhotoSceneLandscape } from './effects-photo/default-effects-photo-scene-Landscape'
+import { Default3DVRPhotoSceneLandscape } from './3dvr-photo/default-3dvr-photo-scene-Landscape/default-3dvr-photo-scene-Landscape'
+import { DefaultEffectsPhotoSceneLandscape } from './effects-photo/default-effects-photo-scene-Landscape/default-effects-photo-scene-Landscape'
 
 const photoUrl = 'https://heyaai-statics-1342239856.cos.ap-guangzhou.myqcloud.com/tmp/premium_photo-1779404552087-0f905162376f-121.jpeg'
 const { renderToStaticMarkup } = require('/data/projects/foldspace-stack-apps/vibecuting/packages/@vibecuting/video-project-core/node_modules/.pnpm/react-dom@19.2.7_react@19.2.7/node_modules/react-dom/server')

package/src/core/scene/photo/{default-photo-strip-scene-Horizontal.tsx → photo-strip/default-photo-strip-scene-Horizontal.tsx}

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoStripSceneHorizontal',
   description: 'Apple-style photo strip scene (Portrait 9:16 variant)',
-  sourceFile: 'src/core/scene/photo/default-photo-strip-scene-Horizontal.tsx',
+  sourceFile: 'src/core/scene/photo/photo-strip/default-photo-strip-scene-Horizontal.tsx',
   aspectRatio: '9:16',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'horizontal'])),
 }

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

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoStripSceneLandscape',
   description: 'Apple-style photo strip scene (Landscape 16:9 variant)',
-  sourceFile: 'src/core/scene/photo/default-photo-strip-scene-Landscape.tsx',
+  sourceFile: 'src/core/scene/photo/photo-strip/default-photo-strip-scene-Landscape.tsx',
   aspectRatio: '16:9',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'landscape'])),
 }

package/src/core/scene/photo/{default-photo-strip-scene.stories.tsx → photo-strip/default-photo-strip-scene.stories.tsx}

@@ -13,7 +13,7 @@ const args = {
 }
 
 const meta = {
-  title: 'core/scene/photo/DefaultPhotoStripSceneLandscape',
+  title: 'core/scene/photo/photo-strip/DefaultPhotoStripSceneLandscape',
   component: DefaultPhotoStripSceneLandscape,
   args,
 }

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

@@ -2,13 +2,13 @@ import type { ComponentProps } from 'react'
 
 import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
 
-import { DefaultLivePhotoScene, componentMetadata as baseComponentMetadata } from './default-live-photo-scene'
+import { DefaultLivePhotoScene, componentMetadata as baseComponentMetadata } from '../live-photo/default-live-photo-scene'
 
 export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoStripScene',
   description: 'Apple-style photo strip scene',
-  sourceFile: 'src/core/scene/photo/default-photo-strip-scene.tsx',
+  sourceFile: 'src/core/scene/photo/photo-strip/default-photo-strip-scene.tsx',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'strip', 'sequence'])),
 }
 

package/src/core/scene/photo/{default-photo-wall-scene-Horizontal.tsx → photo-wall/default-photo-wall-scene-Horizontal.tsx}

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoWallSceneHorizontal',
   description: 'Apple-style photo wall scene (Portrait 9:16 variant)',
-  sourceFile: 'src/core/scene/photo/default-photo-wall-scene-Horizontal.tsx',
+  sourceFile: 'src/core/scene/photo/photo-wall/default-photo-wall-scene-Horizontal.tsx',
   aspectRatio: '9:16',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'horizontal'])),
 }

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

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoWallSceneLandscape',
   description: 'Apple-style photo wall scene (Landscape 16:9 variant)',
-  sourceFile: 'src/core/scene/photo/default-photo-wall-scene-Landscape.tsx',
+  sourceFile: 'src/core/scene/photo/photo-wall/default-photo-wall-scene-Landscape.tsx',
   aspectRatio: '16:9',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'landscape'])),
 }

package/src/core/scene/photo/{default-photo-wall-scene.stories.tsx → photo-wall/default-photo-wall-scene.stories.tsx}

@@ -13,7 +13,7 @@ const args = {
 }
 
 const meta = {
-  title: 'core/scene/photo/DefaultPhotoWallSceneLandscape',
+  title: 'core/scene/photo/photo-wall/DefaultPhotoWallSceneLandscape',
   component: DefaultPhotoWallSceneLandscape,
   args,
 }

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

@@ -2,13 +2,13 @@ import type { ComponentProps } from 'react'
 
 import { VideoComponent, type ScenePluginMetadata } from '@vibecuting/component-project-helper'
 
-import { DefaultLivePhotoScene, componentMetadata as baseComponentMetadata } from './default-live-photo-scene'
+import { DefaultLivePhotoScene, componentMetadata as baseComponentMetadata } from '../live-photo/default-live-photo-scene'
 
 export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultPhotoWallScene',
   description: 'Apple-style photo wall scene',
-  sourceFile: 'src/core/scene/photo/default-photo-wall-scene.tsx',
+  sourceFile: 'src/core/scene/photo/photo-wall/default-photo-wall-scene.tsx',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'wall', 'collage'])),
 }
 

package/src/core/scene/slide/{default-slide-scene-Horizontal.animated.stories.tsx → default-slide-scene/default-slide-scene-Horizontal.animated.stories.tsx}

@@ -1,7 +1,7 @@
 import { DefaultSlideSceneHorizontal } from './default-slide-scene-Horizontal'
 
 const meta = {
-  title: 'core/scene/slide/default-slide-scene/DefaultSlideSceneHorizontal/Animated',
+  title: 'core/scene/slide/default-slide-scene/DefaultSlideSceneHorizontal',
   component: DefaultSlideSceneHorizontal,
   args: {
     title: 'Slide Scene',

package/src/core/scene/slide/{default-slide-scene-Horizontal.tsx → default-slide-scene/default-slide-scene-Horizontal.tsx}

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultSlideSceneHorizontal',
   description: "Default remotion slide scene (Portrait 9:16 variant)",
-  sourceFile: 'src/core/scene/slide/default-slide-scene-Horizontal.tsx',
+  sourceFile: 'src/core/scene/slide/default-slide-scene/default-slide-scene-Horizontal.tsx',
   aspectRatio: '9:16',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'horizontal'])),
 }

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

@@ -8,7 +8,7 @@ export const componentMetadata: ScenePluginMetadata = {
   ...baseComponentMetadata,
   name: 'DefaultSlideSceneLandscape',
   description: "Default remotion slide scene (Landscape 16:9 variant)",
-  sourceFile: 'src/core/scene/slide/default-slide-scene-Landscape.tsx',
+  sourceFile: 'src/core/scene/slide/default-slide-scene/default-slide-scene-Landscape.tsx',
   aspectRatio: '16:9',
   tags: Array.from(new Set([...(baseComponentMetadata.tags ?? []), 'landscape'])),
 }

package/src/core/scene/slide/{default-slide-scene.animated.stories.tsx → default-slide-scene/default-slide-scene.animated.stories.tsx}

@@ -1,7 +1,7 @@
 import { DefaultSlideSceneLandscape } from './default-slide-scene-Landscape'
 
 const meta = {
-  title: 'core/scene/slide/default-slide-scene/DefaultSlideSceneLandscape/Animated',
+  title: 'core/scene/slide/default-slide-scene/DefaultSlideSceneLandscape',
   component: DefaultSlideSceneLandscape,
   args: {
     title: 'Slide Scene',