🚸 Improve support accessibility

Add documentation button in board menu and hide the support bubble in the editor. Makes it accessible only by clicking the "Help" button

packages/embeds/js/src/features/bubble/components/Bubble.tsx

@@ -28,6 +28,7 @@ export const Bubble = (props: BubbleProps) => {
     'previewMessage',
     'onPreviewMessageClick',
     'theme',
+    'autoShowDelay',
   ])
   const [prefilledVariables, setPrefilledVariables] = createSignal(
     // eslint-disable-next-line solid/reactivity
@@ -47,12 +48,19 @@ export const Bubble = (props: BubbleProps) => {
 
   onMount(() => {
     window.addEventListener('message', processIncomingEvent)
-    const autoShowDelay = bubbleProps.previewMessage?.autoShowDelay
+    const autoShowDelay = bubbleProps.autoShowDelay
+    const previewMessageAutoShowDelay =
+      bubbleProps.previewMessage?.autoShowDelay
     if (isDefined(autoShowDelay)) {
       setTimeout(() => {
-        showMessage()
+        openBot()
       }, autoShowDelay)
     }
+    if (isDefined(previewMessageAutoShowDelay)) {
+      setTimeout(() => {
+        showMessage()
+      }, previewMessageAutoShowDelay)
+    }
   })
 
   onCleanup(() => {

packages/embeds/js/src/features/bubble/types.ts

@@ -1,6 +1,7 @@
 export type BubbleParams = {
   theme?: BubbleTheme
   previewMessage?: PreviewMessageParams
+  autoShowDelay?: number
 }
 
 export type BubbleTheme = {