AIMenuController missing @floating-ui/react positioning

[VihangaN]

Problem

AIMenuController does not use @floating-ui/react for positioning. As a result, the menu does not automatically flip or adjust when near the bottom edge of the viewport, unlike other controllers. This can cause the menu to get cut off or appear too close to the edge, leading to a poor user experience.

Proposed Solution

Integrate @floating-ui/react in AIMenuController so the menu automatically adjusts its position based on viewport boundaries, matching the behavior of other controllers.

Workarounds Considered

Manually adjusting menu position via custom CSS or inline styles, which is inconsistent across different screen sizes and viewport changes.

Additional Context

The issue is most noticeable on smaller windows or when the menu is triggered near the bottom of the screen, causing partial visibility or overlap.

Screenshot

[nperez0111]

Thanks for pointing this out @VihangaN, it looks like we have the flip middleware commented out. I'll get this resolved