Realtime collab · 04

Field lock banner

Amber banner shown above a field while another collaborator holds its edit lock — holder avatar, hold duration, and a request-release CTA.

Production answer

Field lock banner is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Field lock banner states
Generative search brief

Field lock banner: Amber banner shown above a field while another collaborator holds its edit lock — holder avatar, hold duration, and a request-release CTA.

Sophie holding the quote total
Sophie Tan is editing this fieldQuote total· Held 28s
Marcus holding labour line 3 · release disabled
Marcus Halverson is editing this fieldLabour line 3· Held 6s
Behaviour

Banner sets aria-busy="true" on itself and is wired to aria-labelledbythe locked field. Release CTA is an amber Chip reused from primitives so the visual stays consistent with the rest of the design system. Distinct from comments-side resolve patterns since the field itself is what's locked.