diff --git a/.eslintrc-todo.json b/.eslintrc-todo.json
index e9acb091..3218752a 100644
--- a/.eslintrc-todo.json
+++ b/.eslintrc-todo.json
@@ -553,14 +553,6 @@
         "unused-imports/no-unused-vars": "warn"
       }
     },
-    {
-      "files": [
-        "src/store/modules/contexts.js"
-      ],
-      "rules": {
-        "@typescript-eslint/space-before-function-paren": "warn"
-      }
-    },
     {
       "files": [
         "src/store/modules/documents.js"
@@ -604,14 +596,6 @@
         "@typescript-eslint/comma-dangle": "warn"
       }
     },
-    {
-      "files": [
-        "src/store/plugins/caching/contexts.js"
-      ],
-      "rules": {
-        "no-case-declarations": "warn"
-      }
-    },
     {
       "files": [
         "src/store/plugins/caching/documents.js"
diff --git a/composables/useWorkspaces.ts b/composables/useWorkspaces.ts
new file mode 100644
index 00000000..51410163
--- /dev/null
+++ b/composables/useWorkspaces.ts
@@ -0,0 +1,21 @@
+import { cloneDeep } from 'lodash-es'
+import type { Workspace } from '../src/db/databases/legacy'
+
+export const useWorkspaces = () => {
+  const { db } = useDatabase()
+  const { result: workspaces } = useQuery(() => db.workspaces.orderBy('name').toArray(), [])
+
+  const addWorkspace = async (workspace: Workspace) => {
+    return db.workspaces.add(cloneDeep(workspace))
+  }
+
+  const destroyWorkspace = async (id: string) => {
+    return db.workspaces.delete(id)
+  }
+
+  return {
+    addWorkspace,
+    destroyWorkspace,
+    workspaces,
+  }
+}
diff --git a/package.json b/package.json
index b56ed7e6..843c03b6 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,7 @@
     "@tailwindcss/typography": "^0.5.10",
     "@types/culori": "^2.0.4",
     "@types/file-saver": "^2.0.7",
+    "@types/lodash-es": "^4.17.12",
     "@types/mime-types": "^2.1.4",
     "@types/node": "^18.19.4",
     "@types/remarkable": "^2.0.8",
@@ -84,6 +85,7 @@
     "eslint-generate-todo": "^0.2.0",
     "firebase-tools": "^13.3.1",
     "happy-dom": "^12.10.3",
+    "lodash-es": "^4.17.21",
     "micromark": "^3.1.0",
     "npm-run-all": "^4.1.5",
     "nuxt": "^3.9.0",
diff --git a/pages/menu.vue b/pages/menu.vue
index 4679816c..02d9fccf 100644
--- a/pages/menu.vue
+++ b/pages/menu.vue
@@ -1,11 +1,12 @@
 <script lang="ts" setup>
 import { nanoid } from 'nanoid'
-import CoreLink from '#root/components/CoreLink.vue'
-import ModKKey from '#root/components/ModKKey.vue'
-import TagLink from '#root/components/TagLink.vue'
-import { DEACTIVATE_CONTEXT, SET_CONTEXT_TAGS } from '#root/src/store/actions'
-import { useFiles } from '#root/src/stores/useFiles'
-import { AsyncIterable } from '#root/src/utils/iterables'
+import CoreLink from '/components/CoreLink.vue'
+import ModKKey from '/components/ModKKey.vue'
+import TagLink from '/components/TagLink.vue'
+import { useWorkspaces } from '/composables/useWorkspaces'
+import { DEACTIVATE_CONTEXT, SET_CONTEXT_TAGS } from '/src/store/actions'
+import { useFiles } from '/src/stores/useFiles'
+import { AsyncIterable } from '/src/utils/iterables'
 
 const { user } = useUser()
 const { store } = useVuex()
@@ -19,7 +20,7 @@ const mediumPlus = computed(() => mq.value.mdPlus)
 const experimentalFeaturesEnabled = computed(() => store.state.settings.experimental)
 const context = computed(() => store.state.context)
 const contextTags = computed(() => [...context.value.tags].sort())
-const contexts = computed(() => store.getters.sortedContexts)
+const { workspaces } = useWorkspaces()
 const tags = computed(() => store.getters.tags)
 
 const clearContext = () => {
@@ -200,8 +201,8 @@ const trackCta = () => {
             <TagLink v-for="tag in contextTags" :key="tag" :tag="tag" class="sidebar-link" />
           </div>
         </DashPanel>
-        <DashPanel v-if="contexts.length" class="flex flex-col bg-layer" collapsed label="Workspaces">
-          <button v-for="workspace in contexts" :key="workspace.id" class="sidebar-link w-full" @click="setContext(workspace)">
+        <DashPanel v-if="workspaces.length" class="flex flex-col bg-layer" collapsed label="Workspaces">
+          <button v-for="workspace in workspaces" :key="workspace.id" class="sidebar-link w-full" @click="setContext(workspace)">
             <Icon name="Workspace" />
             <span class="action flex flex-grow items-stretch justify-between ml-2">
               <span>{{ workspace.name }}</span>
diff --git a/pages/workspaces.vue b/pages/workspaces.vue
index f0dbc578..ce9cb0ab 100644
--- a/pages/workspaces.vue
+++ b/pages/workspaces.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { nanoid } from 'nanoid'
-import CoreButton from '#root/components/CoreButton.vue'
-import Tag from '#root/components/Tag.vue'
-import { ADD_CONTEXT, REMOVE_CONTEXT } from '#root/src/store/modules/contexts'
+import CoreButton from '/components/CoreButton.vue'
+import Tag from '/components/Tag.vue'
+import { useWorkspaces } from '/composables/useWorkspaces'
 
 const query = ref('')
 const selectedTags = ref<string[]>([])
@@ -15,9 +15,7 @@ const filteredTags = computed(() => {
   })
 })
 
-const workspaces = computed(() => {
-  return store.getters.sortedContexts
-})
+const { addWorkspace, destroyWorkspace, workspaces } = useWorkspaces()
 
 useHead({ title: 'Workspaces' })
 
@@ -25,12 +23,8 @@ const isTagSelected = (tag: string) => {
   return selectedTags.value.includes(tag)
 }
 
-const removeWorkspace = (workspace: any) => {
-  store.commit(REMOVE_CONTEXT, workspace)
-}
-
-const saveWorkspace = () => {
-  store.commit(ADD_CONTEXT, {
+const saveWorkspace = async () => {
+  await addWorkspace({
     id: nanoid(),
     name: workspaceName.value,
     tags: selectedTags.value,
@@ -69,7 +63,7 @@ onUnmounted(() => {
             <div class="flex items-center flex-wrap gap-2">
               <Tag v-for="tag in workspace.tags" :key="tag" class="p-2 rounded border border-layer">{{ tag }}</Tag>
             </div>
-            <CoreButton class="absolute top-4 right-4" @click="removeWorkspace(workspace)">
+            <CoreButton class="absolute top-4 right-4" @click="destroyWorkspace(workspace.id)">
               <Icon name="Trash" />
             </CoreButton>
           </CoreCard>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 03bb2861..675d8bf6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -124,6 +124,9 @@ importers:
       '@types/file-saver':
         specifier: ^2.0.7
         version: 2.0.7
+      '@types/lodash-es':
+        specifier: ^4.17.12
+        version: 4.17.12
       '@types/mime-types':
         specifier: ^2.1.4
         version: 2.1.4
@@ -178,6 +181,9 @@ importers:
       happy-dom:
         specifier: ^12.10.3
         version: 12.10.3
+      lodash-es:
+        specifier: ^4.17.21
+        version: 4.17.21
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5
@@ -2518,6 +2524,12 @@ packages:
   '@types/linkify-it@3.0.5':
     resolution: {integrity: sha512-yg6E+u0/+Zjva+buc3EIb+29XEg4wltq7cSmd4Uc2EE/1nUVmxyzpX6gUXD0V8jIrG0r7YeOGVIbYRkxeooCtw==}
 
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.7':
+    resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
+
   '@types/long@4.0.2':
     resolution: {integrity: sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==}
 
@@ -13017,6 +13029,12 @@ snapshots:
 
   '@types/linkify-it@3.0.5': {}
 
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.7
+
+  '@types/lodash@4.17.7': {}
+
   '@types/long@4.0.2': {}
 
   '@types/markdown-it@12.2.3':
diff --git a/src/store.js b/src/store.js
index f87c7c38..86aa01cc 100644
--- a/src/store.js
+++ b/src/store.js
@@ -3,14 +3,12 @@ import { isClient } from '#helpers/environment'
 
 // modules
 import authModule from '#root/src/store/modules/auth'
-import contextsModule from '#root/src/store/modules/contexts'
 import documentsModule from '#root/src/store/modules/documents'
 import keybindingsModule from '#root/src/store/modules/keybindings'
 import settingsModule from '#root/src/store/modules/settings'
 import syncModule from '#root/src/store/modules/sync'
 
 // plugins
-import contextsCachingPlugin from '#root/src/store/plugins/caching/contexts'
 import documentsCachingPlugin from '#root/src/store/plugins/caching/documents'
 import keybindingsPlugin from '#root/src/store/plugins/keybindings'
 import settingsCachingPlugin from '#root/src/store/plugins/caching/settings'
@@ -170,14 +168,12 @@ export const store = createStore({
   },
   modules: {
     auth: authModule,
-    contexts: contextsModule,
     documents: documentsModule,
     keybindings: keybindingsModule,
     settings: settingsModule,
     sync: syncModule,
   },
   plugins: [
-    contextsCachingPlugin,
     documentsCachingPlugin,
     keybindingsPlugin,
     settingsCachingPlugin,
diff --git a/src/store/modules/contexts.js b/src/store/modules/contexts.js
deleted file mode 100644
index 7c5bf3cb..00000000
--- a/src/store/modules/contexts.js
+++ /dev/null
@@ -1,37 +0,0 @@
-export const ADD_CONTEXT = 'ADD_CONTEXT'
-export const LOAD_CONTEXT = 'LOAD_CONTEXT'
-export const LOAD_CONTEXTS = 'LOAD_CONTEXTS'
-export const REMOVE_CONTEXT = 'REMOVE_CONTEXT'
-
-export default {
-  state: () => ({
-    all: [],
-  }),
-  getters: {
-    sortedContexts(state, _getters) {
-      return state.all.sort((a, b) => {
-        if (a.name === b.name) return 0
-
-        return a.name < b.name ? -1 : 1
-      })
-    },
-  },
-  mutations: {
-    [ADD_CONTEXT] (state, context) {
-      state.all.push(context)
-    },
-    [LOAD_CONTEXT] (state, context) {
-      state.all.push(context)
-    },
-    [REMOVE_CONTEXT] (state, context) {
-      state.all = state.all.filter(c => c.id !== context.id)
-    },
-  },
-  actions: {
-    [LOAD_CONTEXTS] ({ commit }, contexts) {
-      contexts.forEach((context) => {
-        commit(LOAD_CONTEXT, context)
-      })
-    },
-  },
-}
diff --git a/src/store/modules/keybindings.js b/src/store/modules/keybindings.js
index 3642add0..afd02a3b 100644
--- a/src/store/modules/keybindings.js
+++ b/src/store/modules/keybindings.js
@@ -31,7 +31,7 @@ const makeListener = (keybinding, callback, context) => {
 const makeListeners = (context) => {
   return [
     makeListener('a', () => goTo('/account'), context),
-    makeListener('c', () => goTo('/contexts'), context),
+    makeListener('c', () => goTo('/workspaces'), context),
     makeListener('d', () => goTo('/docs/f/discarded'), context),
     makeListener('e', () => goTo('/force-graph'), context),
     makeListener('n', () => goTo('/docs/new'), context),
diff --git a/src/store/plugins/caching/contexts.js b/src/store/plugins/caching/contexts.js
deleted file mode 100644
index f4c8ab8d..00000000
--- a/src/store/plugins/caching/contexts.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { storage } from '#helpers/storage'
-import { debouncer } from '#root/src/common/debouncer'
-import { unwrap } from '#root/src/common/vue'
-
-import {
-  ADD_CONTEXT,
-  LOAD_CONTEXTS,
-  REMOVE_CONTEXT,
-} from '#root/src/store/modules/contexts'
-
-import { SETTINGS_LOADED } from '#root/src/store/modules/settings'
-
-const cache = storage().instance({ name: 'contexts' })
-
-const { debounce } = debouncer(800)
-
-const find = (state, id) => {
-  return state.contexts.all.find(context => context.id === id)
-}
-
-export default (store) => {
-  store.subscribe(({ type, payload }, state) => {
-    switch (type) {
-      case ADD_CONTEXT:
-        const found = find(state, payload.id)
-
-        if (found) {
-          debounce(found.id, async () => {
-            cache.setItem(found.id, unwrap(found))
-          })
-        }
-
-        break
-      case REMOVE_CONTEXT:
-        cache.removeItem(payload.id)
-        break
-      case SETTINGS_LOADED:
-        // load all contexts from the cache after settings are loaded
-        cache.keys()
-          .then(ids => Promise.all(ids.map(id => cache.getItem(id))))
-          .then(contexts => store.dispatch(LOAD_CONTEXTS, contexts))
-        break
-      default:
-        break
-    }
-  })
-}