Implements Cmd+F (Mac) and Ctrl+F (Windows/Linux) keyboard shortcuts to focus the search field in the extension popup, improving user experience and accessibility.

Changes Made

SearchBox Component

• Converted to forwardRef component with useImperativeHandle to expose a focus() method
• Added input ref for programmatic focus control
• Maintained all existing styling and functionality

MainScreen Component

• Added keyboard event listener for Cmd+F/Ctrl+F detection
• Integrated ref to SearchBox for focus control
• Added support for focus requests from detail view transitions

IndexPopup Component

• Added global keyboard handler for detail view scenario
• When in detail view, Cmd+F navigates back to main screen and focuses search
• Coordinates focus timing to ensure smooth transitions

Behavior

• Main screen: Cmd+F/Ctrl+F immediately focuses the search input
• Detail view: Cmd+F/Ctrl+F returns to main screen and focuses search
• Cross-platform: Works on Mac (Cmd+F) and Windows/Linux (Ctrl+F)
• Non-intrusive: Prevents browser's default search dialog from appearing

Screenshots

Before pressing Cmd+F:

After pressing Cmd+F and typing:

The search field becomes focused with a blue border and users can immediately start typing their search query.

Fixes the requirement to focus the search field when pressing Cmd+F in the UI.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.