From 787529fa18b30f2d804d5f7a52d2aac4ef4f4a6e 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, 31 Aug 2025 02:11:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E5=92=8C=E5=AA=92=E4=BD=93=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E5=99=A8=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=AE=8C=E6=88=90=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=A0=87=E7=AD=BE=EF=BC=8C=E8=B0=83=E6=95=B4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/top-bar.tsx                   |  5 +++--
 components/pages/work-flow/media-viewer.tsx     | 17 ++++++++++++++++-
 components/pages/work-flow/task-info.tsx        | 12 +-----------
 .../pages/work-flow/use-workflow-data.tsx       | 15 ++++++++-------
 4 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/components/layout/top-bar.tsx b/components/layout/top-bar.tsx
index 5331f58..0aee37e 100644
--- a/components/layout/top-bar.tsx
+++ b/components/layout/top-bar.tsx
@@ -207,7 +207,7 @@ export function TopBar({ collapsed }: { collapsed: boolean }) {
         </div>
 
         {isLogin ? (
-          <div className="flex items-center space-x-4">
+          <div className="flex items-center space-x-2">
             {/* Pricing Link */}
             {pathname === "/" ? (
               <div
@@ -263,6 +263,7 @@ export function TopBar({ collapsed }: { collapsed: boolean }) {
                 data-alt="user-menu-trigger"
                 style={{
                   background: "unset !important",
+                  padding: "unset !important",
                 }}
               >
                 <div className="h-10 w-10 rounded-full bg-[#C73BFF] flex items-center justify-center text-white font-semibold">
@@ -320,7 +321,7 @@ export function TopBar({ collapsed }: { collapsed: boolean }) {
                             </div>
 
                             {/* 操作按钮区域 */}
-                            <div className="flex-1 flex flex-row justify-center items-end space-x-2 pb-2">
+                            <div className="flex-1 flex flex-row justify-center items-end">
                               <button
                                 className="flex-1 bg-transparent border border-white/30 text-white text-xs py-0.5 h-6 rounded hover:bg-white/10 transition-colors"
                                 onClick={() => {
diff --git a/components/pages/work-flow/media-viewer.tsx b/components/pages/work-flow/media-viewer.tsx
index 5c67ca4..428a73e 100644
--- a/components/pages/work-flow/media-viewer.tsx
+++ b/components/pages/work-flow/media-viewer.tsx
@@ -349,6 +349,21 @@ export const MediaViewer = React.memo(function MediaViewer({
             {memoizedFinalVideoElement}
           </motion.div>
 
+          {/* 完成状态标签 */}
+          <motion.div
+            initial={{ opacity: 0, y: -20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ delay: 0.8, duration: 0.6 }}
+            className="absolute top-4 left-4 z-20"
+          >
+            <div className="px-3 py-1.5 rounded-lg bg-white/10 backdrop-blur-md border border-white/20 shadow-lg">
+              <div className="flex items-center gap-2">
+                <div className="w-2 h-2 rounded-full bg-emerald-500"></div>
+                <span className="text-sm font-medium text-white">completed</span>
+              </div>
+            </div>
+          </motion.div>
+
           {/* 操作按钮组 */}
           {/* <AnimatePresence>
             <motion.div
@@ -467,7 +482,7 @@ export const MediaViewer = React.memo(function MediaViewer({
             }}>
               {/* 添加到chat去编辑 按钮 */}
               <Tooltip placement="top" title="Edit video with chat">
-                <GlassIconButton icon={Video} size='sm' text="Edit with chat" onClick={() => {
+                <GlassIconButton icon={Edit3} size='sm' onClick={() => {
                   const currentVideo = taskObject.videos.data[currentSketchIndex];
                   if (currentVideo && currentVideo.urls && currentVideo.urls.length > 0 && setVideoPreview) {
                     setVideoPreview(currentVideo.urls[0], currentVideo.video_id);
diff --git a/components/pages/work-flow/task-info.tsx b/components/pages/work-flow/task-info.tsx
index bde835d..4b99c26 100644
--- a/components/pages/work-flow/task-info.tsx
+++ b/components/pages/work-flow/task-info.tsx
@@ -249,17 +249,7 @@ export function TaskInfo({
       />
       
       {currentLoadingText === 'Task completed' ? (
-        <motion.div 
-          className="flex items-center gap-3 justify-center"
-          initial={{ opacity: 0, y: -10 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.5 }}
-        >
-          <div className="flex items-center gap-2">
-            <CheckCircle className="w-5 h-5 text-emerald-500" />
-            <span className="text-emerald-500 font-medium">{currentLoadingText}</span>
-          </div>
-        </motion.div>
+        <></>
       ) : (
         <motion.div 
           className="flex items-center gap-2 justify-center"
diff --git a/components/pages/work-flow/use-workflow-data.tsx b/components/pages/work-flow/use-workflow-data.tsx
index c2d8840..4b8137f 100644
--- a/components/pages/work-flow/use-workflow-data.tsx
+++ b/components/pages/work-flow/use-workflow-data.tsx
@@ -114,15 +114,16 @@ export function useWorkflowData() {
   }, [taskObject.currentStage]);
 
   const generateEditPlan = useCallback(async () => {
-    // await getGenerateEditPlan({ project_id: episodeId });
-    window.open(`https://smartcut.huiying.video/ai-editor/${episodeId}?token=${token}&user_id=${useid}`, '_blank');
+    window.open(`https://smartcut.huiying.video/ai-editor/${episodeId}?token=${token}&user_id=${useid}`, '_target');
   }, [episodeId]);
 
-  // useEffect(() => {
-  //   if (!from && canGoToCut) {
-  //     generateEditPlan();
-  //   }
-  // }, [canGoToCut]);
+  useEffect(() => {
+    if (!from && canGoToCut && taskObject.status !== 'COMPLETED') {
+      getGenerateEditPlan({ project_id: episodeId }).then(() => {
+        generateEditPlan();
+      });
+    }
+  }, [canGoToCut, taskObject.status]);
 
 
   useUpdateEffect(() => {