Flight Booking Chat Block for Radix UI

Everything. The replies come from a short typed script in this file, picked by words in your message, then one fallback per message and a last line that says it was the last sample reply. The fares, the reference and the reservation are typed or derived here. Nothing is sent and no model runs, as the line under the composer says. To wire it for real, send the choice from reserve to your booking service, price the fare there and replace FLIGHTS and CABINS.

In integer cents. The base is the economy fare times the cabin's percentage, rounded once; taxes are 14% of the base, rounded once; the booking fee is typed; the total is their sum. Nothing divides cents by a hundred before multiplying, so the lines always add up. All figures are examples.

Choosing a flight folds the radio group down to that one flight and shows Show them, which brings all three back without losing your pick. Reserving locks the group, the cabin switch and the button.

Enter sends and Shift and Enter add a line, which the field's description says for a screen reader; Enter during text composition (an IME) is left alone. The field grows with its content up to a limit. Send stays quiet while the field is empty and says so if pressed, and focus stays in the field after sending.

The log is a focusable region announced as a log, so new messages are read out once, and every message starts with a hidden name and time. The flights are native radios in a fieldset, so arrow keys move between them, and every fare line is a term and a value. The avatars are hidden from assistive technology because the name is always in text.

The same single column: flight cards stack their times, connector and fare in one row that still fits at 320 px, and the window keeps its height while only the log scrolls.