All I did was click the little robot then select fix for a Retool DB query
It looks like the issue is from the parent container of the code textbox not resizing for the prepared statement preview
it's also unable to resize for the AI popup often resulting in everything being covered and unable to view any changes
for the prepared statement preview I was able to fix it by removing the overflow property:
for AI popups I was able to reposition the text input by removing bottom: 4px and adding top: 100%
and for the suggestions popup i changed position to relative and top to 100%
Apologies for this odd issue with the purple AI bot (we named him Tooly, apparently).
So the order of event were, you clicked the robot and then clicked fix and then all the popups were way too big and covered things up.
Did this persist once you closed the query and re-opened it? And the only way to fix it was via custom CSS to re-size everything?
I have only used the AI query building a couple times but it seemed like it was not sized properly but I was able to close out of these windows by clicking around them and closing/re-opening everything.
I can look to reproduce this and use the examples you have to make a FR to change the sizing so users can have a better experience with the AI query tooling!
It looks like the button you would want to click is the 'Esc' in the top right corner of the third image you shared.
It should definitely be given some type of background so that it is easier to see. As it definitely blends in with the text from the "Errors fixed" box.
Clicking back into the code editor should close things out as well.
