Email Domain Settings Block for React

Edit DOMAIN and the ENTRIES list at the top: each record has its name, one line on why it matters, the host to publish it at, its value and the sentence for what the mail suffers without it. DMARC's value is built from the chosen policy and the reports address. START holds the stage each record starts in (missing, pending or verified), and POLICIES the three policies with what each does to failing mail. The lead sentence, the cells' lines and the counts are worked out from those, so nothing is typed twice. The DKIM key is a placeholder whose text decodes to a sentence saying so.

Nothing is looked up. The sample answers are typed into the page: each press moves every record that isn't verified one stage forward (missing to pending, pending to verified), so DKIM verifies on the first press and DMARC on the second, and a press when all three are verified says so. The panel says under the cells that checks run against sample answers. To make it real, look the three names up on your server, compare each answer with the value you expect and return a stage for each.

Because the value you publish is no longer the one the check saw. The select rewrites the record's text at once, and if the record had been found the stage drops to Pending and the status line says to check DMARC again; a record that was missing stays missing. The sentence under the title also follows the policy once everything is verified: reported, sent to spam or refused.

Everything. No record is published and nothing is sent; the copy buttons use the real clipboard and copy the text shown. If the clipboard refuses (a page not served over HTTPS), the status line says so and the text can be selected instead. To make it real, create the DKIM key pair on your server and show its real public key, publish the records through your DNS provider or hand them to the customer, and check them on a schedule.

The three cells stack, each keeping its status, line, host and value, and the foot is pinned to the bottom of the screen. Status is always a word beside the dot, every Copy button is named for its record and its part ("Copy SPF TXT host"), the policy select has a visible label, and the status line is a polite live region present from the start. The cells keep their height when a status changes. Long values wrap anywhere instead of scrolling sideways.