diff --git a/app/pages/settings/SSHKeysPage.tsx b/app/pages/settings/SSHKeysPage.tsx index b3fb59b5d3..ef496fdcea 100644 --- a/app/pages/settings/SSHKeysPage.tsx +++ b/app/pages/settings/SSHKeysPage.tsx @@ -12,6 +12,7 @@ import { Link, Outlet, useNavigate } from 'react-router-dom' import { apiQueryClient, useApiMutation, useApiQueryClient, type SshKey } from '@oxide/api' import { Key16Icon, Key24Icon } from '@oxide/design-system/icons/react' +import { DocsPopover } from '~/components/DocsPopover' import { confirmDelete } from '~/stores/confirm-delete' import { addToast } from '~/stores/toast' import { useColsWithActions, type MenuAction } from '~/table/columns/action-col' @@ -21,6 +22,7 @@ import { buttonStyle } from '~/ui/lib/Button' import { EmptyMessage } from '~/ui/lib/EmptyMessage' import { PageHeader, PageTitle } from '~/ui/lib/PageHeader' import { TableActions } from '~/ui/lib/Table' +import { docLinks } from '~/util/links' import { pb } from '~/util/path-builder' SSHKeysPage.loader = async () => { @@ -79,6 +81,12 @@ export function SSHKeysPage() { <> }>SSH Keys + } + summary="SSH keys are used to securely access VM instances." + links={[docLinks.sshKeys]} + /> diff --git a/app/util/links.ts b/app/util/links.ts index b4d6f73335..83582e2270 100644 --- a/app/util/links.ts +++ b/app/util/links.ts @@ -27,6 +27,7 @@ export const links = { 'https://docs.oxide.computer/guides/architecture/service-processors#_server_sled', snapshotsDocs: 'https://docs.oxide.computer/guides/managing-disks-and-snapshots#_snapshots', + sshKeysDocs: 'https://docs.oxide.computer/guides/user-settings#_ssh_keys', storageDocs: 'https://docs.oxide.computer/guides/architecture/os-hypervisor-storage#_storage', systemIpPoolsDocs: 'https://docs.oxide.computer/guides/operator/ip-pool-management', @@ -86,6 +87,10 @@ export const docLinks = { href: links.snapshotsDocs, linkText: 'Disks and Snapshots', }, + sshKeys: { + href: links.sshKeysDocs, + linkText: 'SSH Keys', + }, storage: { href: links.storageDocs, linkText: 'Storage',