Merge branch 'bot_ui_floating_intercom' into 'master'

Bot UI: Floating intercom

See merge request postgres-ai/database-lab!873

Author: Bogdan Tsechoev

ui/packages/platform/src/pages/Bot/Command/Command.tsx

@@ -16,6 +16,7 @@ import { theme } from "@postgres.ai/shared/styles/theme";
 import { isMobileDevice } from "../../../utils/utils";
 import { useAiBot } from "../hooks";
 import { ReadyState } from "react-use-websocket";
+import { useFloatingIntercom } from "../../../hooks/useFloatingIntercom";
 
 
 type Props = {
@@ -193,6 +194,11 @@ export const Command = React.memo((props: Props) => {
     setValue('')
   }, [threadId]);
 
+  // Floating intercom.
+  const sendButtonRef = useRef<HTMLButtonElement | null>(null)
+
+  useFloatingIntercom(sendButtonRef)
+
   return (
     <div className={classes.root}>
       <TextField
@@ -216,6 +222,7 @@ export const Command = React.memo((props: Props) => {
         onClick={triggerSend}
         className={classes.iconButton}
         disabled={sendDisabled || value.length === 0}
+        ref={sendButtonRef}
       >
         <SendRoundedIcon />
       </IconButton>