From 360332efbf9f3e0d3fcb472e6a26d49f7d5b0c40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Sun, 10 Aug 2025 19:29:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=BC=96=E8=BE=91=E6=A8=A1?=
 =?UTF-8?q?=E6=80=81=E6=A1=86=EF=BC=8C=E6=96=B0=E5=A2=9E=E4=BF=9D=E5=AD=98?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=8F=8A=E6=8F=90=E9=86=92=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E8=A7=92=E8=89=B2=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E9=A1=B9=E4=B8=BA=E2=80=9CVoiceover=E2=80=9D=E3=80=82=E5=90=8C?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E8=B0=83=E6=95=B4=E8=84=9A=E6=9C=AC=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=86=85=E5=AE=B9=E4=BB=A5=E6=94=AF=E6=8C=81=E6=96=B0?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=20applyScript=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ui/edit-modal.tsx                 | 56 +++++++++++++++++++-
 components/ui/script-tab-content.tsx         | 13 ++++-
 components/ui/shot-editor/CharacterToken.tsx |  8 +--
 3 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/components/ui/edit-modal.tsx b/components/ui/edit-modal.tsx
index 7bfed3a..36b7baa 100644
--- a/components/ui/edit-modal.tsx
+++ b/components/ui/edit-modal.tsx
@@ -2,7 +2,7 @@
 
 import React, { useState, useEffect, SetStateAction } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { X, Image, Users, Video, Music, Settings, FileText, Maximize, Minimize } from 'lucide-react';
+import { X, Image, Users, Video, Music, Settings, FileText, Undo2, TriangleAlert } from 'lucide-react';
 import { cn } from '@/public/lib/utils';
 import { ScriptTabContent } from './script-tab-content';
 import { SceneTabContent } from './scene-tab-content';
@@ -10,6 +10,7 @@ import { ShotTabContent } from './shot-tab-content';
 import { SettingsTabContent } from './settings-tab-content';
 import { CharacterTabContent } from './character-tab-content';
 import { MusicTabContent } from './music-tab-content';
+import FloatingGlassPanel from './FloatingGlassPanel';
 
 interface EditModalProps {
   isOpen: boolean;
@@ -27,6 +28,7 @@ interface EditModalProps {
   setAnyAttribute: any;
   isPauseWorkFlow: boolean;
   scriptData: any[] | null;
+  applyScript: any;
 }
 
 const tabs = [
@@ -54,11 +56,13 @@ export function EditModal({
   setIsPauseWorkFlow,
   setAnyAttribute,
   isPauseWorkFlow,
-  scriptData
+  scriptData,
+  applyScript
 }: EditModalProps) {
   const [activeTab, setActiveTab] = useState(activeEditTab);
   const [currentIndex, setCurrentIndex] = useState(currentSketchIndex);
   const [currentRoleIndex, setCurrentRoleIndex] = useState(0);
+  const [isRemindFallbackOpen, setIsRemindFallbackOpen] = useState(false);
 
   useEffect(() => {
     setCurrentIndex(currentSketchIndex);
@@ -93,6 +97,18 @@ export function EditModal({
     setCurrentIndex(0);
   }
 
+  const handleSave = () => {
+    console.log('handleSave');
+    setIsRemindFallbackOpen(true);
+  }
+
+  const handleConfirmGotoFallback = () => {
+    console.log('handleConfirmGotoFallback');
+  }
+  const handleCloseRemindFallbackPanel = () => {
+    setIsRemindFallbackOpen(false);
+  }
+
   const renderTabContent = () => {
     switch (activeTab) {
       case '0':
@@ -102,6 +118,7 @@ export function EditModal({
             setIsPauseWorkFlow={setIsPauseWorkFlow}
             setAnyAttribute={setAnyAttribute}
             isPauseWorkFlow={isPauseWorkFlow}
+            applyScript={applyScript}
           />
         );
       case '1':
@@ -260,6 +277,7 @@ export function EditModal({
                     className="px-4 py-2 rounded-lg bg-blue-500 text-white hover:bg-blue-600 transition-colors"
                     whileHover={{ scale: 1.02 }}
                     whileTap={{ scale: 0.98 }}
+                    onClick={() => {handleSave()}}
                   >
                     Save
                   </motion.button>
@@ -267,6 +285,40 @@ export function EditModal({
               </div>
             </motion.div>
           </div>
+
+          {/* 提醒用户 点击保存 工作流将回退 并重新执行工作流 */}
+          <FloatingGlassPanel
+            open={isRemindFallbackOpen}
+            width='500px'
+            clickMaskClose={false}
+          >
+            <div className="flex flex-col items-center gap-4 text-white py-4">
+              <div className="flex items-center gap-3">
+                <TriangleAlert className="w-6 h-6 text-yellow-400" />
+                <p className="text-lg font-medium">将重新生成视频并剪辑，是否需要继续？</p>
+              </div>
+
+              <div className="flex gap-3 mt-2">
+                <button
+                  onClick={() => handleConfirmGotoFallback()}
+                  data-alt="confirm-replace-button"
+                  className="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-md transition-colors duration-200 flex items-center gap-2"
+                >
+                  <Undo2 className="w-4 h-4" />
+                  继续
+                </button>
+
+                <button
+                  onClick={() => handleCloseRemindFallbackPanel()}
+                  data-alt="ignore-button"
+                  className="px-4 py-2 bg-gray-600 hover:bg-gray-700 rounded-md transition-colors duration-200 flex items-center gap-2"
+                >
+                  <X className="w-4 h-4" />
+                  取消
+                </button>
+              </div>
+            </div>
+          </FloatingGlassPanel>
         </>
       )}
     </AnimatePresence>
diff --git a/components/ui/script-tab-content.tsx b/components/ui/script-tab-content.tsx
index a0218b7..887c4c8 100644
--- a/components/ui/script-tab-content.tsx
+++ b/components/ui/script-tab-content.tsx
@@ -9,13 +9,15 @@ interface ScriptTabContentProps {
   setIsPauseWorkFlow: (isPauseWorkFlow: boolean) => void;
   setAnyAttribute: any;
   isPauseWorkFlow: boolean;
+  applyScript: any;
 }
 
 export function ScriptTabContent({
   scriptData = [],
   setIsPauseWorkFlow,
   setAnyAttribute,
-  isPauseWorkFlow
+  isPauseWorkFlow,
+  applyScript
 }: ScriptTabContentProps) {
 
   // 如果没有数据，显示空状态
@@ -34,7 +36,14 @@ export function ScriptTabContent({
         initial={{ opacity: 0, y: 20 }}
         animate={{ opacity: 1, y: 0 }}
       >
-        <ScriptRenderer data={scriptData} setIsPauseWorkFlow={setIsPauseWorkFlow} setAnyAttribute={setAnyAttribute} isPauseWorkFlow={isPauseWorkFlow} />
+        <ScriptRenderer
+          data={scriptData}
+          setIsPauseWorkFlow={setIsPauseWorkFlow}
+          setAnyAttribute={setAnyAttribute}
+          isPauseWorkFlow={isPauseWorkFlow}
+          applyScript={applyScript}
+          mode='manual'
+        />
       </motion.div>
     </div>
   );
diff --git a/components/ui/shot-editor/CharacterToken.tsx b/components/ui/shot-editor/CharacterToken.tsx
index b4d2f7a..e8cc087 100644
--- a/components/ui/shot-editor/CharacterToken.tsx
+++ b/components/ui/shot-editor/CharacterToken.tsx
@@ -157,20 +157,20 @@ export function CharacterToken(props: ReactNodeViewProps) {
               <div
                 data-alt="role-item"
                 className={`flex items-center gap-3 p-2 rounded-lg cursor-pointer transition-colors duration-200
-                  ${name === '旁白' ? 'bg-blue-500/20 text-blue-400' : 'hover:bg-white/5 text-gray-200'}`}
-                onClick={() => handleRoleSelect({ name: '旁白', url: '' })}
+                  ${name === 'Voiceover' ? 'bg-blue-500/20 text-blue-400' : 'hover:bg-white/5 text-gray-200'}`}
+                onClick={() => handleRoleSelect({ name: 'Voiceover', url: '' })}
               >
                 <div className="relative">
                   <CircleUserRound
                     className={`w-10 h-10 rounded-full border transition-all duration-200`}
                   />
-                  {name === '旁白' && (
+                  {name === 'Voiceover' && (
                     <div className="absolute -top-1 -right-1 bg-blue-500 rounded-full p-0.5">
                       <Check className="w-3 h-3 text-white" />
                     </div>
                   )}
                 </div>
-                <span className="flex-1">旁白</span>
+                <span className="flex-1">Voiceover</span>
               </div>
             </div>
           </motion.div>