merge: 解决合并冲突 - 合并视频流程管道UI、v5样式及新功能模块

src/features/workbench/WorkbenchPage.tsx

@@ -237,7 +237,6 @@ function WorkbenchPage({
   const keepaliveTasksRef = useRef<Record<string, WorkbenchKeepaliveTask>>(readStoredKeepaliveTasks());
   const taskAbortControllersRef = useRef<Map<string, AbortController>>(new Map());
   const lastScrollTopRef = useRef(0);
-  const scrollActionsHideTimerRef = useRef<number | null>(null);
   const shouldFollowNewMessagesRef = useRef(true);
   const pendingScrollToLatestRef = useRef(true);
   const genTracker = useGenerationTasks({ sourceView: "workbench" });
@@ -278,8 +277,6 @@ function WorkbenchPage({
   const [promptSelectionRange, setPromptSelectionRange] = useState({ start: 0, end: 0 });
   const [mentionActiveIndex, setMentionActiveIndex] = useState(0);
   const [composerHidden, setComposerHidden] = useState(false);
-  const [scrollActionsVisible, setScrollActionsVisible] = useState(false);
-  const [scrollActionDirection, setScrollActionDirection] = useState<"top" | "bottom" | null>(null);
   const [workspaceStarted, setWorkspaceStarted] = useState(false);
 
   useEffect(() => {
@@ -448,27 +445,6 @@ function WorkbenchPage({
     "--accent-glow": `0 0 24px rgba(${accentRgb}, 0.22)`,
   } as CSSProperties;
 
-  const revealScrollActionsTemporarily = useCallback((direction: "top" | "bottom") => {
-    setScrollActionDirection(direction);
-    setScrollActionsVisible(true);
-    if (scrollActionsHideTimerRef.current !== null) {
-      window.clearTimeout(scrollActionsHideTimerRef.current);
-    }
-    scrollActionsHideTimerRef.current = window.setTimeout(() => {
-      setScrollActionsVisible(false);
-      setScrollActionDirection(null);
-      scrollActionsHideTimerRef.current = null;
-    }, 950);
-  }, []);
-
-  useEffect(() => {
-    return () => {
-      if (scrollActionsHideTimerRef.current !== null) {
-        window.clearTimeout(scrollActionsHideTimerRef.current);
-      }
-    };
-  }, []);
-
   const scrollMessagesToLatest = useCallback((behavior: ScrollBehavior = "smooth") => {
     const scroll = () => {
       const surface = messagesSurfaceRef.current;
@@ -479,7 +455,6 @@ function WorkbenchPage({
 
       setComposerHidden(false);
       shouldFollowNewMessagesRef.current = true;
-      revealScrollActionsTemporarily("bottom");
       surface.scrollTo({ top: surface.scrollHeight, behavior });
       lastScrollTopRef.current = surface.scrollTop;
     };
@@ -488,7 +463,7 @@ function WorkbenchPage({
       scroll();
       window.setTimeout(scroll, 80);
     });
-  }, [revealScrollActionsTemporarily]);
+  }, []);
 
   const imageSettingGroups = useMemo<WorkbenchFieldGroup[]>(
     () => [
@@ -1026,11 +1001,6 @@ function WorkbenchPage({
               });
               removeKeepaliveTask(task.taskId);
               onRefreshUsage?.();
-              if (status.status === "completed") {
-                import("../../utils/generationNotifier").then((m) =>
-                  m.notifyTaskCompleted(task.mode === "video" ? "视频" : "图片", task.mode as "image" | "video"),
-                );
-              }
               return;
             }
 
@@ -1402,9 +1372,6 @@ function WorkbenchPage({
       const delta = top - lastScrollTopRef.current;
       const atTop = top <= edgeThreshold;
       const atBottom = top + surface.clientHeight >= surface.scrollHeight - edgeThreshold;
-      if (surface.scrollHeight > surface.clientHeight + edgeThreshold && Math.abs(delta) > 1) {
-        revealScrollActionsTemporarily(delta > 0 ? "bottom" : "top");
-      }
       shouldFollowNewMessagesRef.current = atBottom;
       if (atTop || atBottom) {
         setComposerHidden(false);
@@ -1416,7 +1383,7 @@ function WorkbenchPage({
 
     surface.addEventListener("scroll", handleScroll, { passive: true });
     return () => surface.removeEventListener("scroll", handleScroll);
-  }, [hasActivatedWorkspace, revealScrollActionsTemporarily]);
+  }, [hasActivatedWorkspace]);
 
   const scrollMessagesSurface = useCallback((direction: "top" | "bottom") => {
     const surface = messagesSurfaceRef.current;
@@ -1424,9 +1391,8 @@ function WorkbenchPage({
 
     const top = direction === "top" ? 0 : surface.scrollHeight;
     setComposerHidden(false);
-    revealScrollActionsTemporarily(direction);
     surface.scrollTo({ top, behavior: "smooth" });
-  }, [revealScrollActionsTemporarily]);
+  }, []);
 
   const closeToolbarMenus = () => setToolbarMenuId(null);
   const toggleToolbarMenu = (menuId: Exclude<ToolbarMenuId, null>) => {
@@ -3115,13 +3081,10 @@ function WorkbenchPage({
                 {renderComposerToolbar(false, isGenerating)}
               </div>
             </section>
-            <div
-              className={`wb-chat-scroll-actions${scrollActionsVisible ? " is-visible" : ""}${scrollActionDirection ? ` is-${scrollActionDirection}` : ""}`}
-              aria-label="聊天滚动"
-            >
+            <div className="wb-chat-scroll-actions" aria-label="聊天滚动">
               <button
                 type="button"
-                className="wb-chat-scroll-actions__button wb-chat-scroll-actions__button--top"
+                className="wb-chat-scroll-actions__button"
                 title="返回聊天顶部"
                 aria-label="返回聊天顶部"
                 onClick={() => scrollMessagesSurface("top")}
@@ -3130,7 +3093,7 @@ function WorkbenchPage({
               </button>
               <button
                 type="button"
-                className="wb-chat-scroll-actions__button wb-chat-scroll-actions__button--bottom"
+                className="wb-chat-scroll-actions__button"
                 title="到达聊天底部"
                 aria-label="到达聊天底部"
                 onClick={() => scrollMessagesSurface("bottom")}