Invite the App Setup Integration Block for React

Nothing connects. Pressing the Shine Button, "I've invited it" or Disconnect only changes the block's own state, and the status line says so after every step: nothing is sent to Slack and no channel is read. The scopes, the channel name and the command are the ones a real install of this app would use; wire your own OAuth redirect and a check against your workspace where the demo changes state.

Yes, in outline. An app installed in a workspace is added to a channel by typing /invite @appname there (or from the channel's details, under Integrations). An app without the chat:write.public scope can only post to channels it has joined, which is why the list asks for chat:write alone and the setup invites the app. The scopes shown are the same five as the detail and grid sections.

Checking for the app only makes sense after it is installed. Until the Shine Button has been pressed the check button is marked unavailable and pressing it says why in the status line and moves focus back to the first step's button.

The steps are an ordered list; each heading starts with "Done:" or "To do:" for screen readers, and the number or check in front is decorative. Buttons keep their focus ring and their names. The member list is real text, and the status line is a polite live region present from load.

The header fades up once on load, and the radar pulse in Pursefinch's row turns while the app waits for its invite. With reduced motion the header does not fade and the pulse holds still at 12 o'clock.

On a phone the steps run first and the member list sits under them, full width, with its own rule between the parts. In a right-to-left layout the split and the step rail mirror with the page, while scopes, the channel name and the command keep their own direction.