Design: Agent details page - Agent access token creation for installed Agent

Overview

The Agent details page is the place where a project maintainer can see all the information they require to understand an Agent's purpose, if it deploys manifests as expected, inspect its connectivity status and review the configuration. For security reasons they should also be able to inspect and manage the access tokens created for this agent.

Proposal

If a token has been compromised the project maintainers should be able to revoke the token and create a new token through the UI (this functionality is already available in the CLI).

This issue is a continuation of the design work in Design: Agent details page - Agent top level and access tokens' information and it focuses purely on the token creation experience.

MVC

If we don't have time to implement the creation experience with the modal then for the MVC we will add a link to the documentation linking directly to the section for the token creation and application.

MVC_Agent_details_page-Access_tokens_list-Link_to_token_docs

Complete UX

003__Agent_details_page-Access_tokens_list-Create_token__3_

005__Agent_details_page-Access_tokens_list-Create_token__5_

006__Agent_details_page-Access_tokens_list-Create_token__6_

The "go to documentation" link should open in a separate tab to avoid loosing the access token.

Links

Figma file

Edited by Justin Mandell