Feat: Add the WaitingDialogue operator. #3221 (#7862)

### What problem does this PR solve?

Feat: Add the WaitingDialogue operator. #3221

### Type of change


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

web/src/pages/agent/agent-sidebar.tsx

@@ -21,6 +21,7 @@ import {
   componentMenuList,
   operatorMap,
 } from './constant';
+import { useHandleDrag } from './hooks';
 import OperatorIcon from './operator-icon';
 
 type OperatorItem = {
@@ -28,8 +29,14 @@ type OperatorItem = {
 };
 
 function OperatorCard({ name }: OperatorItem) {
+  const { handleDragStart } = useHandleDrag();
+
   return (
-    <Card className="bg-colors-background-inverse-weak  border-colors-outline-neutral-standard">
+    <Card
+      draggable
+      onDragStart={handleDragStart(name)}
+      className="bg-colors-background-inverse-weak  border-colors-outline-neutral-standard cursor-pointer"
+    >
       <CardContent className="p-2 flex items-center gap-2">
         <OperatorIcon
           name={name}