🚀 Init preview and typebot cotext in editor

apps/builder/components/board/graph/BlockNode/StepNode/StepNodeOverlay.tsx

@@ -0,0 +1,28 @@
+import { StackProps, HStack } from '@chakra-ui/react'
+import { Step } from 'bot-engine'
+import { StepIcon } from 'components/board/StepTypesList/StepIcon'
+import { StepContent } from './StepContent'
+
+export const StepNodeOverlay = ({
+  step,
+  ...props
+}: { step: Step } & StackProps) => {
+  return (
+    <HStack
+      p="3"
+      borderWidth="1px"
+      rounded="lg"
+      bgColor="white"
+      cursor={'grab'}
+      pos="fixed"
+      top="0"
+      left="0"
+      w="264px"
+      pointerEvents="none"
+      {...props}
+    >
+      <StepIcon type={step.type} />
+      <StepContent {...step} />
+    </HStack>
+  )
+}