DocTOC

A document table-of-contents for the review surface. Given a flat, reading-order list of headings ({ id, label, level, comments? }), it renders a nested <ol> of anchor links inside a <nav> landmark with scroll-spy. Each section can carry a comment-count badge so reviewers see where discussion is concentrated; badge colors are derived deterministically from the author/section name via an oklch hue rotation off --accent (no hardcoded colors, light/dark automatic). Pass onCommentsClick to make a badge a focusable button that opens its thread. The in-view section is marked aria-current="location"; clicks smooth-scroll (instant under prefers-reduced-motion) and move focus. Forwards a ref to the nav.

Scroll-spy + comment badges — live (scroll the right pane)

open thread: none

Overview

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Scope

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Covered platforms

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Signal semantics

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Terms

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Data retention

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sign-off

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. OCSS carries typed rule payloads inside a two-layer signed envelope so signals move with provenance intact.

Badges with a handler render as buttons (click / Enter / Space → onCommentsClick(id)); the link still scrolls to the heading.

Controlled active section + passive badges (no handler)

activeId = "s-summary"

Flat, no comments (degrades to a plain outline)