✨ Introduce bot v2 in builder (#328)

Also, the new engine is the default for updated typebots for viewer

Closes #211

apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNode.tsx

@@ -64,6 +64,7 @@ export const BlockNode = ({
     setFocusedGroupId,
     previewingEdge,
     isReadOnly,
+    previewingBlock,
   } = useGraph()
   const { mouseOverBlock, setMouseOverBlock } = useBlockDnd()
   const { typebot, updateBlock } = useTypebot()
@@ -76,7 +77,10 @@ export const BlockNode = ({
   )
   const blockRef = useRef<HTMLDivElement | null>(null)
 
-  const isPreviewing = isConnecting || previewingEdge?.to.blockId === block.id
+  const isPreviewing =
+    isConnecting ||
+    previewingEdge?.to.blockId === block.id ||
+    previewingBlock?.id === block.id
 
   const onDrag = (position: NodePosition) => {
     if (block.type === 'start' || !onMouseDown) return

apps/builder/src/features/graph/components/Nodes/GroupNode/GroupNode.tsx

@@ -61,6 +61,7 @@ const NonMemoizedDraggableGroupNode = ({
     connectingIds,
     setConnectingIds,
     previewingEdge,
+    previewingBlock,
     isReadOnly,
     focusedGroupId,
     setFocusedGroupId,
@@ -91,6 +92,7 @@ const NonMemoizedDraggableGroupNode = ({
   }, [group.title])
 
   const isPreviewing =
+    previewingBlock?.groupId === group.id ||
     previewingEdge?.from.groupId === group.id ||
     (previewingEdge?.to.groupId === group.id &&
       isNotDefined(previewingEdge.to.blockId))