Refine the component library and Lab documentation UI

[BunsDev]

Summary

• Align the Library with shadcn documentation conventions while preserving OpenCoven branding, neutral docs backgrounds, original widths, and compact-only sizing.
• Center search in a slimmer header, simplify navigation and preview chrome, and improve code readability and inline search recovery.
• Add shareable Library-to-Lab scene links with mounted draft preservation and accessible keyboard navigation.
• Bundle licensed Cave fonts and extend responsive, visual, and interaction coverage.

Validation

• 37 targeted catalog and specimen tests passed.
• Targeted formatting, ESLint, type checking, production build, and 60 architecture contracts passed.
• 25 production visual scenarios and nine mobile scenarios passed, including 200% text, RTL, source overlays, and viewport-fit Lab scenes.
• Desktop search is centered with zero measured horizontal offset; header is 53px including its border.

Public package and registry defaults remain unchanged.

[vercel]

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

Project	Deployment	Actions	Updated
opencoven-ui	Ready	Preview	Sep 11, 2026 11:52am UTC
ui	Error		Sep 11, 2026 11:52am UTC

[Copilot]

🟢 Approval recommended

No unresolved blocking issues were identified, and the supplied assessments indicate approval readiness.

Pull request overview

Refines the component library’s Library/Lab documentation UI with OpenCoven styling, improved navigation and search, shareable Lab scenes, bundled fonts, and expanded validation.

Changes:

• Refreshes responsive layouts, typography, themes, and preview controls.
• Adds search recovery, permalinks, and hash-synchronized Lab scenes.
• Expands visual, mobile, contract, and interaction coverage.

File summaries

File	Summary
scripts/zoom-probe.mjs	Updates visual inspection probes.
scripts/visual-review.mjs	Expands navigation, search, layout, contrast, and font audits.
scripts/verify-contracts.mjs	Updates specimen architecture contracts.
scripts/mobile-quality-review.mjs	Adds mobile heading checks.
README.md	Documents the refreshed UI and scene links.
public/fonts/jetbrains-mono/OFL.txt	Adds JetBrains Mono licensing information.
public/fonts/inter/OFL.txt	Adds Inter licensing information.
public/fonts/eb-garamond/OFL.txt	Adds EB Garamond licensing information.
packages/ui/tests/specimens.test.tsx	Tests Lab scenes and preview behavior.
packages/ui/tests/catalog-navigation.test.tsx	Tests search, navigation, themes, links, and accessibility.
apps/specimens/src/specimens.css	Refreshes Library layout and documentation styling.
apps/specimens/src/specimens-fixes.css	Updates responsive safeguards.
apps/specimens/src/main.tsx	Loads the Coven theme.
apps/specimens/src/lab.tsx	Adds hash-based Lab scene navigation.
apps/specimens/src/lab.css	Refreshes Lab presentation styling.
apps/specimens/src/lab-scenes.ts	Centralizes Lab scene metadata.
apps/specimens/src/coven-theme.css	Defines Coven colors and bundled fonts.
apps/specimens/src/component-preview.tsx	Simplifies preview and source tabs.
apps/specimens/src/app.tsx	Refines catalog structure, search, themes, and links.
apps/specimens/index.html	Adds font preloads and theme initialization.

Review details

• Files reviewed: 20/23 changed files
• Comments generated: 0
• Review effort level: Lite

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.