News Digest Chat Block for React

All of it. The four digests are typed in this file, the outlets are made up and the summaries are written for the demo, as the card says. Saved stories live in the block's state, and the bot's replies come from a short script keyed on the topic words. Nothing is fetched. To wire it for real, post the topic to your feed service where post is called, append its stories as a digest card, and persist the saved ids where save sets state.

The Save toggle and the Saved popover read one list. Pressing Save adds the story, pressing it again or choosing Remove in the popover takes it off, and the count on the top bar's button follows. Two stories are saved when the page opens. The line under the composer says how many are saved after each change, and a screen reader announces it.

Each posts "Show me" and the topic as your message, waits for the typing line and lands a reply with a digest of four stories on that topic. They are turned off while a reply is on its way, so replies never cross. Typing a word such as "money" or "science" in the field does the same.

One extra sentence per story in a fold under its summary. The fold is inert while closed, so it cannot be tabbed into, and its button names the outlet for a screen reader.

Yes. The log is a focusable region announced as a log, every message starts with a hidden name and time, each digest is an article with a heading, the stories are a list, and Save and Remove carry the headline as hidden text. Pressed state is a fill and the word, not a color alone.

The window keeps its height and only the log scrolls. The Saved button stays in the top bar, the story rows stack and the topic buttons wrap above the field, down to 320 px wide.