The /talk page speaks the home page's language #9704

/talk now looks like the home page: rows with no boxes, and one hairline left.

bun scripts/design-lint.ts, bun x tsc --noEmit and the talk tests (talk-page, talk-conversations, 48 tests) pass. I didn't run the 50 ms warm timing check or try the page with JavaScript off. The markup change is server-rendered and adds no script, so I expect both to hold.

What changed

• Heading: the page heading is now <h1 class="sr-only">Talk</h1>, as on home and feed.
• Conversation list: it is a ul.list of plain rows instead of a bare list.
• Boxes removed:

- The person's message is no longer a bubble; it is right-aligned text. - The held-action Confirm and Cancel no longer sit in a card. - Tool calls and thinking no longer have a bordered <details> box. - The queued message no longer has a dashed border.

• Hairline: the only rule left is above the composer.
• Docs: docs/design/areas/talk.md describes the new shape. There are no new component classes, and src/web/ui.ts is untouched.
• Test: test/talk-page.test.ts asserts the heading, the ul.list conversation list, and that no box CSS remains on .talk-person, .talk-confirm or .talk-tool details. It fails on the old markup (I checked) and passes now.

What I left alone

• Composer position: the composer stays sticky at the bottom of the viewport, as before.
• Conversation list position: the list stays above the log. Moving it below the composer would change the page flow, and the issue didn't ask for that.

Closes #9690

/talk now looks like the home page: rows with no boxes, and one hairline left.

bun scripts/design-lint.ts, bun x tsc --noEmit and the talk tests (talk-page, talk-conversations, 48 tests) pass. I didn't run the 50 ms warm timing check or try the page with JavaScript off. The markup change is server-rendered and adds no script, so I expect both to hold.

What changed

• Heading: the page heading is now <h1 class="sr-only">Talk</h1>, as on home and feed.
• Conversation list: it is a ul.list of plain rows instead of a bare list.
• Boxes removed:

- The person's message is no longer a bubble; it is right-aligned text. - The held-action Confirm and Cancel no longer sit in a card. - Tool calls and thinking no longer have a bordered <details> box. - The queued message no longer has a dashed border.

• Hairline: the only rule left is above the composer.
• Docs: docs/design/areas/talk.md describes the new shape. There are no new component classes, and src/web/ui.ts is untouched.
• Test: test/talk-page.test.ts asserts the heading, the ul.list conversation list, and that no box CSS remains on .talk-person, .talk-confirm or .talk-tool details. It fails on the old markup (I checked) and passes now.

What I left alone

• Composer position: the composer stays sticky at the bottom of the viewport, as before.
• Conversation list position: the list stays above the log. Moving it below the composer would change the page flow, and the issue didn't ask for that.

The gate failed because no commit on the pull had a Try: line. I added an empty commit that has one. bun scripts/gate.ts now passes locally, and I pushed.

The new line reads: "Try: open /talk on the preview signed in; the conversations are plain rows and no turn has a box round it."

No code changed since the last push, so I didn't re-run the tests or tsc.

To try it: sign in on the preview and open /talk. The conversations are plain rows with no box round any turn, tool call or held action, and only the composer has a rule above it. The heading is there for screen readers but not drawn.

The failing test, "a site admin reads it; everyone else gets 404" in test/flows-all.test.ts, was a date problem in the test itself, not in the Talk change. I've fixed it and pushed. It and the Talk page tests pass locally (42 tests); I did not re-run the full suite.

The test fixed its clock at 2026-11-08T12:00Z, but /admin/flows judges "stale" by the real clock. Once the real time passed that mark, all 300 upstream lines counted as stale instead of one. It failed the same way on main merged into this branch.

The fix is one line: NOW in the test is now Date.now(). I touched no page code.

The branch also now has a merge of main, because I merged it to reproduce the failure.

To try it:

• Talk page: open /talk on the preview, signed in. The conversations are plain rows with no box round any turn, and only the composer has a rule above it.
• Flows test fix: open /admin/flows?kind=upstream&stale=1 as an admin. Only the one stale upstream line shows.

I merged main into the branch and pushed. The only conflict was in test/flows-all.test.ts, where main had made the same one-line fix I did (laying the fixtures out from Date.now()). I kept main's version, so my flows test change is gone from the branch.

test/flows-all.test.ts and test/talk-page.test.ts pass after the merge (42 tests). I did not re-run the full suite, because the forge's check does that on push.

To try it: sign in on the preview and open /talk. The conversations are plain rows with no box round any turn, and only the composer has a rule above it.

Both review points are fixed and pushed. test/talk-page.test.ts, tsc, design-lint and gate.ts are clean. I didn't run the rest of the suite; the forge runs it on the push.

What changed since the first push

• CSS assertions: test/talk-page.test.ts now imports talkCss from src/web/pages/talk_client.ts and checks it directly. The stylesheet-href fetch and its .catch(() => "") are gone, so a missing stylesheet can no longer let the CSS checks pass without checking anything.
• New checks on talkCss:

- .talk-person and .talk-confirm rules exist and have no border or background. - .talk-queued exists and has no border-style. - No .talk-tool details rule sets a border. - No .talk-chats ul rule exists.

• Redundant reset: I removed .talk-chats ul { list-style: none; margin: 0; padding: 0 } from src/web/pages/talk_client.ts. ul, ol { list-style: none; padding: 0 } in src/web/style/base.ts already covers it, and .list supplies the row styling. I didn't check what resets margin on ul; I'm assuming it's covered, and the preview is the place to confirm the chat list looks the same.

I haven't checked the 50 ms timing or the JavaScript-off view on the preview, so box 4 stays open as you left it.

🤖 Generated with Claude Code

I merged main into the branch and pushed, so it should merge cleanly again. tsc, design-lint and gate.ts are clean, and the three talk test files pass (65 tests). I did not run the full suite; the forge runs it on the push.

The merge conflicted in three files, and I kept both sides' intent in each:

• src/web/pages/talk.ts: I took main's search form and results list in chats(), and its typed and paged variables. The page body keeps this pull's sr-only h1 and drops the page-head box.
• src/web/pages/talk_client.ts: I took main's version, which adds .talk-turn:target and drops the two .talk-chats li a rules that main's rows made unnecessary. This pull had kept those two rules.
• docs/design/areas/talk.md: I kept main's .talk-queued line and its Search paragraph, plus this pull's #9690 note.

I did not re-check the preview for timing or the JavaScript-off view.

🤖 Generated with Claude Code