List and delete my access tokens

OMICRON_VERSION

@@ -1 +1 @@
-80e992229b52cecb517a59a0f686f8916549343f
+8ca0aa3a78af86898b93b1114e57464b3c73dc30

app/components/DocsPopover.tsx

@@ -36,6 +36,7 @@ export const DocsPopoverLink = ({ href, linkText }: DocsPopoverLinkProps) => (
 )
 
 type DocsPopoverProps = {
+  /** Lower case because it appears as "Learn about ..." */
   heading: string
   icon: JSX.Element
   links: Array<DocsPopoverLinkProps>

app/layouts/ProjectLayoutBase.tsx

@@ -70,7 +70,7 @@ export function ProjectLayoutBase({ overrideContentPane }: ProjectLayoutProps) {
           { value: 'VPCs', path: pb.vpcs(projectSelector) },
           { value: 'Floating IPs', path: pb.floatingIps(projectSelector) },
           { value: 'Affinity Groups', path: pb.affinity(projectSelector) },
-          { value: 'Access', path: pb.projectAccess(projectSelector) },
+          { value: 'Project Access', path: pb.projectAccess(projectSelector) },
         ]
           // filter out the entry for the path we're currently on
           .filter((i) => i.path !== pathname)
@@ -118,7 +118,7 @@ export function ProjectLayoutBase({ overrideContentPane }: ProjectLayoutProps) {
             <Affinity16Icon /> Affinity Groups
           </NavLinkItem>
           <NavLinkItem to={pb.projectAccess(projectSelector)}>
-            <Access16Icon /> Access
+            <Access16Icon /> Project Access
           </NavLinkItem>
         </Sidebar.Nav>
       </Sidebar>

app/layouts/SettingsLayout.tsx

@@ -8,7 +8,12 @@
 import { useMemo } from 'react'
 import { useLocation, useNavigate } from 'react-router'
 
-import { Folder16Icon, Key16Icon, Profile16Icon } from '@oxide/design-system/icons/react'
+import {
+  Access16Icon,
+  Folder16Icon,
+  Key16Icon,
+  Profile16Icon,
+} from '@oxide/design-system/icons/react'
 
 import { TopBar } from '~/components/TopBar'
 import { makeCrumb } from '~/hooks/use-crumbs'
@@ -31,6 +36,7 @@ export default function SettingsLayout() {
         [
           { value: 'Profile', path: pb.profile() },
           { value: 'SSH Keys', path: pb.sshKeys() },
+          { value: 'Access Tokens', path: pb.accessTokens() },
         ]
           // filter out the entry for the path we're currently on
           .filter((i) => i.path !== pathname)
@@ -61,6 +67,9 @@ export default function SettingsLayout() {
           <NavLinkItem to={pb.sshKeys()}>
             <Key16Icon /> SSH Keys
           </NavLinkItem>
+          <NavLinkItem to={pb.accessTokens()}>
+            <Access16Icon /> Access Tokens
+          </NavLinkItem>
         </Sidebar.Nav>
       </Sidebar>
       <ContentPane />