[Logs UI] Disable search bar when live stream is on. (#65491)

x-pack/plugins/infra/public/components/autocomplete_field/autocomplete_field.tsx

@@ -26,6 +26,7 @@ interface AutocompleteFieldProps {
   placeholder?: string;
   suggestions: QuerySuggestion[];
   value: string;
+  disabled?: boolean;
   autoFocus?: boolean;
   'aria-label'?: string;
 }
@@ -55,6 +56,7 @@ export class AutocompleteField extends React.Component<
       isValid,
       placeholder,
       value,
+      disabled,
       'aria-label': ariaLabel,
     } = this.props;
     const { areSuggestionsVisible, selectedIndex } = this.state;
@@ -64,6 +66,7 @@ export class AutocompleteField extends React.Component<
         <AutocompleteContainer>
           <FixedEuiFieldSearch
             fullWidth
+            disabled={disabled}
             inputRef={this.handleChangeInputRef}
             isLoading={isLoadingSuggestions}
             isInvalid={!isValid}

x-pack/plugins/infra/public/pages/logs/stream/page_toolbar.tsx

@@ -64,6 +64,7 @@ export const LogsToolbar = () => {
                 isLoadingSuggestions={isLoadingSuggestions}
                 isValid={isFilterQueryDraftValid}
                 loadSuggestions={loadSuggestions}
+                disabled={isStreaming}
                 onChange={(expression: string) => {
                   setSurroundingLogsId(null);
                   setLogFilterQueryDraft(expression);