Feat: Display the agent node running timeline #3221 (#8185)

### What problem does this PR solve?

Feat: Display the agent node running timeline #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/chat/chat-sheet.tsx

@@ -10,16 +10,12 @@ import AgentChatBox from './box';
 
 export function ChatSheet({ hideModal }: IModalProps<any>) {
   return (
-    <Sheet
-      open
-      modal={false}
-      onOpenChange={(open) => {
-        console.log('🚀 ~ ChatSheet ~ open:', open);
-        hideModal();
-      }}
-    >
+    <Sheet open modal={false} onOpenChange={hideModal}>
       <SheetTitle className="hidden"></SheetTitle>
-      <SheetContent className={cn('top-20 p-0')}>
+      <SheetContent
+        className={cn('top-20 p-0')}
+        onInteractOutside={(e) => e.preventDefault()}
+      >
         <SheetHeader>
           <SheetTitle>Are you absolutely sure?</SheetTitle>
         </SheetHeader>