Translation Relay Chat Block for React

Everything. The eight phrases and their translations are typed in this file, the replies come from a short script, and nothing is sent or translated. To wire it for real, send the text and the sender's language to your translation service on each message, store both lines with the message, and pass them to the same two-line layout; the card already works from "original plus translation".

Eight: Where is the meeting, Thank you, Can you send it today, I will be ten minutes late, Does that work for you, Let's talk tomorrow, The meeting is at ten, and I checked the notes. Six are chips under the field; typing one in full, with or without punctuation, works the same. Anything else is sent as typed and says it has no translation, rather than inventing one.

Because a relay is two-way: people on both sides need to check what was said and what the other person will read. Nothing hides the original, and there is no reading-language switch. The sibling Message Translation block makes the translation a per-message choice instead.

The log is a focusable region announced as a log, every message starts with a hidden sender and time, and the composer's status line announces what each action did. Each translated line carries its own page language so a screen reader pronounces Japanese and Spanish correctly, the chips are buttons in a named group, and they scroll sideways on a narrow screen.

No. Kenji and Marta answer from a short script after a typing line, in their own language with the English under it, and nothing leaves the page, as the line under the composer says.

The same single column. The window keeps its height and only the log scrolls, the chips scroll sideways above the field, and the translation boxes wrap under their bubbles, down to 320 px.