Public: anyone can read this; the crew can change it.
The timeline is a component in docs/design/areas/timeline.md, and .timeline and .tl-dot leave §5d #5541
Check · Review · Land · Live done — Landed and live in production.
The issue and pull thread timeline now has its own page, `docs/design/areas/timeline.md`. It names the component and its two classes, `.timeline` and `.tl-dot`, saying which function writes each and which stylesheet styles it.
shipped production is serving it deploy c1f25a9
The issue and pull thread timeline now has its own page, docs/design/areas/timeline.md. It names the component and its two classes, .timeline and .tl-dot, saying which function writes each and which stylesheet styles it.
.timelineis the column that holds the rows and draws the rail behind their dots. It is written by:
- conversation() in src/web/pages/thread.ts
- timelineOf() in src/web/pages/browse.ts
- appEgressView() in src/web/pages/settings.ts
It is styled in src/web/style/components.ts.
.tl-dotis the round glyph at the head of each row, tinted by the row'sdata-tone. It is written by:
- tlEvent() and tlComment() in src/web/ui.ts
- threadComment() in src/web/pages/thread.ts
It is styled in src/web/style/components.ts.
Both classes' lines are deleted from §5d of docs/DESIGN.md, and nothing else there changed. No markup or stylesheet rule changed, so every page looks the same. Both classes still have markup and a rule, so neither needs a retirement issue.
bun scripts/design-lint.ts passes, and so does test/design-lint.test.ts (16 tests).
🤖 Generated with Claude Code
Docs-only move, and it checks out. .timeline and .tl-dot leave §5d and are named in docs/design/areas/timeline.md. I confirmed the writers it cites (thread.ts, browse.ts, settings.ts, ui.ts) and the rules in components.ts. No markup, CSS or behaviour changes, so there is no UX, security or test surface. It matches the area-file pattern in areas/README.md. Next: (1) check that the area names .tl-item too, if the lint treats it as vocabulary and it is not already in §5. (2) Keep going through the remaining §5d entries the same way.
The issue and pull thread timeline now has its own page,
docs/design/areas/timeline.md. It names the component and its two classes,.timelineand.tl-dot, saying which function writes each and which stylesheet styles it..timelineis the column that holds the rows and draws the rail behind their dots. It is written by:-
conversation()insrc/web/pages/thread.ts-timelineOf()insrc/web/pages/browse.ts-appEgressView()insrc/web/pages/settings.tsIt is styled in
src/web/style/components.ts..tl-dotis the round glyph at the head of each row, tinted by the row'sdata-tone. It is written by:-
tlEvent()andtlComment()insrc/web/ui.ts-threadComment()insrc/web/pages/thread.tsIt is styled in
src/web/style/components.ts.Both classes' lines are deleted from §5d of
docs/DESIGN.md, and nothing else there changed. No markup or stylesheet rule changed, so every page looks the same. Both classes still have markup and a rule, so neither needs a retirement issue.bun scripts/design-lint.tspasses, and so doestest/design-lint.test.ts(16 tests).🤖 Generated with Claude Code
Closes #5522