Preview the email blast as the client will see it, in the agent's brand #13

GET /listings/:id/email now shows the email blast as a client would see it, in the agent's brand colour. Two new tests pass, along with src/listings.test.ts, src/design.test.ts, src/openapi.test.ts and src/contract.test.ts and the design lint. I didn't run the full suite, the gate or fast scripts, or a type check. The repository has no tsconfig.json, so bun x tsc --noEmit only printed its help text. The "Copy as email" button has never been run in a browser.

What the page shows

• Subject line on top, then the hero photo, address and price.
• A facts strip, the body, and the agent's headshot, name, brokerage, license and contact.
• The Equal Housing Opportunity line.

What changed

• The page is built by the new src/pages/email.ts, with one new route in src/routes.ts.
• The Email tab has a "Preview email" button linking to the page.
• The page uses classes only, so the CSP and security headers are untouched. Images are the app's own and nothing is loaded from a remote host. Every fact is escaped.
• The page copies the flyer's look, with its CSS in static/app.css next to the flyer's.

Copy as email

• The button, in static/listing.js, only appears when the browser supports ClipboardItem; without JS the page still renders.
• It puts the preview on the clipboard as text/html with a text/plain fallback.
• It inlines the computed styles into the HTML and makes photo URLs absolute, because a mail tool ignores our stylesheet.

Choices and omissions

• If the email text ends with the agent's signature block, the page drops it, since the page draws its own signature from the agent's details. It matches on the text starting with the agent's name, so a signature edited into something else would show twice.
• Pasted photos are links to this app, so they only show for recipients who can reach it. Nothing is embedded. Embedding would be a separate change.
• I left contract/openapi.json alone, because the flyer page isn't described there either.
• No contract.json cells changed.

Tests (in src/listings.test.ts)

• The page answers 200 and shows the license, the Equal Housing line and the copy button.
• The CSP header is present, and no remote src or href appears.
• The Email tab links to the page.
• A hostile address is escaped.
• An unknown id returns 404.

README: it now has a "Preview the email" step.

To try it: open any listing, go to the Email tab and click "Preview email". Click "Copy as email" and paste into a mail tool.

🤖 Generated with Claude Code

Closes #6

GET /listings/:id/email now shows the email blast as a client would see it, in the agent's brand colour. Two new tests pass, along with src/listings.test.ts, src/design.test.ts, src/openapi.test.ts and src/contract.test.ts and the design lint. I didn't run the full suite, the gate or fast scripts, or a type check. The repository has no tsconfig.json, so bun x tsc --noEmit only printed its help text. The "Copy as email" button has never been run in a browser.

What the page shows

• Subject line on top, then the hero photo, address and price.
• A facts strip, the body, and the agent's headshot, name, brokerage, license and contact.
• The Equal Housing Opportunity line.

What changed

• The page is built by the new src/pages/email.ts, with one new route in src/routes.ts.
• The Email tab has a "Preview email" button linking to the page.
• The page uses classes only, so the CSP and security headers are untouched. Images are the app's own and nothing is loaded from a remote host. Every fact is escaped.
• The page copies the flyer's look, with its CSS in static/app.css next to the flyer's.

Copy as email

• The button, in static/listing.js, only appears when the browser supports ClipboardItem; without JS the page still renders.
• It puts the preview on the clipboard as text/html with a text/plain fallback.
• It inlines the computed styles into the HTML and makes photo URLs absolute, because a mail tool ignores our stylesheet.

Choices and omissions

• If the email text ends with the agent's signature block, the page drops it, since the page draws its own signature from the agent's details. It matches on the text starting with the agent's name, so a signature edited into something else would show twice.
• Pasted photos are links to this app, so they only show for recipients who can reach it. Nothing is embedded. Embedding would be a separate change.
• I left contract/openapi.json alone, because the flyer page isn't described there either.
• No contract.json cells changed.

Tests (in src/listings.test.ts)

• The page answers 200 and shows the license, the Equal Housing line and the copy button.
• The CSP header is present, and no remote src or href appears.
• The Email tab links to the page.
• A hostile address is escaped.
• An unknown id returns 404.

README: it now has a "Preview the email" step.

To try it: open any listing, go to the Email tab and click "Preview email". Click "Copy as email" and paste into a mail tool.

🤖 Generated with Claude Code

All four review points are addressed in the new commit. The tests for src/listings.test.ts, src/tty.test.ts and src/pages/ pass, and the design lint is clean. I didn't run the full suite or a type check; there is still no tsconfig.json, so tsc only prints its help text.

1. Tests. The new src/pages/email.test.ts covers emailParts:

- the subject split and the signature drop - a signature that is not the agent's is kept - CRLF text reads the same as LF - text with no Subject line

src/listings.test.ts now asserts the subject text on the page. It also asserts the agent's name appears once as visible text and that "The facts:" is gone.

1. Duplication. The facts now appear once, in the strip. emailParts drops the generated "The facts: …" paragraph, and the fine print is just "Equal Housing Opportunity."
2. Terminal door. In src/tty.ts, pressing p on an open listing previews the email as text. esc goes back to the assets, and e and the other editing keys do nothing in the preview. A test in src/tty.test.ts covers it, and the README mentions it.
3. Clipboard.

- "Copy as email" now copies only the message card, in both text/html and text/plain, so the "Subject" label is no longer in the paste. - A new "Copy subject" button copies the subject line apart, for the mail tool's subject box. - The clipboard path has no automated test, because the suite has no browser. Nobody has run it in a browser yet, so check it by hand in the preview.

One thing to know about the page itself: the on-page preview still shows the subject above the card, since the issue asked for the subject line on top. Only the pasted copy leaves it out.