Lack of feedback during "Ask AI" filter generation when other filters are active

[unrenamed]

Issue Summary

When users apply the "Ask AI" filter while another filter is already active, there is no indication of loading or processing, leaving users uncertain about the filter's status. After pressing "Enter," the filter menu closes immediately without any feedback, and users must wait until the filter appears on the screen to know it was applied.

I must stress that it works fine if there are no active filters — a user sees two skeleton bars below the filter dropdown

Steps to Reproduce

1. Head over Analytics or Events page.
2. Activate any filter option from the filter menu.
3. Now, open the filter again and select the "Ask AI" filter option.
4. Write your prompt and press "Enter" to apply the "Ask AI" filter.
5. Observe the behavior: the filter menu closes immediately, and no loading state is shown.

Expected Behavior

After selecting "Ask AI,"

1. a loading indicator or skeleton should appear to inform users that the filter is being generated. The filter menu should remain open or show feedback until the new filter is ready and displayed on the screen.
2. or, there should be a custom skeleton component that indicates the loading status and shows a user's prompt

Reproduction Video

Screen.Recording.2024-10-25.at.19.50.04.mov

[linear]

ENG-886 Lack of feedback during "Ask AI" filter generation when other filters are active

[unrenamed]

@steven-tey this is not directly related to this ticket, but I wonder if the Filter dropdown and the "Ask AI" option should be available for customers with a billing plan below "Business" at all, since the real-time events table is not even accessible?

[unrenamed]

👋 @steven-tey, just tagging you in case this slipped through.