Skip to content

Conversation

@rgbkrk
Copy link
Member

@rgbkrk rgbkrk commented Feb 4, 2026

Summary

  • Add PresenceBookmarks component for showing real-time user presence on notebook cells
  • Creates stacked avatar display with colored rings based on user's assigned color
  • Shows +N overflow indicator when users exceed configurable limit (default 5)
  • HoverCard displays user details on hover with customizable content via render prop

Checklist

  • Copy and adapt the component removing app-specific hooks
  • Add entry to registry.json with registryDependencies: ["hover-card", "avatar"]
  • Create MDX docs at content/docs/cell/presence-bookmarks.mdx
  • Update content/docs/cell/meta.json navigation
  • Run pnpm run types:check to verify

Test plan

  • Verify avatars render correctly with images and fallback initials
  • Test hover cards show user details
  • Test overflow indicator displays correct count
  • Verify colored rings appear when color prop is set
  • Test renderUserContent customization works

Closes #46

🤖 Generated with Claude Code

Import and adapt PresenceBookmarks from intheloop for real-time
collaboration presence indicators on notebook cells. Shows stacked
user avatars with colored rings and hover cards for user details.

- Accept pre-sorted users array as prop (removed useOrderedCollaboratorInfo)
- Accept getUserColor/getUserInfo via User object (removed useUserRegistry)
- Use render prop for custom hover content
- Includes +N overflow indicator when users exceed limit

Closes #46

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Feb 4, 2026

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

Project Deployment Actions Updated (UTC)
nteract-elements Ready Ready Preview, Comment Feb 4, 2026 7:01am

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.

Sprint 3: Expand primitives, add cell-type styling, and collaboration components

2 participants