AI Translation Comments Block for Ark UI

No. BOOK is a phrase book written by hand: four replies in French, Spanish and Japanese, and the block says "Phrase book in this demo; nothing is translated live." The English versions of the customers' comments are typed too. To use a translation service, replace textOf(code, phrase) with a call that returns the reply in the customer's language, show the result in "They will read" before posting, and keep the English original with the posted reply so your team can read the thread.

Add the language code to NAMES and NATIVE, add the customer comment with its code, original text and English version to COMMENTS, and add one entry to BOOK for each phrase in PHRASES (the key is the language code, a dash and the phrase id). A phrase with no entry in a language shows an empty "They will read" cell, so fill every pair before shipping.

Everything. A posted reply is added to a list in the page, shown under its comment and announced as "Posted in French, in this demo. Nothing was sent." In a real app, send the reply in the customer's language, store both texts and the language code, and let a speaker of that language review replies for important accounts.

Each text carries its language (lang), so a screen reader switches voice for the French, Spanish and Japanese. Show English is a toggle button that keeps its name and reports its pressed state; the select is named for the customer it answers ("Reply to Margaux Delisle with"). A missing choice is a message in a line that is always in place, and the status region speaks each choice and each post.

Because the person answering needs to check the question before answering it, and a team that cannot read the original cannot review the thread later. The toggle swaps the two texts in one cell, so the thread keeps its height and your place on the page.

The select fills the width under each comment, the two composer cells stack, and the button goes full width. The thread keeps its own height and scrolls inside the frame.