diff --git a/apps/web/src/pages/generate/components/GenerateStepContent.tsx b/apps/web/src/pages/generate/components/GenerateStepContent.tsx
index b0c3c8bdd..7b0fb2de9 100644
--- a/apps/web/src/pages/generate/components/GenerateStepContent.tsx
+++ b/apps/web/src/pages/generate/components/GenerateStepContent.tsx
@@ -8,6 +8,7 @@ import type { PresetVoiceItem } from "@/api/voices"
 import type { VoiceClone } from "@/api/voice-clone"
 import type { CoverConfig } from "../../editing-planner/types"
 import type { TitleSettings } from "../types"
+import type { PreviewResult, PreviewStatus } from "../hooks/useStep3Preview"
 import Step1TemplateSelect from "../components/Step1TemplateSelect"
 import Step2MaterialSelect from "../components/Step2MaterialSelect"
 import Step3GeneratePreview from "../components/Step3GeneratePreview"
@@ -62,6 +63,14 @@ export interface GenerateStepContentProps {
   /* 其他 */
   presetVoices: PresetVoiceItem[]
   videoRatio: string
+  /* Step3 预览 */
+  previewStatus: PreviewStatus
+  previewResult: PreviewResult | null
+  previewError: string
+  previewTemplateName: string
+  previewMaterialCount: string
+  onGeneratePreview: () => void
+  onRegeneratePreview: () => void
 }
 
 export const GenerateStepContent: React.FC<GenerateStepContentProps> = (props) => {
@@ -103,6 +112,13 @@ export const GenerateStepContent: React.FC<GenerateStepContentProps> = (props) =
     onDismissError,
     presetVoices,
     videoRatio,
+    previewStatus,
+    previewResult,
+    previewError,
+    previewTemplateName,
+    previewMaterialCount,
+    onGeneratePreview,
+    onRegeneratePreview,
   } = props
 
   switch (currentStep) {
@@ -128,13 +144,15 @@ export const GenerateStepContent: React.FC<GenerateStepContentProps> = (props) =
     case 3:
       return (
         <Step3GeneratePreview
-          templates={userTemplates}
-          selectedTemplate={selectedTemplate}
-          materialMode={materialMode}
-          selectedMaterials={selectedMaterials}
-          smartSelectedIds={smartSelectedIds}
+          templateName={previewTemplateName}
+          materialCount={previewMaterialCount}
           duration={duration}
           videoRatio={videoRatio}
+          previewStatus={previewStatus}
+          previewResult={previewResult}
+          previewError={previewError}
+          onGeneratePreview={onGeneratePreview}
+          onRegeneratePreview={onRegeneratePreview}
         />
       )
     case 4:
@@ -201,3 +219,4 @@ export const GenerateStepContent: React.FC<GenerateStepContentProps> = (props) =
 }
 
 export default GenerateStepContent
+