compass
compass copied to clipboard
feat(query-bar, aggregations): add visual effect for ai generated fields, aggregations, and loaded events COMPASS-7835
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