✨ Allow user to share a flow publicly and make it duplicatable

Closes #360

apps/builder/src/features/graph/components/nodes/block/BlockNode.tsx

@@ -151,7 +151,7 @@ export const BlockNode = ({
   const handleClick = (e: React.MouseEvent) => {
     setFocusedGroupId(groupId)
     e.stopPropagation()
-    if (isTextBubbleBlock(block)) setIsEditing(true)
+    if (isTextBubbleBlock(block) && !isReadOnly) setIsEditing(true)
     setOpenedBlockId(block.id)
   }
 

apps/builder/src/features/graph/components/nodes/block/BlockNodesList.tsx

@@ -112,11 +112,7 @@ export const BlockNodesList = ({ blocks, groupIndex, groupRef }: Props) => {
   })
 
   return (
-    <Stack
-      spacing={1}
-      transition="none"
-      pointerEvents={isReadOnly ? 'none' : 'auto'}
-    >
+    <Stack spacing={1} transition="none">
       <PlaceholderNode
         isVisible={showSortPlaceholders}
         isExpanded={expandedPlaceholderIndex === 0}

apps/builder/src/features/graph/components/nodes/group/GroupNode.tsx

@@ -227,7 +227,6 @@ const NonMemoizedDraggableGroupNode = ({
             onChange={setGroupTitle}
             onSubmit={handleTitleSubmit}
             fontWeight="semibold"
-            pointerEvents={isReadOnly ? 'none' : 'auto'}
             pr="8"
           >
             <EditablePreview