The header search bar just got a lot more useful. It now serves double duty: showing your current context and letting you search items directly.

Context at a Glance

When you're browsing a dataset, a pill appears in the search bar showing your current location:

┌────────────────────────────────────────────┐
│ [Onebag Travel › Travel Bags ×] Search...  │
└────────────────────────────────────────────┘

The pill tells you both the collection and dataset you're viewing. Click × to temporarily clear it and see the full navigation dropdown. Click anywhere else to restore it.

Search from the Header

Previously, you had to open the sidebar to search items. Now just start typing in the header search bar. Results filter instantly as you type.

Press Enter to "commit" your search term and clear the input-ready for your next search term. This makes building multi-term searches quick: type "osprey", Enter, type "daylite", Enter.

Smart Dropdown

The navigation dropdown now appears only when the search input is empty. Start typing and it hides, letting you focus on finding items. Clear your search to navigate between collections and datasets again.

Mobile Friendly

On smaller screens, the pill shortens to show just the dataset name, saving space. The layout wraps gracefully when needed.

Technical note: The header and finder communicate via custom events (qaya:search and qaya:search-changed). This keeps the components decoupled-the header works on any page, and the finder responds when present.