From 58b57d3492af80ee52739624afa7ee60b13a05bf Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Tue, 30 Sep 2025 16:21:56 -0600
Subject: [PATCH] interaction behavior

---
 .../input/BusterChatInput/BusterChatInputBase.tsx   |  1 +
 .../MentionInputSuggestions.tsx                     | 13 +++++++++++--
 .../MentionInputSuggestions.types.ts                |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/features/input/BusterChatInput/BusterChatInputBase.tsx b/apps/web/src/components/features/input/BusterChatInput/BusterChatInputBase.tsx
index f43d90f13..dc67590c0 100644
--- a/apps/web/src/components/features/input/BusterChatInput/BusterChatInputBase.tsx
+++ b/apps/web/src/components/features/input/BusterChatInput/BusterChatInputBase.tsx
@@ -132,6 +132,7 @@ export const BusterChatInputBase: React.FC<BusterChatInputProps> = React.memo(
           ref={mentionInputSuggestionsRef}
           inputContainerClassName="px-5 pt-4"
           inputClassName="text-md"
+          behavior="open-on-focus"
         >
           <BusterChatInputButtons
             onSubmit={onSubmitPreflight}
diff --git a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.tsx b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.tsx
index 1d1db0573..b6d3b0f5a 100644
--- a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.tsx
+++ b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.tsx
@@ -49,17 +49,22 @@ export const MentionInputSuggestions = forwardRef<
       //mentions
       onMentionItemClick,
       mentions,
+      behavior = 'default',
     }: MentionInputSuggestionsProps,
     ref
   ) => {
     const [hasClickedSelect, setHasClickedSelect] = useState(false);
+    const [hasInteracted, setHasInteracted] = useState(behavior === 'default');
     const [value, setValue] = useState(valueProp ?? defaultValue);
 
     const commandListNavigatedRef = useRef(false);
     const commandRef = useRef<HTMLDivElement>(null);
     const mentionsInputRef = useRef<MentionInputRef>(null);
 
-    const showSuggestionList = !hasClickedSelect && suggestionItems.length > 0;
+    const showSuggestionList =
+      behavior === 'default'
+        ? !hasClickedSelect && suggestionItems.length > 0
+        : hasInteracted && suggestionItems.length > 0;
 
     const onChangeInputValue: MentionInputProps['onChange'] = useCallback(
       (d) => {
@@ -68,8 +73,9 @@ export const MentionInputSuggestions = forwardRef<
         onChange?.(d);
         commandListNavigatedRef.current = false;
         setHasClickedSelect(false);
+        setHasInteracted(true);
       },
-      [onChange, setHasClickedSelect]
+      [onChange, setHasClickedSelect, setHasInteracted]
     );
 
     //Exported: this is used to change the value of the input from outside the component
@@ -183,6 +189,9 @@ export const MentionInputSuggestions = forwardRef<
           )}
           shouldFilter={shouldFilter}
           filter={filter || customFilter}
+          onClick={() => {
+            setHasInteracted(true);
+          }}
         >
           <MentionInputSuggestionsContainer className={inputContainerClassName}>
             <MentionInputSuggestionsMentionsInput
diff --git a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.types.ts b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.types.ts
index fd8dcdd2c..986210cb1 100644
--- a/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.types.ts
+++ b/apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestions.types.ts
@@ -86,6 +86,7 @@ export type MentionInputSuggestionsProps<T = string> = {
   inputContainerClassName?: string;
   suggestionsContainerClassName?: string;
   inputClassName?: string;
+  behavior?: 'default' | 'open-on-focus';
 } & Pick<React.ComponentProps<typeof Command>, 'filter' | 'shouldFilter'>;
 
 export type MentionInputSuggestionsRef = {