🚸 (editor) Add graph gesture notification

apps/builder/src/components/Toaster.tsx

@@ -0,0 +1,33 @@
+import { colors } from '@/lib/theme'
+import { useColorMode, useColorModeValue } from '@chakra-ui/react'
+import { Toaster as SonnerToaster } from 'sonner'
+
+export const Toaster = () => {
+  const { colorMode } = useColorMode()
+  const theme = useColorModeValue(
+    {
+      bg: undefined,
+      actionBg: colors.blue[500],
+      actionColor: undefined,
+    },
+    {
+      bg: colors.gray[900],
+      actionBg: colors.blue[400],
+      actionColor: 'white',
+    }
+  )
+  return (
+    <SonnerToaster
+      theme={colorMode}
+      toastOptions={{
+        actionButtonStyle: {
+          backgroundColor: theme.actionBg,
+          color: theme.actionColor,
+        },
+        style: {
+          backgroundColor: theme.bg,
+        },
+      }}
+    />
+  )
+}

apps/builder/src/components/icons.tsx

@@ -643,3 +643,11 @@ export const XCircleIcon = (props: IconProps) => (
     <path d="m9 9 6 6" />
   </Icon>
 )
+
+export const LightBulbIcon = (props: IconProps) => (
+  <Icon viewBox="0 0 24 24" {...featherIconsBaseProps} {...props}>
+    <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" />
+    <path d="M9 18h6" />
+    <path d="M10 22h4" />
+  </Icon>
+)