diff --git a/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx b/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
index 212f6cb35..1a108a2e0 100644
--- a/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
+++ b/apps/web/src/pages/editing-planner/components/TtsPanel/index.tsx
@@ -1,6 +1,6 @@
 /**
  * TTS 配音面板 — Drawer 形式
- * 配音模式切换 + 文本输入 + 音色选择 + 语速/语调/音量 + 试听 + 字幕联动
+ * 配音模式切换 + 文本输入 + 音色选择（预设+克隆） + 语速/语调/音量 + 试听 + 字幕联动
  */
 import React from "react"
 import { Drawer } from "antd"
@@ -21,12 +21,15 @@ export interface TtsPanelProps {
 
 const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange }) => {
   const {
-    voices,
+    presetVoices,
+    cloneVoices,
     voicesLoading,
     previewLoading,
+    playingVoiceId,
     handleModeChange,
     handleTextChange,
     handleVoiceSelect,
+    handlePlayVoiceSample,
     handleSpeedChange,
     handlePitchChange,
     handleVolumeChange,
@@ -83,10 +86,13 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
 
           {/* 音色选择 */}
           <VoiceSelector
-            voices={voices}
+            presetVoices={presetVoices}
+            cloneVoices={cloneVoices}
             selectedVoiceId={config.voice_id}
             loading={voicesLoading}
+            playingVoiceId={playingVoiceId}
             onSelect={handleVoiceSelect}
+            onPlaySample={handlePlayVoiceSample}
           />
 
           {/* 语速 */}
@@ -169,4 +175,4 @@ const TtsPanel: React.FC<TtsPanelProps> = ({ open, onClose, config, onChange })
   )
 }
 
-export default TtsPanel
+export default TtsPanel
\ No newline at end of file