Apartment Hunt Chat Block for React

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. Viewing requests, picks and the comparison live in state. Nothing is sent and no model runs, as the line under the composer says. To wire it for real, send the request from book to your lettings system and replace the LISTINGS array with your listings.

Each listing has a Compare toggle. Two can be chosen at once and a third replaces the oldest. A pure helper builds each table row from the two listings: rent and rent per square metre are marked lower, area and bedrooms higher, and a tie gets no word. The sentence under the table is derived from the same two listings, so no number is typed twice.

It opens a small popover of three typed slots. Choosing one posts a system line in the log, shows the slot on the card and says that nothing was booked. Asking again for the same listing replaces its slot.

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 Compare table has a caption and row headers, the better side is a word and a check glyph, never a color, and Escape closes the slots popover. The avatars are hidden from assistive technology because the name is always in text.

Below the medium breakpoint the Compare pane hides and a Chat and Compare switch under the top bar shows one at a time, with the live count on the second. The window keeps its height and only the log and the pane scroll.