🚀 Init preview and typebot cotext in editor

apps/builder/components/dashboard/FolderContent.tsx

@@ -1,4 +1,5 @@
-import { DashboardFolder, Typebot } from '.prisma/client'
+import { DashboardFolder } from '.prisma/client'
+import { Typebot } from 'bot-engine'
 import {
   Button,
   Flex,
@@ -133,7 +134,6 @@ export const FolderContent = ({ folder }: Props) => {
             <HStack>
               {folder && <BackButton id={folder.parentFolderId} />}
               <Button
-                colorScheme="gray"
                 leftIcon={<FolderPlusIcon />}
                 onClick={handleCreateFolder}
                 isLoading={isCreatingFolder || isFolderLoading}

apps/builder/components/dashboard/FolderContent/FolderButton.tsx

@@ -148,7 +148,6 @@ export const ButtonSkeleton = () => (
     pos="relative"
     cursor="pointer"
     variant="outline"
-    colorScheme={'gray'}
   >
     <VStack spacing="6" w="full">
       <SkeletonCircle boxSize="45px" />

apps/builder/components/dashboard/FolderContent/TypebotButton.tsx

@@ -11,12 +11,12 @@ import {
 } from '@chakra-ui/react'
 import { useDraggable } from '@dnd-kit/core'
 import { useRouter } from 'next/router'
-import { Typebot } from 'db'
 import { isMobile } from 'services/utils'
 import { MoreButton } from 'components/MoreButton'
 import { ConfirmModal } from 'components/modals/ConfirmModal'
 import { GlobeIcon, ToolIcon } from 'assets/icons'
 import { deleteTypebot, duplicateTypebot } from 'services/typebots'
+import { Typebot } from 'bot-engine'
 
 type ChatbotCardProps = {
   typebot: Typebot
@@ -77,7 +77,6 @@ export const TypebotButton = ({
       display="flex"
       flexDir="column"
       variant="outline"
-      colorScheme="gray"
       color="gray.800"
       w="225px"
       h="270px"

apps/builder/components/dashboard/FolderContent/TypebotButtonOverlay.tsx

@@ -1,6 +1,6 @@
 import { Button, Flex, Text, VStack } from '@chakra-ui/react'
-import { Typebot } from '.prisma/client'
 import { GlobeIcon, ToolIcon } from 'assets/icons'
+import { Typebot } from 'bot-engine'
 
 type Props = {
   typebot: Typebot
@@ -16,7 +16,6 @@ export const TypebotCardOverlay = ({ typebot }: Props) => {
         display="flex"
         flexDir="column"
         variant="outline"
-        colorScheme="gray"
         w="full"
         h="full"
         whiteSpace="normal"