Editor: Polish real-time collaboration presence UI and move Avatar to editor package#75652

Open

dabowman wants to merge 40 commits intoWordPress:trunkfrom

dabowman:improve/real-time-collaboration-ui-polish

Commits on Feb 26, 2026

Components: Add stories and tests for Avatar and AvatarGroup

dabowman
and
claude
committed
Components: Avatar: Replace `status` string prop with `dimmed` boolean

dabowman
and
claude
committed
Editor: Use Avatar `dimmed` prop for disconnected collaborators

dabowman
and
claude
committed
Editor: Copy avatar color palette into collaborators-overlay

dabowman
and
claude
committed
Components: Avatar: Auto-detect badge text color from borderColor contrast

dabowman
and
claude
committed
Components: Avatar: Add usage guidance to size prop JSDoc

dabowman
and
claude
committed
Components: Avatar: Replace `badge` boolean with `variant` enum prop

dabowman
and
claude
committed
Components: Avatar: Refine dimmed state and move background to badge variant

dabowman
and
claude
committed
Editor: Polish collaborators-presence button states and max avatars

dabowman
and
claude
committed
Editor: Update collaborators list popover to match design

dabowman
and
claude
committed
Editor: Move Avatar and AvatarGroup from components to collaborators-presence

dabowman
and
claude
committed
Editor: Add avatar label above collaborator block highlights

dabowman
and
claude
committed
Editor: Clean up collaborators overlay and presence code for PR

dabowman
and
claude
committed
Editor: Unify collaborator avatar colors across collab-sidebar and overlay

dabowman
and
claude
committed
Editor: Rename Avatar CSS prefix from components- to editor-

dabowman
and
claude
committed
Editor: Clarify overlay block label comment

dabowman
and
claude
committed
Update package-lock.json for colord dependency in editor

dabowman
and
claude
committed
Editor: Address PR review feedback on avatar styles

dabowman
and
claude
committed
Editor: Split overlay iframe styles into dedicated modules

dabowman
and
claude
committed
Editor: Add overflow: hidden fallback for Safari avatar rendering

dabowman
and
claude
committed
Editor: Memoize colord() contrast check and guard role=img in Avatar

dabowman
and
claude
committed
Editor: Refactor useBlockHighlighting to invalidation-token pattern

dabowman
and
claude
committed
Editor: Use theme color variables for collaborators list hover/active

dabowman
and
claude
committed
Editor: Add color name comments to avatar border color palette

dabowman
and
claude
committed
Editor: Internationalize AvatarGroup overflow label

dabowman
and
claude
committed
Editor: Use useCallback instead of useMemo for rerenderAfterDelay

dabowman
and
claude
committed
Editor: Replace hardcoded colors with named constants in Avatar

dabowman
and
claude
committed
Editor: Clarify avatar border color palette comment

dabowman
and
claude
committed
Editor: Deduplicate block highlights by blockId

dabowman
and
claude
committed
Editor: Hoist overlay rect computation out of highlight loop

dabowman
and
claude
committed
Components: Add CHANGELOG entry for Avatar removal

dabowman
and
claude
committed
Editor: Refactor useRenderCursors to invalidation-token pattern

dabowman
and
claude
committed
Editor: Capture ref value in useBlockHighlighting effect cleanup

dabowman
and
claude
committed
Editor: Guard resolveSelection calls against stale Yjs positions

dabowman
and
claude
committed
Editor: Fix Safari avatar rendering with inline backgroundImage

dabowman
and
claude
committed
Editor: Re-add Avatar and AvatarGroup component tests

dabowman
and
claude
committed
Editor: Replace background-image with <img> element and load detection in Avatar

dabowman
and
claude
committed
Editor: Use native img events instead of Image() preloader for Avatar

dabowman
and
claude
committed
Editor: Clean up Avatar review findings

dabowman
and
claude
committed
Editor: Simplify overlay rerender logic

dabowman
and
claude
committed