Concept 06

Persistent AI input bar stays open after apply

The AI text input stays visible and editable after applying. Mapped chips render below and update as the user refines the sentence.

Why useful
Conversational and iterative — feels like guided AI search.
Key risk
Uses more vertical space than a standard filter bar.
Example query
"Hotel with restaurant, breakfast, and pool"
Section — Interactive demo · Click ✨ AI Filter to try
Interactive demo · Click ✨ AI Filter to try
All filtersHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Section A — End-to-end interaction flow
1 · Default
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
2 · Click AI Filter
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
3 · Persistent input opens
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Describe what you need…
4 · Typing
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Hotel with restaurant, breakfast, and pool
5 · Applied — chips below
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Hotel with restaurant, breakfast, and pool
Restaurant in hotel×Includes breakfast×Swimming pool×
6 · Refine → chips update
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Hotel with restaurant, breakfast, pool, and gym
Restaurant×Breakfast×Pool×Fitness equipment×
Section B — Static state breakouts
Default
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Input open, empty
Describe…
Cursor active, refining
Hotel with restaurant, breakfast
Chips below input
Hotel with restaurant, breakfast, and pool
RestaurantBreakfastPool
After refinement
…and gym
RestaurantBreakfastPoolFitness equipment
Cleared input
Describe…
All AI chips removed.
Parsing on refine
…and gym
Updating chips…
Remove one chip
Hotel with restaurant, breakfast, and pool
RestaurantPool
Close persistent input
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Section C — Notes & tradeoffs
What changes in the bar
Native bar stays the same; an editable AI input region persists below it.
Existing pills
Untouched.
AI representation
Sentence + dashed chips that recompute on every refinement.
Edit / remove
Edit the sentence directly, remove individual chips, or close the input region.
Cross-LOB scaling
Best for complex multi-criteria queries (e.g., flights with many constraints).
Unsupported terms
Subtle inline hint under the chip row.