Integration Detail Page

v1.0.0·Added in 1.7.0

One integration's page: an install intro, a drawn screenshot, setup steps, permissions, a facts sidebar, FAQ and related integrations.

The intro shows the integration's tile, a Built by Acme badge, the title and its category tags (each a link back to the directory). Add to Slack pretends an OAuth round trip: the button spins with Connecting while the note reads Waiting for Slack to approve, then it turns into a green Connected pill with Disconnect beside it, a check appears on the tile, the note confirms the workspace and a toast says it is connected; Disconnect reverses it the same way. The install button in the sidebar mirrors the same state, and focus moves to the button that replaces the one you pressed. Below, the overview, a grid of features, numbered setup steps and the permissions requested, an accordion where every row opens to show what the permission is for and its scopes (several can stay open, and the browser's find in page opens the right row). On desktop the sidebar card stays in view while you scroll: facts (developer, category, pricing, installs, version) and links to the docs, privacy policy, terms and support. Then the FAQ, related integrations (each card is one link to /integrations/<slug>) and the closing call to action. Below 1024px the screenshot moves under the intro and the sidebar follows the main column.