✨ Add new Jump block

Also improve Select input with a clear button

Closes #186

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

@@ -224,6 +224,7 @@ export const BlockNode = ({
                 align="flex-start"
                 w="full"
                 transition="border-color 0.2s"
+                overflow="hidden"
               >
                 <BlockIcon
                   type={block.type}

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

@@ -39,6 +39,7 @@ import { AudioBubbleNode } from '@/features/blocks/bubbles/audio'
 import { WaitNodeContent } from '@/features/blocks/logic/wait/components/WaitNodeContent'
 import { ScriptNodeContent } from '@/features/blocks/logic/script/components/ScriptNodeContent'
 import { ButtonsBlockNode } from '@/features/blocks/inputs/buttons/components/ButtonsBlockNode'
+import { JumpNodeBody } from '@/features/blocks/logic/jump/components/JumpNodeBody'
 
 type Props = {
   block: Block | StartBlock
@@ -125,6 +126,9 @@ export const BlockNodeContent = ({ block, indices }: Props): JSX.Element => {
     case LogicBlockType.WAIT: {
       return <WaitNodeContent options={block.options} />
     }
+    case LogicBlockType.JUMP: {
+      return <JumpNodeBody options={block.options} />
+    }
     case LogicBlockType.TYPEBOT_LINK:
       return <TypebotLinkNode block={block} />
     case LogicBlockType.CONDITION:

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

@@ -42,6 +42,7 @@ import { MakeComSettings } from '@/features/blocks/integrations/makeCom'
 import { HelpDocButton } from './HelpDocButton'
 import { WaitSettings } from '@/features/blocks/logic/wait/components/WaitSettings'
 import { ScriptSettings } from '@/features/blocks/logic/script/components/ScriptSettings'
+import { JumpSettings } from '@/features/blocks/logic/jump/components/JumpSettings'
 
 type Props = {
   block: BlockWithOptions
@@ -220,6 +221,15 @@ export const BlockSettings = ({
         />
       )
     }
+    case LogicBlockType.JUMP: {
+      return (
+        <JumpSettings
+          groupId={block.groupId}
+          options={block.options}
+          onOptionsChange={handleOptionsChange}
+        />
+      )
+    }
     case IntegrationBlockType.GOOGLE_SHEETS: {
       return (
         <GoogleSheetsSettingsBody

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

@@ -227,6 +227,7 @@ const NonMemoizedDraggableGroupNode = ({
                 bg: editableHoverBg,
               }}
               px="1"
+              noOfLines={2}
               userSelect={'none'}
             />
             <EditableInput minW="0" px="1" className="prevent-group-drag" />