diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index a0e2898..7c8483f 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -6,16 +6,9 @@ jobs:
   test:
     if: github.event.pull_request.draft == false
     runs-on: ubuntu-latest
-    services:
-      mysql:
-        image: mysql:8.0
-        env:
-          MYSQL_DATABASE: bio-test
-          MYSQL_ROOT_PASSWORD: root
-        ports:
-          - 3306:3306
-        options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=3
     steps:
+      - name: start mysql
+        run: sudo service mysql start
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
diff --git a/app/components/header/HeaderMain.vue b/app/components/header/HeaderMain.vue
index 60d814c..0dbc497 100644
--- a/app/components/header/HeaderMain.vue
+++ b/app/components/header/HeaderMain.vue
@@ -12,19 +12,20 @@ const { crumbs, actions } = useCrumb()
     </template>
     <template #right>
       <div class="flex items-center space-x-2">
-        <header-auth />
+        <header-profile />
         <u-color-mode-button />
       </div>
     </template>
   </u-header>
   <div class="bg-gray-100 dark:bg-gray-950">
     <div class="py-2 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
-      <div class="flex items-center justify-between space-x-2 py-2">
+      <div v-if="crumbs.length" class="flex items-center justify-between space-x-2 py-2">
         <u-breadcrumb :links="crumbs" />
         <u-button-group v-if="actions && actions[0]" :size="actions[0].size">
           <u-button v-for="action in actions" :key="action.label" v-bind="action" @click="action.click" />
         </u-button-group>
       </div>
+      <div v-else class="h-10" />
     </div>
   </div>
 </template>
diff --git a/app/components/header/HeaderAuth.vue b/app/components/header/HeaderProfile.vue
similarity index 57%
rename from app/components/header/HeaderAuth.vue
rename to app/components/header/HeaderProfile.vue
index ed7e711..d4b0f33 100644
--- a/app/components/header/HeaderAuth.vue
+++ b/app/components/header/HeaderProfile.vue
@@ -1,37 +1,30 @@
 <script setup lang="ts">
 const { user, clear } = await useUserSession()
+const { fromLink } = useCrumb()
+
+const logout = async () => {
+  clear()
+  useApi().api('/api/logout')
+  await navigateTo('/')
+}
 const items = [
   [
     {
-      label: '',
+      email: user.value.email,
+      name: user.value.name,
       slot: 'account',
       disabled: true,
     },
   ],
   [
-    {
-      label: 'Tokens',
-      icon: 'i-mdi-key',
-      shortcuts: ['T'],
-      to: '/tokens',
-    },
-    {
-      label: 'Users',
-      icon: 'i-mdi-account-multiple',
-      to: '/users',
-      shortcuts: ['U'],
-      disabled: !user.value?.isAdmin,
-    },
+    { shortcuts: ['T'], ...fromLink('Tokens') },
+    { shortcuts: ['U'], disabled: !user.value.isAdmin, ...fromLink('Users') },
   ],
   [
     {
       label: 'Logout',
       icon: 'i-mdi-logout',
-      click: async () => {
-        clear()
-        useApi().api('/api/logout')
-        await navigateTo('/')
-      },
+      click: logout,
       shortcuts: ['L'],
     },
   ],
@@ -39,17 +32,17 @@ const items = [
 </script>
 
 <template>
-  <u-dropdown v-if="user" :items="items">
+  <u-dropdown :items="items">
     <u-avatar
       :src="user.avatar"
       size="sm"
       icon="i-mdi-account-circle"
       :ui="{ rounded: 'bg-gray-200 dark:bg-gray-800' }"
     />
-    <template #account>
+    <template #account="{ item }">
       <div class="flex flex-col items-start">
-        <div class="font-semibold text-gray-800 dark:text-gray-300">{{ user.name }}</div>
-        <div class="text-sm text-gray-500 dark:text-gray-400">{{ user.email }}</div>
+        <div class="font-semibold text-gray-800 dark:text-gray-300">{{ item.name }}</div>
+        <div class="text-sm text-gray-500 dark:text-gray-400">{{ item.email }}</div>
       </div>
     </template>
   </u-dropdown>
diff --git a/app/composables/crumb.ts b/app/composables/crumb.ts
index b432682..0178357 100644
--- a/app/composables/crumb.ts
+++ b/app/composables/crumb.ts
@@ -1,6 +1,6 @@
 import type { ButtonColor, ButtonSize } from '#ui/types'
 
-import { links } from '~/utils/shared'
+import { type HeaderIconLink, links } from '~/utils/shared'
 
 interface Button {
   label?: string
@@ -22,47 +22,20 @@ const crumbs = ref<HeaderIconLink[]>([])
 const actions = ref<Button[]>([])
 
 export const useCrumb = () => {
-  const action = (button: Button) => {
-    actions.value.push({ ...defaultAction, ...button })
-    return {
-      action,
-    }
-  }
-
-  const add = (label: string) => {
-    links.find(link => link.label === label ? crumbs.value.push(link) : null)
-    return {
-      add,
-      action,
-      // eslint-disable-next-line ts/no-use-before-define
-      custom,
-    }
-  }
-
-  const custom = (link: HeaderIconLink) => {
-    crumbs.value.push(link)
-    return {
-      add,
-      custom,
-      action,
-    }
-  }
-  const init = () => {
+  const set = (...crumbsArg: HeaderIconLink[]) => crumbs.value = crumbsArg
+  const action = (...actionsArg: Button[]) => actions.value = actionsArg.map(action => ({ ...defaultAction, ...action }))
+  const fromLink = (label: string): HeaderIconLink => links.find(link => label === link.label) as HeaderIconLink
+  const clear = () => {
     crumbs.value = []
     actions.value = []
-    return {
-      add,
-      action,
-      custom,
-    }
   }
 
   return {
-    crumbs,
-    actions,
+    set,
     action,
-    add,
-    custom,
-    init,
+    fromLink,
+    actions,
+    crumbs,
+    clear,
   }
 }
diff --git a/app/middleware/auth.global.ts b/app/middleware/auth.global.ts
index c673b05..9746662 100644
--- a/app/middleware/auth.global.ts
+++ b/app/middleware/auth.global.ts
@@ -1,8 +1,6 @@
 export default defineNuxtRouteMiddleware(async (to, _from) => {
   const { loggedIn } = useUserSession()
 
-  useCrumb().init().add('Home')
-
   const gatedRoutes = [
     '/home',
     '/token',
diff --git a/app/pages/history.vue b/app/pages/history.vue
deleted file mode 100644
index b3ec946..0000000
--- a/app/pages/history.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { format } from 'date-fns'
-import type { MetapiResponse } from '~/types/metapi'
-import type { Shot } from '~/types/models'
-
-useCrumb().add('Shots')
-
-const route = useRoute()
-
-const columns = [
-  { label: 'Cartridge', key: 'cartridge' },
-  { label: 'Units', key: 'units' },
-  { label: 'Date', key: 'date' },
-  { label: 'Actions', key: 'actions' },
-]
-
-const { data: shots, refresh } = useFetch<MetapiResponse<Shot[]>>('/api/shot')
-
-const remove = async (id: number) =>
-  await useApi().api(`/api/shot/${id}`, { method: 'DELETE' }).then(refresh)
-</script>
-
-<template>
-  <div>
-    <u-table :columns="columns" :rows="shots?.data">
-      <template #cartridge-data="{ row }">
-        {{ row.cartridge.content }} {{ row.cartridge.mg }}mg {{ row.cartridge.ml }}ml
-      </template>
-      <template #date-data="{ row }">
-        {{ format(row.date, 'eeee - M/d/yy') }}
-      </template>
-      <template #actions-data="{ row }">
-        <u-button icon="i-mdi-trash" color="red" variant="soft" @click="remove(row.id)" />
-      </template>
-    </u-table>
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/app/pages/home.vue b/app/pages/home.vue
index 0a7e128..57c26a3 100644
--- a/app/pages/home.vue
+++ b/app/pages/home.vue
@@ -2,6 +2,8 @@
 import type { Cartridge, Pen } from '@prisma/client'
 import type { MetapiResponse } from '~/types/metapi'
 
+useCrumb().clear()
+
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())
 
 if (!page.value)
diff --git a/app/pages/tokens.vue b/app/pages/tokens.vue
index 9885e4e..6a45da4 100644
--- a/app/pages/tokens.vue
+++ b/app/pages/tokens.vue
@@ -14,6 +14,12 @@ useSeoMeta({
   ogDescription: page.value.description,
 })
 
+const { set, fromLink } = useCrumb()
+set(
+  fromLink('Home'),
+  fromLink('Tokens'),
+)
+
 const { data: tokens, refresh } = await useFetch<MetapiResponse<Token[]>>('/api/token')
 </script>
 
diff --git a/app/pages/users/[user]/equipment.vue b/app/pages/users/[user]/equipment.vue
index 055886d..18bda12 100644
--- a/app/pages/users/[user]/equipment.vue
+++ b/app/pages/users/[user]/equipment.vue
@@ -6,25 +6,20 @@ import type { User } from '~/types/models'
 const route = useRoute()
 const penModal = ref(false)
 const cartridgeModal = ref(false)
-const { data: user } = await useFetch<MetapiResponse<User>>(`/api/user/${route.params.user}`)
+const { data: user } = await useFetch<MetapiResponse<User>>(`/api/all/user/${route.params.user}`)
 
-useCrumb()
-  .custom({
-    label: 'Users',
-    icon: 'i-mdi-account-multiple',
-    to: '/users',
-  },
-  )
-  .custom({
-    label: user.value?.data.name as string,
-    icon: 'i-mdi-account',
-  })
-  .custom({
-    label: 'Equipment',
-    icon: 'i-mdi-medical-bag',
-  })
-  .action({ label: 'Add a Pen', click: () => penModal.value = true })
-  .action({ label: 'Add a Cartridge', click: () => cartridgeModal.value = true })
+const { set, fromLink, action } = useCrumb()
+
+set(
+  fromLink('Home'),
+  fromLink('Users'),
+  { label: user.value?.data.name as string, icon: 'i-mdi-account' },
+  { label: 'Equipment', icon: 'i-mdi-medical-bag' },
+)
+action(
+  { label: 'Add a Pen', click: () => penModal.value = true },
+  { label: 'Add a Cartridge', click: () => cartridgeModal.value = true },
+)
 
 const { data: pens, refresh: penRefresh } = await useFetch<MetapiResponse<Pen[]>>(`/api/user/${route.params.user}/pen`)
 const { data: cartridges, refresh: cartRefresh } = await useFetch<MetapiResponse<Cartridge[]>>(`/api/user/${route.params.user}/cartridge`)
diff --git a/app/pages/users/[user]/history.vue b/app/pages/users/[user]/history.vue
index 979da17..4bc7395 100644
--- a/app/pages/users/[user]/history.vue
+++ b/app/pages/users/[user]/history.vue
@@ -4,22 +4,16 @@ import type { Shot, User } from '~/types/models'
 import type { MetapiResponse } from '~/types/metapi'
 
 const route = useRoute()
-const { data: user } = await useFetch<MetapiResponse<User>>(`/api/user/${route.params.user}`)
-
-useCrumb()
-  .custom({
-    label: 'Users',
-    icon: 'i-mdi-account-multiple',
-    to: '/users',
-  })
-  .custom({
-    label: user.value?.data.name as string,
-    icon: 'i-mdi-account',
-  })
-  .custom({
-    label: 'Shots',
-    icon: 'i-mdi-syringe',
-  })
+const { data: user } = await useFetch<MetapiResponse<User>>(`/api/all/user/${route.params.user}`)
+
+const { set, fromLink } = useCrumb()
+
+set(
+  fromLink('Home'),
+  fromLink('Users'),
+  { label: user.value?.data.name as string, icon: 'i-mdi-account' },
+  fromLink('Shots'),
+)
 
 const columns = [
   { label: 'Cartridge', key: 'cartridge' },
diff --git a/app/pages/users/index.vue b/app/pages/users/index.vue
index c38b6c1..b85a204 100644
--- a/app/pages/users/index.vue
+++ b/app/pages/users/index.vue
@@ -3,7 +3,16 @@ import { formatDistance } from 'date-fns'
 import type { MetapiResponse } from '~/types/metapi'
 import type { User } from '~/types/models'
 
-useCrumb().add('Users')
+const { set, fromLink } = useCrumb()
+
+set(
+  fromLink('Home'),
+  {
+    label: 'Users',
+    icon: 'i-mdi-account-multiple',
+    to: '/users',
+  },
+)
 
 const columns = [
   {
@@ -28,7 +37,7 @@ const columns = [
   },
 ]
 
-const { data: users } = await useFetch<MetapiResponse<User>>('/api/resource/user')
+const { data: users } = await useFetch<MetapiResponse<User>>('/api/all/user')
 </script>
 
 <template>
diff --git a/app/utils/shared.ts b/app/utils/shared.ts
index 965b4b3..9ac999a 100644
--- a/app/utils/shared.ts
+++ b/app/utils/shared.ts
@@ -11,10 +11,19 @@ export const links: HeaderIconLink[] = [
     icon: 'i-heroicons-home',
     to: '/home',
   },
+  {
+    label: 'Tokens',
+    icon: 'i-mdi-key',
+    to: '/tokens',
+  },
+  {
+    label: 'Users',
+    icon: 'i-mdi-account-multiple',
+    to: '/users',
+  },
   {
     label: 'Shots',
     icon: 'i-mdi-syringe',
-    to: '/history',
   },
 ]
 
diff --git a/server/api/[...slug].ts b/server/api/[...slug].ts
index fd6e993..451d816 100644
--- a/server/api/[...slug].ts
+++ b/server/api/[...slug].ts
@@ -30,7 +30,7 @@ routing.apiResource('/pen', router, pen)
 routing.apiResource('/cartridge', router, cartridge)
 routing.apiResource('/shot', router, shot)
 
-routing.apiResource('/resource/user', router, user)
+routing.apiResource('/all/user', router, user)
 routing.apiResource('/user/:user/pen', router, pens)
 routing.apiResource('/user/:user/cartridge', router, cartridges)
 routing.apiResource('/user/:user/shot', router, shots)
diff --git a/test/user.test.ts b/test/user.test.ts
index 751cfce..3bc0ce8 100644
--- a/test/user.test.ts
+++ b/test/user.test.ts
@@ -18,18 +18,18 @@ describe('/api/me and /api/user', async () => {
   })
 
   it ('get /api/user isAdmin: false - 404', async () => {
-    try { await (await actingAs('test@test.com')).get('/api/resource/user') }
+    try { await (await actingAs('test@test.com')).get('/api/all/user') }
     catch (error: any) { expect(error.response.status).toBe(404) }
   })
 
   it ('get /api/user GET', async () => {
-    const response = await (await actingAs('admin@test.com')).get<User[]>('/api/resource/user')
+    const response = await (await actingAs('admin@test.com')).get<User[]>('/api/all/user')
     expect(response.data.length).toBe(2)
   })
 
   it ('get /api/user/:id', async () => {
     const { user, get } = await actingAs('admin@test.com')
-    const response = await get<User>(`/api/resource/user/${user.session.id}`)
+    const response = await get<User>(`/api/all/user/${user.session.id}`)
     expect(response.data.id).toBe(user.session.id.toString())
   })
 })