Chat UI
Complete this chat window with a message list, input area, sending state, and retry on failure—do not hide errors.
Plan a two-day weekend trip, with no more than two places per day.
The message list keeps context: Messages from each role need clear order and distinction. A long conversation must remain scrollable and readable, and new messages should not interrupt someone reading earlier content.
Input and feedback cannot disappear: After send, people need to know work is in progress. Network failures, unsendable content, and interrupted replies require a specific state and a useful next action.
You can say this to an AI Agent
Complete this Chat UI: distinguish both sides in the message list, show pending after sending from the input area, and keep the original message with retry on failure. Do not alter the model prompt or response content. Test successful send, pending, and offline failure states afterward.
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗