⚡ Better error toast when previewing bot

Closes #475

apps/builder/src/features/preview/components/WebPreview.tsx

@@ -1,8 +1,8 @@
+import { WebhookIcon } from '@/components/icons'
 import { useEditor } from '@/features/editor/providers/EditorProvider'
 import { useTypebot } from '@/features/editor/providers/TypebotProvider'
 import { useGraph } from '@/features/graph/providers/GraphProvider'
 import { useToast } from '@/hooks/useToast'
-import { UseToastOptions } from '@chakra-ui/react'
 import { Standard } from '@typebot.io/react'
 import { ChatReply } from '@typebot.io/schemas'
 
@@ -15,7 +15,17 @@ export const WebPreview = () => {
 
   const handleNewLogs = (logs: ChatReply['logs']) => {
     logs?.forEach((log) => {
-      showToast(log as UseToastOptions)
+      showToast({
+        icon: <WebhookIcon />,
+        title: 'An error occured',
+        description: log.description,
+        details: log.details
+          ? {
+              lang: 'json',
+              content: JSON.stringify(log.details, null, 2),
+            }
+          : undefined,
+      })
       console.error(log)
     })
   }