fix loading new info

src/components/Assistant/Assistant.tsx

@@ -7,7 +7,7 @@ import { IconCross } from '../../assets/icons';
 import './Assistant.styl';
 import { TextArea } from '../../common/TextArea/TextArea';
 
-export const Assistant: FC<{ onPrompt: (prompt: string) => void }> = observer(({ onPrompt }) => {
+export const Assistant: FC<{ onPrompt: (prompt: string) => void, awaitingSuggestions: boolean }> = observer(({ onPrompt, awaitingSuggestions }) => {
   const [historyValue, setHistoryValue] = useState<string[]>([]);
   const [value, setValue] = useState('');
 
@@ -55,6 +55,7 @@ export const Assistant: FC<{ onPrompt: (prompt: string) => void }> = observer(({
 
   const setValueFromHistory = useCallback((item: string) => {
     setValue(item);
+    onPrompt(item);
     setHistory(item);
   }, [historyValue]);
 
@@ -96,7 +97,9 @@ export const Assistant: FC<{ onPrompt: (prompt: string) => void }> = observer(({
           onChange={setValue}
           onSubmit={onSubmit}
         />
-        <Elem tag="div" name="primary-action">
+        <Elem tag="div" name="primary-action"
+          mod={{ loading: awaitingSuggestions }}
+        >
           <button type="submit">
             <IconSend />
           </button>

src/components/SidePanels/DetailsPanel/DetailsPanel.tsx

@@ -77,7 +77,7 @@ const AssistTab: FC<any> = inject('store')(observer(({ store }) => {
     <Block name={'assistant-panel'}>
       <Elem name="section-tab">
         <Elem name="section-content">
-          <Assistant onPrompt={store.onAssistantPrompt} />
+          <Assistant onPrompt={store.onAssistantPrompt} awaitingSuggestions={store.awaitingSuggestions} />
         </Elem>
       </Elem>
     </Block>

src/stores/AppStore.js

@@ -1,15 +1,6 @@
 /* global LSF_VERSION */
 
-import {
-  destroy,
-  detach,
-  flow,
-  getEnv, getParent,
-  getSnapshot,
-  isRoot,
-  types,
-  walk
-} from 'mobx-state-tree';
+import { destroy, detach, flow, getEnv, getParent, getSnapshot, isRoot, types, walk } from 'mobx-state-tree';
 
 import uniqBy from 'lodash/uniqBy';
 import InfoModal from '../components/Infomodal/Infomodal';
@@ -637,9 +628,11 @@ export default types
     }
 
     async function onAssistantPrompt(prompt) {
+      self.setFlags({ awaitingSuggestions: true });
       const result = await self.events.invoke('assistantPrompt', self, prompt);
 
       self.annotationStore.selected.deserializeResults(result[0]);
+      self.setFlags({ awaitingSuggestions: false });
 
       return result;
     }