Recent History Menu Blueprint

About this block

Recent History Menu Blueprint renders the open state of a recently-visited menu inline below a context nav bar with the Recent trigger highlighted. Two groups divide the list: Today (Weekly report, Data pipeline v2, API changelog Jun 12, Reliability review) and Yesterday (Onboarding checklist, Usage dashboard, Batch migration spike). Each row shows the item icon, label, a relative or absolute time in tabular-nums, and a small bordered type chip (View, Project, Document). A footer line reads Showing the last 7 items beside a Clear history ghost button. No Radix Popover or portal is used.

Today and yesterday items are separate typed arrays so the group label and item list compose cleanly via the HistoryGroup helper. The type chip is a plain bordered span, not a Badge, keeping it visually quiet at 10px.

When to use

Reach for this block to preview or document a recently- visited menu feature before wiring it to a real history endpoint. Replace the static arrays with a live recents API call and render the same panel component inside your actual popover trigger.

A natural flow around it on an Application Pro page:

Before

• App shell

After

• Pinned items rail
• Mega menu blueprint

What you can display

One strong use is the recents flyout in a global nav. Other history panels:

• Single group. Just Today for products where Yesterday history is less useful.
• Search history. Same shape with query strings instead of item names and a Search type chip.
• Per-project recents. The same panel scoped to items visited within one project context.

Tip: the type chip is what turns a list of names into a navigable history; without it every row looks the same at a glance.