TOC Navigation Components

Customized table-of-contents sidebars used across bearlabs.net pages. These wrap PageTOC from fumadocs-ui and add domain-specific navigation.

Library Sidebar

/library

Combines a month calendar with article filtering by date or week. Article buttons highlight screenshots with amber tint and show category chips.

Jun 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun

Ideas Sidebar

/ideas

Year/month grid plus icon-based project filters. Root projects sit on top; benben and hygge subprojects are grouped below with source-themed colors.

 

Testing Sidebar

/testing

Lists test tasks by date in a compact table and includes an issue navigator for jumping between open/closed issues.

DateTask
2026-06-26Fix login redirect loop
2026-06-25Add dark mode toggle to settings
2026-06-24Optimize image loading on library page

Common patterns

PageTOC wrapper

All sidebars render inside <PageTOC> from fumadocs-ui, giving them consistent sticky behavior.

Router-driven state

Selections update URL search params via useRouter, so filter state is shareable and survives refresh.

Hover context

Library and project sidebars use hover context providers to preview items in the main content area.