Concept 01 / 10

Concept 01

AI replaces the quick filters

Once an AI request is applied, the existing quick filters are removed from view and the bar is taken over by AI-derived chips and a session indicator.

Why useful

Strongest commitment to the AI mode — the bar clearly signals the user is now in an AI-driven session.

Key risk

Hides the standard filters and may reduce discoverability of native controls.

Example query

"Near office with breakfast and fitness equipment"

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 · Inline input

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Describe what you need…

›

4 · Typing

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Near office with breakfast and fitness equipment

›

5 · Parsing

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Mapping to supported filters…

›

6 · Applied (bar transformed)

✨ AI sessionIncludes breakfast×Fitness equipment×← Back to standard filters

Not applied (Phase 1): near office

Section B — Static state breakouts

Default state

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Focus on AI Filter

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Input open

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Describe what you need…

Parsing / loading

✨ Parsing…

Applied (transformed bar)

✨ AI sessionBreakfast×Fitness equipment×

Remove one chip → AI set updates

✨ AI sessionBreakfast×

Fitness equipment removed

Exit AI → standard bar restored

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Error / no supported match

✨ AI session

No supported filters matched. Try rephrasing.

Edit request

Near office with breakfast

Section C — Notes & tradeoffs

What changes in the bar: Original quick filters are hidden; bar shows only AI session chip + AI-derived chips + an exit affordance.
Existing pills: Removed from view while AI is active. Restored via 'Back to standard filters'.
AI representation: Dashed-border chips, prefixed by an AI session indicator, individually removable.
Edit / remove: Each chip is removable; entire AI session is dismissible to restore the native bar.
Cross-LOB scaling: Pattern translates well to flights, rail, cars — any LOB with a quick filter bar can adopt the same takeover model.
Unsupported terms: Subtle 'Not applied (Phase 1)' line beneath the bar lists what was ignored.

All concepts

Concept 02: AI adds a second row →