Skip to content

Add keyboard-first search overlay with Cmd+K trigger #75

Description

@Akatenvictor

What

Implement a search overlay accessible from the header that provides instant search across tracks, artists, and collections with keyboard-first interaction.

Why

There is currently no search functionality exposed in the UI. Users need a fast way to find specific audio content without browsing through sections. A keyboard-triggered overlay keeps the experience fluid.

Scope

In: Search overlay with Cmd+K trigger, debounced input, result grouping by type, keyboard navigation of results
Out: Search analytics, search filters/sorting, voice search

Acceptance Criteria

  • Cmd+K or Ctrl+K opens the search overlay from any page
  • Results grouped into Tracks, Artists, Collections sections
  • Arrow keys navigate results, Enter selects, Escape closes
  • Minimum 200ms debounce on API calls
  • Overlay has backdrop blur and focus trap

Technical Context

  • New SearchOverlay component in components/ui/
  • New useSearch hook calling exploreService
  • Should integrate with existing NftCollections and artist data

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions