修复 智能输入框 聚焦冲突问题

components/ai-suggestion-bar.tsx

@@ -7,7 +7,7 @@ interface AISuggestionBarProps {
   suggestions: string[];
   onSuggestionClick: (suggestion: string) => void;
   onSubmit: (text: string) => void;
-  onFocus: () => void;
+  onClick: () => void;
   placeholder?: string;
 }
 
@@ -15,7 +15,7 @@ export function AISuggestionBar({
   suggestions,
   onSuggestionClick,
   onSubmit,
-  onFocus,
+  onClick,
   placeholder = "输入你的想法，或点击预设词条获取 AI 建议..."
 }: AISuggestionBarProps) {
   const [inputText, setInputText] = useState('');
@@ -89,7 +89,7 @@ export function AISuggestionBar({
         </motion.div>
       </div>
 
-      <div className="max-w-5xl mx-auto px-6">
+      <div className="max-w-5xl mx-auto px-6" onClick={onClick}>
         {/* 智能预设词条 英文 */}
         <AnimatePresence>
           {showSuggestions && !isCollapsed && (
@@ -179,7 +179,6 @@ export function AISuggestionBar({
               if (isCollapsed) {
                 toggleCollapse();
               }
-              onFocus();
             }}
             onBlur={() => setIsFocused(false)}
             placeholder={isCollapsed ? "点击展开..." : placeholder}

components/pages/work-flow.tsx

@@ -168,7 +168,7 @@ const WorkFlow = React.memo(function WorkFlow() {
               {taskObject.currentStage !== 'final_video' && taskObject.currentStage !== 'script' && (
                 <div className="h-[112px] w-[calc((100vh-6rem-200px)/9*16)]">
                   <ThumbnailGrid
-                    isEditModalOpen={isEditModalOpen}
+                    isDisabledFocus={isEditModalOpen || isPauseWorkFlow}
                     taskObject={taskObject}
                     isLoading={isLoading}
                     currentSketchIndex={currentSketchIndex}
@@ -215,7 +215,7 @@ const WorkFlow = React.memo(function WorkFlow() {
             suggestions={mockSuggestions}
             onSuggestionClick={handleSuggestionClick}
             onSubmit={handleSubmit}
-            onFocus={() => setIsPauseWorkFlow(true)}
+            onClick={() => setIsPauseWorkFlow(true)}
             placeholder="Please input your ideas, or click the predefined tags to receive AI advice..."
           />
         </ErrorBoundary>

components/pages/work-flow/thumbnail-grid.tsx

@@ -8,7 +8,7 @@ import { Loader2, X } from 'lucide-react';
 import { TaskObject } from '@/api/DTO/movieEdit';
 
 interface ThumbnailGridProps {
-  isEditModalOpen: boolean;
+  isDisabledFocus: boolean;
   taskObject: TaskObject;
   isLoading: boolean;
   currentSketchIndex: number;
@@ -22,7 +22,7 @@ interface ThumbnailGridProps {
 }
 
 export function ThumbnailGrid({
-  isEditModalOpen,
+  isDisabledFocus,
   taskObject,
   isLoading,
   currentSketchIndex,
@@ -124,7 +124,7 @@ export function ThumbnailGrid({
   // 监听键盘事件
   useEffect(() => {
     // 组件挂载时自动聚焦
-    if (thumbnailsRef.current && !isEditModalOpen) {
+    if (thumbnailsRef.current && !isDisabledFocus) {
       thumbnailsRef.current.focus();
     }
 
@@ -134,7 +134,7 @@ export function ThumbnailGrid({
 
   // 确保在数据变化时保持焦点
   useEffect(() => {
-    if (thumbnailsRef.current && !isFocused && !isEditModalOpen) {
+    if (thumbnailsRef.current && !isFocused && !isDisabledFocus) {
       thumbnailsRef.current.focus();
     }
   }, [taskObject.currentStage, isFocused]);