Book Recommendation 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 list lives in state and goes nowhere. The books and ratings are examples. Nothing is sent and no model runs, as the line under the composer says. To wire it for real, send the ids from add to your catalog's list endpoint and load BOOKS from it.

The toggles on the cards, the count on the top bar button and the popover's rows all read one array of ids, so adding on a card, removing in the popover and the count never disagree.

As small SVGs from a rounded rectangle, a spine stripe and the title's first letter, in foreground weights. They are decoration; the title and author are always in text.

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 rating is hidden from assistive technology and its score is in text, the toggle names its book, and Escape closes the list popover. The avatars are hidden from assistive technology because the name is always in text.

The same single column: the cover sits beside the facts, the reading list button keeps its count and the window keeps its height while only the log scrolls.