Team Access Panel

A workspace access panel. The header summarises members with an avatar group, the invite link sits in a copyable input group, and each row carries a grouped multi-select for roles plus a destructive revoke action.

Revoking runs through confirmText, so the person's name has to be typed before the action is allowed. The block renders its own ConfirmDialogProvider.

import { TeamAccessPanel } from "@/components/team-access-panel";

<TeamAccessPanel
  inviteLink="https://app.example.com/invite/9f3c-24ab-71de"
  onMembersChange={(members) => {
    console.log(members);
  }}
/>;

Members and role options ship as a separate data module, so the sample fixture can be swapped for real data without touching the component.