feat: add double click node to open sidebar

Author: leonardcser

apps/web/src/components/workflow/workflow-builder.tsx

@@ -383,6 +383,11 @@ export function WorkflowBuilder({
     [reactFlowInstance]
   );
 
+  const handleNodeDoubleClick = useCallback((event: React.MouseEvent) => {
+    event.stopPropagation();
+    setIsSidebarVisible(true);
+  }, []);
+
   return (
     <ReactFlowProvider>
       <WorkflowProvider
@@ -405,6 +410,7 @@ export function WorkflowBuilder({
               onConnectStart={readonly ? () => {} : onConnectStart}
               onConnectEnd={readonly ? () => {} : onConnectEnd}
               onNodeClick={handleNodeClick}
+              onNodeDoubleClick={handleNodeDoubleClick}
               onEdgeClick={handleEdgeClick}
               onPaneClick={handlePaneClick}
               onInit={setReactFlowInstance}

apps/web/src/components/workflow/workflow-canvas.tsx

@@ -151,6 +151,7 @@ export interface WorkflowCanvasProps {
     event: React.MouseEvent,
     node: ReactFlowNode<WorkflowNodeType>
   ) => void;
+  onNodeDoubleClick?: (event: React.MouseEvent) => void;
   onEdgeClick: (
     event: React.MouseEvent,
     edge: ReactFlowEdge<WorkflowEdgeType>
@@ -547,6 +548,7 @@ export function WorkflowCanvas({
   onConnectStart,
   onConnectEnd,
   onNodeClick,
+  onNodeDoubleClick,
   onEdgeClick,
   onPaneClick,
   onInit,
@@ -609,6 +611,7 @@ export function WorkflowCanvas({
         onConnectStart={readonly ? () => {} : onConnectStart}
         onConnectEnd={readonly ? () => {} : onConnectEnd}
         onNodeClick={onNodeClick}
+        onNodeDoubleClick={onNodeDoubleClick}
         onEdgeClick={onEdgeClick}
         onPaneClick={onPaneClick}
         nodeTypes={nodeTypes}