compass icon indicating copy to clipboard operation
compass copied to clipboard

feat(query-bar, aggregations): add visual effect for ai generated fields, aggregations, and loaded events COMPASS-7835

Open Anemy opened this issue 2 months ago • 0 comments

COMPASS-7835

Adds a background flashing effect for when a query is generated or loaded from history. Also for aggregations. As a drive-by I fixed the container background on darkmode for the aggregation editors and made it so a query opened from query history with extra options opens the options tray, similar to what we do with generated queries.

Implementation wise this does add a good bit of code for a visual effect, 2 flags and a clearing method, I'm open to any less intrusive or more minimal implementation ideas.

Here's how it looks:


Query bar

https://github.com/mongodb-js/compass/assets/1791149/f4a000b1-30ae-4654-b972-7f8ad1719fe6

Aggregations

https://github.com/mongodb-js/compass/assets/1791149/428e58c4-d281-464b-bea8-eba9c48f6d69

https://github.com/mongodb-js/compass/assets/1791149/e06fb641-90ec-40f5-9f11-9ad7308432b6

Anemy avatar May 02 '24 03:05 Anemy