Mention Feed

About this block

Mention Feed is the mentions inbox for Avery Stone: five rows where teammates tagged them, each showing the author avatar, the document or task context in bold (Q3 launch plan, ACM-218 performance regression, Onboarding v2 spec), the snippet with @Avery highlighted inline, a timestamp, and a ghost reply button. Two unread rows carry a primary-color dot badge and a muted background tint. A Mark all read button sits in the panel header.

Mentions are one const array; the highlightMention helper splits the snippet on the mention token and wraps it in a muted chip. The footer names the 90-day retention window and points to the full activity log for older items.

When to use

Reach for this block on the mentions tab of an activity or notification center, wired to your mentions endpoint and your read-state store. Wire the reply button to open a composer in the source document.

A natural flow around it on an Application Pro page:

Before

• Live presence bar

After

• Notification settings

What you can display

One strong use is the personal mentions inbox. Other feeds:

• Thread replies. The same shape showing replies to your comments, context is the parent comment not a doc.
• Reactions. Collapsed by emoji type with an aggregate count instead of individual rows.
• Filtered by doc. Scoped to one document, surfaced in a sidebar panel beside the content.

Tip: the highlighted mention token earns its chip, a plain snippet without emphasis makes users scan harder to find why they were tagged.