Build a presence-aware document navigation with Tailwind CSS: a slim header with the document title, a save-state indicator (saved / saving / offline), a row of collaborator avatars with colored rings and a '+3' overflow, and a share button. Let hovering an avatar show the person's name and current section, tint the avatar ring amber when someone is idle, and add a subtle pulse on the save indicator while a save is in flight.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。