Sonarist project

Sonarist / Design system

Documentation v1.0.0 · Work in progress · UI prototype with separate server foundations

Design system contents

Patterns

Configure teammate access

Explain intended access inheritance while keeping role classification and billing seats separate.

On this page

User goal

Explain intended access inheritance while keeping role classification and billing seats separate.

Workflow

Workflow
StepExpected behavior
1Open Team and identify Active, Invited and Owner records.
2Edit a non-owner teammate or open Add teammate.
3Choose work classification independently of scope.
4Grant a company, a product, or specific inboxes.
5Read inherited descendants and their disabled state.
6Save access or prepare an invitation locally.

Decision and composition rules

  • Company grant includes nested products/inboxes.
  • Product grant includes nested inboxes.
  • Owner always sees the workspace.
  • Active and invited members count toward sample billing regardless of scope.

Edge cases and recovery

  • Parent selection disables descendants without deleting their explicit local selections.
  • Source save/invite only closes with toast.
  • No authentication, permission enforcement, email invitation or durable membership change is verified.

Persistence boundary

The demonstrated frontend uses local React state or static fixtures. Read the readiness topic before connecting these actions to authenticated persistence. A visible toast, badge or timer is not a server acknowledgement.

Source references

Source references
FileResponsibility
components/views/team-view.tsxHierarchy and local draft
components/views/billing-settings.tsxSeat counting

Examples from the app

Actual Sonarist components with fictional conversations, people, example.com addresses and simulated operational states. Captured at 2× resolution or higher. Select an image to inspect it full size.

Team · Screen · Light · Desktop · 2880 × 2000 px
Team Access · Component detail · Light · Desktop · Inherited Full Content · 1152 × 2004 px

Source audit: 2026-10-08 · Revision 10f45d1377b5 · Documentation v1.0.0