aaaaaaa

components/SmartChatBox/SmartChatBox.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useCallback, useState, useEffect } from "react";
-import { ChevronsRight, ChevronDown } from 'lucide-react';
+import { ChevronsRight, ChevronDown, X } from 'lucide-react';
 import { Switch } from 'antd';
 import { MessageRenderer } from "./MessageRenderer";
 import { InputBar } from "./InputBar";
@@ -141,7 +141,7 @@ export default function SmartChatBox({
           />
         </div>
         <div className="text-xs opacity-70">
-          <ChevronsRight 
+          <X 
             className="w-6 h-6 cursor-pointer" 
             onClick={() => setIsSmartChatBoxOpen(false)} 
           />

components/pages/work-flow.tsx

@@ -147,7 +147,7 @@ const WorkFlow = React.memo(function WorkFlow() {
 
       {/* 智能对话按钮 */}
       <div 
-        className="fixed right-[2rem] top-[4rem] z-[49]"
+        className="fixed right-[4rem] bottom-[8rem] z-[49]"
       >
         <Tooltip title="Open chat" placement="left">
           <GlassIconButton

components/pages/work-flow/media-viewer.tsx

@@ -318,6 +318,7 @@ export const MediaViewer = React.memo(function MediaViewer({
       <div
         className="relative w-full h-full rounded-lg overflow-hidden"
         key={`render-video-${taskObject.final.url}`}
+        ref={videoContentRef}
       >
         <div className="relative w-full h-full group">
           {/* 背景模糊的视频 */}
@@ -349,20 +350,16 @@ 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>
+          {/* 编辑和剪辑按钮 */}
+          <div className="absolute top-4 z-[21] flex items-center gap-2 transition-right duration-100" style={{
+            right: toosBtnRight
+          }}>
+            {showGotoCutButton && (
+              <Tooltip placement="top" title='Go to AI-powered editing platform'>
+                <GlassIconButton icon={Scissors} size='sm' onClick={onGotoCut} />
+              </Tooltip>
+            )}
+          </div>
 
           {/* 操作按钮组 */}
           {/* <AnimatePresence>

components/pages/work-flow/use-workflow-data.tsx

@@ -563,7 +563,7 @@ export function useWorkflowData() {
     fallbackToStep,
     originalText: state.originalText,
     // showGotoCutButton: from && currentLoadingText.includes('Post-production') ? true : false,
-    showGotoCutButton: canGoToCut && currentLoadingText.includes('Post-production') ? true : false,
+    showGotoCutButton: canGoToCut ? true : false,
     generateEditPlan
   };
 }