ModalSearch: revive modal search with HTMX-compatible navigation for Codex

[reakaleek]

What

• Add a new ModalSearch component (full-screen modal with search, keyboard navigation, and "Ask AI Assistant" integration) to replace the NavigationSearch popover in the Codex header and landing page
• Fix HTMX navigation so search result links swap page content correctly

Why

• The modal search provides a better UX for Codex (centered overlay instead of a popover anchored to the nav)
• HTMX-boosted links inside portals require the anchor elements to remain in the DOM during the full request/response/swap cycle — the modal now uses a two-phase close (CSS hide on htmx:beforeSend, full unmount on htmx:afterSwap) to keep the anchors alive while HTMX reads hx-select-oob

Notes

• The ask-ai:ask custom event handler in useAskAiFlyout enables the modal's "Tell me more about {query}" button to open the AI assistant with a pre-filled question
• The landing page search trigger is now a styled button that dispatches modal-search:open instead of embedding the NavigationSearch component directly

Recording

cursorful-video-1772108671567.mp4

Made with Cursor