Skip to content

feat(website): docs chrome polish (sidebar marks, page header, prev/next)#573

Open
blove wants to merge 8 commits into
mainfrom
claude/docs-chrome-polish
Open

feat(website): docs chrome polish (sidebar marks, page header, prev/next)#573
blove wants to merge 8 commits into
mainfrom
claude/docs-chrome-polish

Conversation

@blove
Copy link
Copy Markdown
Contributor

@blove blove commented Jun 4, 2026

Summary

Carry the branded landing visual language into the docs reading chrome (first of two specs; the LLM markdown export lands separately):

  • LibraryMark — one shared component mapping all 7 libraries to a logo chip (langgraph/ag-ui/a2ui/render → /logos/*.svg) or an in-house glyph chip (chat/licensing/telemetry).
  • Sidebar — library marks in the switcher button + each dropdown option; a hover background on section nav links. Active state stays background-only (no left bar).
  • Branded page header — a DocsPageHeader with the library mark + a mono LIBRARY · SECTION eyebrow above the existing MDX title (no duplication), with a reserved right-side actions slot for the upcoming per-page LLM actions.
  • Prev/Next — hover-lift cards with ← PREVIOUS / NEXT → direction labels.

Includes a follow-up fix: the sidebar nav-link hover was initially defeated by inline-style precedence; resting/active/hover are now all driven by the scoped stylesheet so hover actually applies (verified in-browser).

Spec: docs/superpowers/specs/2026-06-04-docs-chrome-polish-design.md
Plan: docs/superpowers/plans/2026-06-04-docs-chrome-polish.md

Known follow-up (spawned separately)

Card sets border/box-shadow inline, so the data-ui="docs-card" hover only applies translateY (the accent border + elevated shadow don't render) — affects both the landing fork cards and these prev/next cards. To be fixed at the Card level, with the duplicated docs-card <style> blocks consolidated.

Test Plan

  • LibraryMark.spec.tsx — 3/3
  • e2e/docs.spec.ts — 8/8 (sidebar mark, page-header eyebrow, prev/next direction)
  • eslint on changed files — clean
  • Manual browser check: marks, active/hover states, branded header, glyph chips for in-house libs; no console errors
  • CI green

🤖 Generated with Claude Code

blove and others added 8 commits June 4, 2026 10:33
Carry the landing's visual language into the docs reading chrome via a
shared LibraryMark: sidebar switcher marks + nav cleanup (background-only
active/hover, no left bar), a branded page header with a reserved actions
slot, and hover-lift prev/next cards. First of two specs; the LLM
markdown export lands separately.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Inline color/background on the links beat the scoped :hover rule (inline
styles win over stylesheet selectors). Move resting + active + hover
states fully into the scoped stylesheet so the cascade governs hover.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 4, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
threadplane Ready Ready Preview, Comment Jun 4, 2026 10:36pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant