Concept 04 / 10

Concept 04

AI preview before apply

Before any filter is applied, the system previews exactly which filters it will set, what it ignored, and asks for explicit confirmation.

Why useful

Maximum trust and reviewability — well-suited to enterprise buyers.

Key risk

Adds an extra confirmation step, slightly slower than direct apply.

Example query

"Quiet hotel with breakfast and parking"

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 · Type request

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Quiet hotel with breakfast and parking

›

4 · Preview panel

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Preview — we found 2 supported filters

Includes breakfastParking

"Quiet" is not supported yet.

ApplyEditCancel

›

5 · Applied + confirmation

All filtersBreakfast×Parking×

✓ Applied 2 supported filters from your requestUndo

Section B — Static state breakouts

Default

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Input

Quiet hotel with breakfast

Preview — collapsed

Preview

2 filters will be applied

Click to expand ▾

Preview — expanded

Preview — 2 supported filters

BreakfastParking

Skipped: "quiet"

ApplyEditCancel

Edit before apply

Hotel with breakfast and parking

Cancel → no change

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Applied + confirmation

All filtersBreakfast×Parking×

✓ Applied 2 supported filtersUndo

Confirmation faded

All filtersBreakfast×Parking×

No supported match

Preview

No supported filters matched.

EditCancel

Section C — Notes & tradeoffs

What changes in the bar: Nothing changes until the user clicks Apply in the preview panel.
Existing pills: Untouched throughout the flow.
AI representation: Dashed AI pills appear only after Apply; preview lives in a popover.
Edit / remove: Edit/Cancel before apply; per-chip remove + Undo banner after apply.
Cross-LOB scaling: Preview pattern reusable for any LOB; ideal for high-stakes flight/hotel bookings.
Unsupported terms: Explicitly listed inside the preview before commit.

← Concept 03: AI translates to standard pills

All concepts

Concept 05: AI summary pill →