Fix: Fixed the issue where the drop-down box could not be displayed after selecting a large model #9869 (#10205)

### What problem does this PR solve?

Fix: Fixed the issue where the drop-down box could not be displayed
after selecting a large model #9869

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/data-flow/canvas/index.tsx

@@ -30,6 +30,7 @@ import { useBeforeDelete } from '../hooks/use-before-delete';
 import { useMoveNote } from '../hooks/use-move-note';
 import { useDropdownManager } from './context';
 
+import { useRunDataflow } from '../hooks/use-run-dataflow';
 import {
   useHideFormSheetOnNodeDeletion,
   useShowDrawer,
@@ -152,6 +153,8 @@ function DataFlowCanvas({ drawerVisible, hideDrawer }: IProps) {
     hideModal: hideLogSheet,
   } = useSetModalState();
 
+  const { run, loading: running, messageId } = useRunDataflow(showLogSheet!);
+
   const onConnect = (connection: Connection) => {
     originalOnConnect(connection);
     isConnectedRef.current = true;
@@ -300,10 +303,13 @@ function DataFlowCanvas({ drawerVisible, hideDrawer }: IProps) {
       {runVisible && (
         <RunSheet
           hideModal={hideRunOrChatDrawer}
-          showModal={showLogSheet}
+          run={run}
+          loading={running}
         ></RunSheet>
       )}
-      {logSheetVisible && <LogSheet hideModal={hideLogSheet}></LogSheet>}
+      {logSheetVisible && (
+        <LogSheet hideModal={hideLogSheet} messageId={messageId}></LogSheet>
+      )}
     </div>
   );
 }