Add a few more quick actions

app/pages/project/instances/NetworkingTab.tsx

@@ -45,6 +45,7 @@ import {
   useInstanceSelector,
   useProjectSelector,
 } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmAction } from '~/stores/confirm-action'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
@@ -636,6 +637,53 @@ export default function NetworkingTab() {
   const subnetDisabledReason =
     availableSubnets.length === 0 ? 'No available external subnets' : null
 
+  useQuickActions(
+    () => [
+      ...(!ephemeralDisabledReason
+        ? [
+            {
+              value: 'Attach ephemeral IP',
+              navGroup: 'Actions',
+              action: () => setAttachEphemeralModalOpen(true),
+            },
+          ]
+        : []),
+      ...(!floatingDisabledReason
+        ? [
+            {
+              value: 'Attach floating IP',
+              navGroup: 'Actions',
+              action: () => setAttachFloatingModalOpen(true),
+            },
+          ]
+        : []),
+      ...(instanceCan.updateNic({ runState: instance.runState })
+        ? [
+            {
+              value: 'Add network interface',
+              navGroup: 'Actions',
+              action: () => setCreateModalOpen(true),
+            },
+          ]
+        : []),
+      ...(!subnetDisabledReason
+        ? [
+            {
+              value: 'Attach external subnet',
+              navGroup: 'Actions',
+              action: () => setAttachSubnetModalOpen(true),
+            },
+          ]
+        : []),
+    ],
+    [
+      ephemeralDisabledReason,
+      floatingDisabledReason,
+      instance.runState,
+      subnetDisabledReason,
+    ]
+  )
+
   return (
     <div className="space-y-5">
       <CardBlock>

app/pages/project/instances/StorageTab.tsx

@@ -28,6 +28,7 @@ import { DiskStateBadge, DiskTypeBadge, ReadOnlyBadge } from '~/components/State
 import { AttachDiskModalForm } from '~/forms/disk-attach'
 import { CreateDiskSideModalForm } from '~/forms/disk-create'
 import { getInstanceSelector, useInstanceSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { DiskDetailSideModal } from '~/pages/project/disks/DiskDetailSideModal'
 import { confirmAction } from '~/stores/confirm-action'
 import { addToast } from '~/stores/toast'
@@ -339,6 +340,26 @@ export default function StorageTab() {
     getCoreRowModel: getCoreRowModel(),
   })
 
+  const canAttachDisk = instanceCan.attachDisk(instance)
+  useQuickActions(
+    () =>
+      canAttachDisk
+        ? [
+            {
+              value: 'Attach existing disk',
+              navGroup: 'Actions',
+              action: () => setShowDiskAttach(true),
+            },
+            {
+              value: 'Create disk',
+              navGroup: 'Actions',
+              action: () => setShowDiskCreate(true),
+            },
+          ]
+        : [],
+    [canAttachDisk]
+  )
+
   return (
     <div className="space-y-5">
       <CardBlock>

app/pages/project/vpcs/RouterPage.tsx

@@ -31,6 +31,7 @@ import { MoreActionsMenu } from '~/components/MoreActionsMenu'
 import { routeFormMessage } from '~/forms/vpc-router-route-common'
 import { makeCrumb } from '~/hooks/use-crumbs'
 import { getVpcRouterSelector, useVpcRouterSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmAction } from '~/stores/confirm-action'
 import { addToast } from '~/stores/toast'
 import { TypeValueCell } from '~/table/cells/TypeValueCell'
@@ -176,6 +177,20 @@ export default function RouterPage() {
   // https://github.com/oxidecomputer/omicron/blob/914f5fd7d51f9b060dcc0382a30b607e25df49b2/nexus/src/app/vpc_router.rs#L201-L205
   const canCreateNewRoute = routerData.kind === 'custom'
 
+  useQuickActions(
+    () =>
+      canCreateNewRoute
+        ? [
+            {
+              value: 'Add route',
+              navGroup: 'Actions',
+              action: pb.vpcRouterRoutesNew({ project, vpc, router }),
+            },
+          ]
+        : [],
+    [canCreateNewRoute, project, vpc, router]
+  )
+
   return (
     <>
       <PageHeader>
@@ -205,14 +220,14 @@ export default function RouterPage() {
         <CardBlock.Header title="Routes" description="Rules for directing network traffic">
           {canCreateNewRoute ? (
             <CreateLink to={pb.vpcRouterRoutesNew({ project, vpc, router })}>
-              New route
+              Add route
             </CreateLink>
           ) : (
             <CreateButton
               disabled
               disabledReason={routeFormMessage.noNewRoutesOnSystemRouter}
             >
-              New route
+              Add route
             </CreateButton>
           )}
         </CardBlock.Header>

app/pages/project/vpcs/VpcFirewallRulesTab.tsx

@@ -22,6 +22,7 @@ import {
 import { ListPlusCell } from '~/components/ListPlusCell'
 import { ProtocolBadge } from '~/components/ProtocolBadge'
 import { getVpcSelector, useVpcSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { EnabledCell } from '~/table/cells/EnabledCell'
 import { LinkCell } from '~/table/cells/LinkCell'
@@ -169,6 +170,22 @@ export default function VpcFirewallRulesTab() {
 
   const table = useReactTable({ columns, data: rules, getCoreRowModel: getCoreRowModel() })
 
+  useQuickActions(
+    () => [
+      {
+        value: 'New firewall rule',
+        navGroup: 'Actions',
+        action: pb.vpcFirewallRulesNew(vpcSelector),
+      },
+      ...rules.map((r) => ({
+        value: r.name,
+        navGroup: 'Edit firewall rule',
+        action: pb.vpcFirewallRuleEdit({ ...vpcSelector, rule: r.name }),
+      })),
+    ],
+    [vpcSelector, rules]
+  )
+
   const emptyState = (
     <TableEmptyBox>
       <EmptyMessage

app/pages/project/vpcs/VpcRoutersTab.tsx

@@ -14,6 +14,7 @@ import { api, getListQFn, q, queryClient, useApiMutation, type VpcRouter } from
 import { HL } from '~/components/HL'
 import { routeFormMessage } from '~/forms/vpc-router-route-common'
 import { getVpcSelector, useVpcSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
 import { makeLinkCell } from '~/table/cells/LinkCell'
@@ -103,12 +104,28 @@ export default function VpcRoutersTab() {
   )
 
   const columns = useColsWithActions(staticColumns, makeActions)
-  const { table } = useQueryTable({
+  const { table, query } = useQueryTable({
     query: vpcRouterList({ project, vpc }),
     columns,
     emptyState,
   })
 
+  useQuickActions(
+    () => [
+      {
+        value: 'New router',
+        navGroup: 'Actions',
+        action: pb.vpcRoutersNew({ project, vpc }),
+      },
+      ...(query.data?.items || []).map((r) => ({
+        value: r.name,
+        navGroup: 'Edit router',
+        action: pb.vpcRouterEdit({ project, vpc, router: r.name }),
+      })),
+    ],
+    [project, vpc, query.data]
+  )
+
   return (
     <>
       <div className="mb-3 flex justify-end space-x-2">

app/pages/project/vpcs/VpcSubnetsTab.tsx

@@ -12,6 +12,7 @@ import { Outlet, type LoaderFunctionArgs } from 'react-router'
 import { api, getListQFn, queryClient, useApiMutation, type VpcSubnet } from '@oxide/api'
 
 import { getVpcSelector, useVpcSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
 import { makeLinkCell } from '~/table/cells/LinkCell'
@@ -96,13 +97,29 @@ export default function VpcSubnetsTab() {
     />
   )
 
-  const { table } = useQueryTable({
+  const { table, query } = useQueryTable({
     query: subnetList(vpcSelector),
     columns,
     emptyState,
     rowHeight: 'large',
   })
 
+  useQuickActions(
+    () => [
+      {
+        value: 'New VPC subnet',
+        navGroup: 'Actions',
+        action: pb.vpcSubnetsNew(vpcSelector),
+      },
+      ...(query.data?.items || []).map((s) => ({
+        value: s.name,
+        navGroup: 'Edit VPC subnet',
+        action: pb.vpcSubnetsEdit({ ...vpcSelector, subnet: s.name }),
+      })),
+    ],
+    [vpcSelector, query.data]
+  )
+
   return (
     <>
       <div className="mb-3 flex justify-end space-x-2">

app/pages/settings/SSHKeysPage.tsx

@@ -16,6 +16,7 @@ import { Key16Icon, Key24Icon } from '@oxide/design-system/icons/react'
 import { DocsPopover } from '~/components/DocsPopover'
 import { HL } from '~/components/HL'
 import { makeCrumb } from '~/hooks/use-crumbs'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
 import { makeLinkCell } from '~/table/cells/LinkCell'
@@ -88,6 +89,11 @@ export default function SSHKeysPage() {
       onClick={() => navigate(pb.sshKeysNew())}
     />
   )
+  useQuickActions(
+    () => [{ value: 'Add SSH key', navGroup: 'Actions', action: pb.sshKeysNew() }],
+    []
+  )
+
   const { table } = useQueryTable({ query: sshKeyList, columns, emptyState })
 
   return (

app/pages/system/FleetAccessPage.tsx

@@ -33,6 +33,7 @@ import {
   FleetAccessEditUserSideModal,
 } from '~/forms/fleet-access'
 import { useCurrentUser } from '~/hooks/use-current-user'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
 import { getActionsCol } from '~/table/columns/action-col'
@@ -238,6 +239,17 @@ export default function FleetAccessPage() {
     [fleetPolicy, updatePolicy, me, navigate]
   )
 
+  useQuickActions(
+    () => [
+      {
+        value: 'Add user or group',
+        navGroup: 'Actions',
+        action: () => setAddModalOpen(true),
+      },
+    ],
+    []
+  )
+
   const tableInstance = useReactTable({
     columns,
     data: rows,

app/pages/system/networking/IpPoolPage.tsx

@@ -34,6 +34,7 @@ import { MoreActionsMenu } from '~/components/MoreActionsMenu'
 import { QueryParamTabs } from '~/components/QueryParamTabs'
 import { makeCrumb } from '~/hooks/use-crumbs'
 import { getIpPoolSelector, useIpPoolSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmAction } from '~/stores/confirm-action'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
@@ -272,6 +273,13 @@ function IpRangesTable() {
     ],
     [pool, removeRange]
   )
+  useQuickActions(
+    () => [
+      { value: 'Add range', navGroup: 'Actions', action: pb.ipPoolRangeAdd({ pool }) },
+    ],
+    [pool]
+  )
+
   const columns = useColsWithActions(ipRangesStaticCols, makeRangeActions)
   const { table } = useQueryTable({ query: ipPoolRangeList({ pool }), columns, emptyState })
 
@@ -414,6 +422,13 @@ function LinkedSilosTable() {
 
   const [showLinkModal, setShowLinkModal] = useState(false)
 
+  useQuickActions(
+    () => [
+      { value: 'Link silo', navGroup: 'Actions', action: () => setShowLinkModal(true) },
+    ],
+    []
+  )
+
   const emptyState = (
     <EmptyMessage
       icon={<IpGlobal24Icon />}

app/pages/system/networking/SubnetPoolPage.tsx

@@ -34,6 +34,7 @@ import { MoreActionsMenu } from '~/components/MoreActionsMenu'
 import { QueryParamTabs } from '~/components/QueryParamTabs'
 import { makeCrumb } from '~/hooks/use-crumbs'
 import { getSubnetPoolSelector, useSubnetPoolSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { confirmAction } from '~/stores/confirm-action'
 import { confirmDelete } from '~/stores/confirm-delete'
 import { addToast } from '~/stores/toast'
@@ -231,6 +232,17 @@ function MembersTable() {
     ],
     [subnetPool, removeMember]
   )
+  useQuickActions(
+    () => [
+      {
+        value: 'Add member',
+        navGroup: 'Actions',
+        action: pb.subnetPoolMemberAdd({ subnetPool }),
+      },
+    ],
+    [subnetPool]
+  )
+
   const columns = useColsWithActions(membersStaticCols, makeMemberActions)
   const { table } = useQueryTable({
     query: subnetPoolMemberList({ subnetPool }),
@@ -396,6 +408,13 @@ function LinkedSilosTable() {
 
   const [showLinkModal, setShowLinkModal] = useState(false)
 
+  useQuickActions(
+    () => [
+      { value: 'Link silo', navGroup: 'Actions', action: () => setShowLinkModal(true) },
+    ],
+    []
+  )
+
   const emptyState = (
     <EmptyMessage
       icon={<Subnet24Icon />}

app/pages/system/silos/SiloIdpsTab.tsx

@@ -15,6 +15,7 @@ import { Badge } from '@oxide/design-system/ui'
 import { api, getListQFn, queryClient, type IdentityProvider } from '~/api'
 import { makeCrumb } from '~/hooks/use-crumbs'
 import { getSiloSelector, useSiloSelector } from '~/hooks/use-params'
+import { useQuickActions } from '~/hooks/use-quick-actions'
 import { LinkCell } from '~/table/cells/LinkCell'
 import { Columns } from '~/table/columns/common'
 import { useQueryTable } from '~/table/QueryTable'
@@ -59,6 +60,13 @@ export default function SiloIdpsTab() {
     [silo]
   )
 
+  useQuickActions(
+    () => [
+      { value: 'New provider', navGroup: 'Actions', action: pb.siloIdpsNew({ silo }) },
+    ],
+    [silo]
+  )
+
   const { table } = useQueryTable({
     query: siloIdpList(silo),
     columns,