From 8980f4c4c4c9c624290b7b319cc7b205e0e6cfb4 Mon Sep 17 00:00:00 2001
From: Antoine Nguyen <tonio@ngyn.org>
Date: Sat, 25 Jan 2025 18:08:31 +0100
Subject: [PATCH] Added contacts plugin into core.

No more module federation at the moment, it does not seem very stable
yet.
---
 docker-compose.yml                            |  12 +-
 docker/Dockerfile.dev                         |   1 -
 docker/Dockerfile.front.dev                   |   2 +-
 frontend/package.json                         |   1 -
 frontend/src/api/contacts.js                  |  28 +
 .../src/components/contacts/CategoryForm.vue  | 106 +++
 .../contacts/ContactCategoriesForm.vue        |  78 ++
 .../src/components/contacts/ContactForm.vue   | 254 ++++++
 .../src/components/contacts/ContactList.vue   | 178 +++++
 .../src/components/contacts/EmailField.vue    |  65 ++
 .../components/contacts/PhoneNumberField.vue  |  60 ++
 frontend/src/components/shared/AppsMenu.vue   |   3 -
 frontend/src/components/shared/NavBar.vue     |  16 +-
 frontend/src/components/shared/UserMenu.vue   |  26 +-
 .../src/layouts/account/AccountLayout.vue     |  33 +
 frontend/src/layouts/admin/AdminLayout.vue    | 119 +++
 .../src/layouts/connected/ConnectedLayout.vue | 147 +---
 frontend/src/layouts/user/UserLayout.vue      |  10 +
 frontend/src/router/index.js                  |  43 +-
 frontend/src/stores/auth.store.js             |   4 +-
 frontend/src/stores/contacts.store.js         |  20 +
 frontend/src/stores/global.store.js           |   6 +-
 frontend/src/stores/index.js                  |   2 +
 frontend/src/stores/layout.store.js           |  20 +
 frontend/src/views/contacts/AddressBook.vue   |  89 +++
 .../src/views/login/LoginCallbackView.vue     |   6 +-
 frontend/vite.config.js                       |  20 +-
 frontend/yarn.lock                            | 744 ++++++------------
 modoboa/contacts/__init__.py                  |   1 +
 modoboa/contacts/apps.py                      |   8 +
 modoboa/contacts/constants.py                 |  25 +
 modoboa/contacts/factories.py                 |  80 ++
 modoboa/contacts/forms.py                     |  59 ++
 modoboa/contacts/handlers.py                  |  65 ++
 modoboa/contacts/importer/__init__.py         |  35 +
 .../contacts/importer/backends/__init__.py    |  58 ++
 modoboa/contacts/importer/backends/outlook.py |  53 ++
 modoboa/contacts/lib/__init__.py              |   0
 modoboa/contacts/lib/carddav.py               | 423 ++++++++++
 .../contacts/locale/br/LC_MESSAGES/django.po  |  99 +++
 .../contacts/locale/en/LC_MESSAGES/django.po  |  93 +++
 .../contacts/locale/es/LC_MESSAGES/django.po  |  99 +++
 .../contacts/locale/fr/LC_MESSAGES/django.po  |  95 +++
 .../contacts/locale/it/LC_MESSAGES/django.po  |  99 +++
 .../locale/pl_PL/LC_MESSAGES/django.po        |  96 +++
 modoboa/contacts/management/__init__.py       |   0
 .../contacts/management/commands/__init__.py  |   0
 .../management/commands/import_contacts.py    |  59 ++
 modoboa/contacts/migrations/0001_initial.py   | 152 ++++
 .../migrations/0002_auto_20180124_2311.py     |  37 +
 .../migrations/0003_auto_20181005_1415.py     |  63 ++
 .../migrations/0004_auto_20181005_1415.py     |  30 +
 .../migrations/0005_auto_20181005_1445.py     |  25 +
 .../migrations/0006_alter_phonenumber_type.py |  29 +
 .../migrations/0007_alter_contact_address.py  |  18 +
 modoboa/contacts/migrations/__init__.py       |   0
 modoboa/contacts/mocks.py                     | 117 +++
 modoboa/contacts/models.py                    | 196 +++++
 modoboa/contacts/serializers.py               | 220 ++++++
 modoboa/contacts/settings.py                  |  28 +
 .../modoboa_contacts/webpack-stats.json       |   6 +
 modoboa/contacts/tasks.py                     | 106 +++
 .../templates/modoboa_contacts/index.html     |  30 +
 modoboa/contacts/test_data/outlook_export.csv |   2 +
 modoboa/contacts/test_data/unknown_export.csv |   2 +
 modoboa/contacts/tests.py                     | 399 ++++++++++
 modoboa/contacts/urls.py                      |  14 +
 modoboa/contacts/viewsets.py                  | 112 +++
 modoboa/core/api/v2/viewsets.py               |   9 +
 modoboa/urls_api_v2.py                        |   1 +
 test_project/test_project/settings.py         |   3 +-
 71 files changed, 4432 insertions(+), 707 deletions(-)
 create mode 100644 frontend/src/api/contacts.js
 create mode 100644 frontend/src/components/contacts/CategoryForm.vue
 create mode 100644 frontend/src/components/contacts/ContactCategoriesForm.vue
 create mode 100644 frontend/src/components/contacts/ContactForm.vue
 create mode 100644 frontend/src/components/contacts/ContactList.vue
 create mode 100644 frontend/src/components/contacts/EmailField.vue
 create mode 100644 frontend/src/components/contacts/PhoneNumberField.vue
 delete mode 100644 frontend/src/components/shared/AppsMenu.vue
 create mode 100644 frontend/src/layouts/account/AccountLayout.vue
 create mode 100644 frontend/src/layouts/admin/AdminLayout.vue
 create mode 100644 frontend/src/layouts/user/UserLayout.vue
 create mode 100644 frontend/src/stores/contacts.store.js
 create mode 100644 frontend/src/stores/layout.store.js
 create mode 100644 frontend/src/views/contacts/AddressBook.vue
 create mode 100644 modoboa/contacts/__init__.py
 create mode 100644 modoboa/contacts/apps.py
 create mode 100644 modoboa/contacts/constants.py
 create mode 100644 modoboa/contacts/factories.py
 create mode 100644 modoboa/contacts/forms.py
 create mode 100644 modoboa/contacts/handlers.py
 create mode 100644 modoboa/contacts/importer/__init__.py
 create mode 100644 modoboa/contacts/importer/backends/__init__.py
 create mode 100644 modoboa/contacts/importer/backends/outlook.py
 create mode 100644 modoboa/contacts/lib/__init__.py
 create mode 100644 modoboa/contacts/lib/carddav.py
 create mode 100644 modoboa/contacts/locale/br/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/locale/en/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/locale/es/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/locale/fr/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/locale/it/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/locale/pl_PL/LC_MESSAGES/django.po
 create mode 100644 modoboa/contacts/management/__init__.py
 create mode 100644 modoboa/contacts/management/commands/__init__.py
 create mode 100644 modoboa/contacts/management/commands/import_contacts.py
 create mode 100644 modoboa/contacts/migrations/0001_initial.py
 create mode 100644 modoboa/contacts/migrations/0002_auto_20180124_2311.py
 create mode 100644 modoboa/contacts/migrations/0003_auto_20181005_1415.py
 create mode 100644 modoboa/contacts/migrations/0004_auto_20181005_1415.py
 create mode 100644 modoboa/contacts/migrations/0005_auto_20181005_1445.py
 create mode 100644 modoboa/contacts/migrations/0006_alter_phonenumber_type.py
 create mode 100644 modoboa/contacts/migrations/0007_alter_contact_address.py
 create mode 100644 modoboa/contacts/migrations/__init__.py
 create mode 100644 modoboa/contacts/mocks.py
 create mode 100644 modoboa/contacts/models.py
 create mode 100644 modoboa/contacts/serializers.py
 create mode 100644 modoboa/contacts/settings.py
 create mode 100644 modoboa/contacts/static/modoboa_contacts/webpack-stats.json
 create mode 100644 modoboa/contacts/tasks.py
 create mode 100644 modoboa/contacts/templates/modoboa_contacts/index.html
 create mode 100644 modoboa/contacts/test_data/outlook_export.csv
 create mode 100644 modoboa/contacts/test_data/unknown_export.csv
 create mode 100644 modoboa/contacts/tests.py
 create mode 100644 modoboa/contacts/urls.py
 create mode 100644 modoboa/contacts/viewsets.py

diff --git a/docker-compose.yml b/docker-compose.yml
index b5aed85e7..f4a85ad2a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -12,12 +12,12 @@ services:
       DB: "SQLITE"
       DEBUG: "True"
       REDIS_HOST: redis
-      PYTHONPATH: "..:/modoboa_user"
+      PYTHONPATH: ".."
+      PYTHONUNBUFFERED: 1
     command: >
       sh -c "cd test_project; python3 manage.py rqworker dkim modoboa"
     volumes:
       - .:/code
-      - ../modoboa-user:/modoboa_user
 
   api:
     container_name: modoboa_api
@@ -33,7 +33,8 @@ services:
       DB: "SQLITE"
       DEBUG: "True"
       REDIS_HOST: redis
-      PYTHONPATH: "..:/modoboa_user"
+      PYTHONPATH: ".."
+      PYTHONUNBUFFERED: 1
     command: >
       sh -c "cd test_project
              python3 manage.py migrate
@@ -42,7 +43,6 @@ services:
              python3 manage.py runserver_plus 0.0.0.0:8000 --cert-file cert.crt"
     volumes:
       - .:/code
-      - ../modoboa-user:/modoboa_user
 
   api-unsecured:
     container_name: modoboa_api_unsecured
@@ -58,13 +58,13 @@ services:
       DB: "SQLITE"
       DEBUG: "True"
       REDIS_HOST: redis
-      PYTHONPATH: "..:/modoboa_user"
+      PYTHONPATH: ".."
+      PYTHONUNBUFFERED: 1
     command: >
       sh -c "cd test_project
              python3 manage.py runserver_plus 0.0.0.0:8001"
     volumes:
       - .:/code
-      - ../modoboa-user:/modoboa_user
 
   front:
     container_name: modoboa_front
diff --git a/docker/Dockerfile.dev b/docker/Dockerfile.dev
index 3f41f171f..9d71df25f 100644
--- a/docker/Dockerfile.dev
+++ b/docker/Dockerfile.dev
@@ -13,7 +13,6 @@ RUN apk add --update openssl librrd python3-dev libffi-dev gcc g++ musl-dev libx
 RUN python3 -m venv $VIRTUAL_ENV
 WORKDIR /tmp
 COPY requirements.txt /tmp
-COPY user-requirements.txt /tmp
 COPY test-requirements.txt /tmp
 COPY dev-requirements.txt /tmp
 RUN python -m pip install -U pip
diff --git a/docker/Dockerfile.front.dev b/docker/Dockerfile.front.dev
index 6d3a0b90b..0dff8b433 100644
--- a/docker/Dockerfile.front.dev
+++ b/docker/Dockerfile.front.dev
@@ -7,4 +7,4 @@ RUN apk add --no-cache --update gettext \
 
 WORKDIR $HOME
 
-RUN yarn install
+RUN yarn install --dev
diff --git a/frontend/package.json b/frontend/package.json
index 49a4c7a43..af54d4be1 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -34,7 +34,6 @@
     "vuetify": "^3.6.12"
   },
   "devDependencies": {
-    "@module-federation/vite": "^1.1.3",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "eslint": "^9.6.0",
diff --git a/frontend/src/api/contacts.js b/frontend/src/api/contacts.js
new file mode 100644
index 000000000..304825f74
--- /dev/null
+++ b/frontend/src/api/contacts.js
@@ -0,0 +1,28 @@
+import repository from './repository'
+
+export default {
+  getContacts(params) {
+    return repository.get('/contacts/', { params })
+  },
+  createContact(data) {
+    return repository.post('/contacts/', data)
+  },
+  updateContact(contactId, data) {
+    return repository.patch(`/contacts/${contactId}/`, data)
+  },
+  deleteContact(contactId) {
+    return repository.delete(`/contacts/${contactId}/`)
+  },
+  getCategories() {
+    return repository.get('/categories/')
+  },
+  addCategory(data) {
+    return repository.post('/categories/', data)
+  },
+  updateCategory(categoryId, data) {
+    return repository.patch(`/categories/${categoryId}/`, data)
+  },
+  deleteCategory(categoryId) {
+    return repository.delete(`/categories/${categoryId}/`)
+  },
+}
diff --git a/frontend/src/components/contacts/CategoryForm.vue b/frontend/src/components/contacts/CategoryForm.vue
new file mode 100644
index 000000000..41186a812
--- /dev/null
+++ b/frontend/src/components/contacts/CategoryForm.vue
@@ -0,0 +1,106 @@
+<template>
+  <v-card>
+    <v-form ref="formRef" @submit.prevent="submit">
+      <v-card-title>
+        <span class="headline">{{ title }}</span>
+      </v-card-title>
+      <v-card-text>
+        <v-text-field
+          v-model="form.name"
+          :label="$gettext('Name')"
+          variant="outlined"
+          density="compact"
+          :rules="[rules.required]"
+        />
+      </v-card-text>
+      <v-card-actions>
+        <v-btn v-if="category" color="red" @click="deleteCategory">
+          {{ $gettext('Delete') }}
+        </v-btn>
+        <v-spacer></v-spacer>
+        <v-btn :loading="working" @click="close">
+          {{ $gettext('Close') }}
+        </v-btn>
+        <v-btn color="primary" type="submit" :loading="working">
+          {{ submitLabel }}
+        </v-btn>
+      </v-card-actions>
+    </v-form>
+  </v-card>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useGettext } from 'vue3-gettext'
+import contactsApi from '@/api/contacts'
+import rules from '@/plugins/rules'
+
+const props = defineProps({
+  category: {
+    type: Object,
+    default: null,
+  },
+})
+const emit = defineEmits(['close', 'added', 'updated'])
+
+const router = useRouter()
+const { $gettext } = useGettext()
+
+const form = ref({})
+const formRef = ref()
+const working = ref(false)
+
+const title = computed(() => {
+  return props.category ? $gettext('Edit category') : $gettext('Add category')
+})
+const submitLabel = computed(() => {
+  return props.category ? $gettext('Update') : $gettext('Add')
+})
+
+function close() {
+  form.value = {}
+  emit('close')
+}
+async function submit() {
+  const { valid } = await formRef.value.validate()
+  if (!valid) {
+    return
+  }
+  working.value = true
+  try {
+    let resp
+    if (props.category) {
+      resp = await contactsApi.updateCategory(props.category.pk, form.value)
+      emit('updated', resp.data)
+    } else {
+      resp = await contactsApi.addCategory(form.value)
+      emit('added', resp.data)
+    }
+    emit('close')
+  } catch (err) {
+    console.log(err)
+  } finally {
+    working.value = false
+  }
+}
+
+function deleteCategory() {
+  contactsApi.deleteCategory(props.category.pk).then(() => {
+    close()
+    router.push({ name: 'ContactList' })
+  })
+}
+
+watch(
+  () => props.category,
+  (value) => {
+    if (value) {
+      form.value = JSON.parse(JSON.stringify(value))
+    } else {
+      form.value = {}
+    }
+  },
+  { immediate: true }
+)
+</script>
diff --git a/frontend/src/components/contacts/ContactCategoriesForm.vue b/frontend/src/components/contacts/ContactCategoriesForm.vue
new file mode 100644
index 000000000..88ee1f100
--- /dev/null
+++ b/frontend/src/components/contacts/ContactCategoriesForm.vue
@@ -0,0 +1,78 @@
+<template>
+  <v-card>
+    <v-form ref="formRef" @submit.prevent="submit">
+      <v-card-title>
+        <span class="headline">{{ $gettext('Categories') }}</span>
+      </v-card-title>
+      <v-card-text>
+        <v-checkbox
+          v-for="category in categories"
+          :key="category.pk"
+          v-model="selectedCategories"
+          :label="category.name"
+          hide-details
+          :value="category.pk"
+          color="primary"
+        />
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn :loading="working" @click="close">
+          {{ $gettext('Close') }}
+        </v-btn>
+        <v-btn color="primary" type="submit" :loading="working">
+          {{ $gettext('Update') }}
+        </v-btn>
+      </v-card-actions>
+    </v-form>
+  </v-card>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import contactsApi from '@/api/contacts'
+
+const props = defineProps({
+  contact: {
+    type: Object,
+    default: null,
+  },
+})
+const emit = defineEmits(['close'])
+
+const categories = ref([])
+const selectedCategories = ref([])
+const working = ref(false)
+
+function close() {
+  emit('close', 'updated')
+}
+
+async function submit() {
+  const data = { categories: selectedCategories.value }
+  working.value = true
+  try {
+    await contactsApi.updateContact(props.contact.pk, data)
+    emit('updated')
+    close()
+  } finally {
+    working.value = false
+  }
+}
+
+watch(
+  () => props.contact,
+  (value) => {
+    if (value) {
+      selectedCategories.value = value.categories
+    } else {
+      selectedCategories.value = []
+    }
+  },
+  { immediate: true }
+)
+
+contactsApi.getCategories().then((resp) => {
+  categories.value = resp.data
+})
+</script>
diff --git a/frontend/src/components/contacts/ContactForm.vue b/frontend/src/components/contacts/ContactForm.vue
new file mode 100644
index 000000000..5eb7795fc
--- /dev/null
+++ b/frontend/src/components/contacts/ContactForm.vue
@@ -0,0 +1,254 @@
+<template>
+  <v-card>
+    <v-form ref="formRef" @submit.prevent="submit">
+      <v-card-title>
+        <span class="headline">{{ title }}</span>
+      </v-card-title>
+      <v-card-text>
+        <v-row no-gutters>
+          <v-col cols="6">
+            <v-text-field
+              v-model="form.first_name"
+              :label="$gettext('First name')"
+              variant="outlined"
+              prepend-icon="mdi-account"
+              density="compact"
+              :error-messages="formErrors.first_name"
+            />
+          </v-col>
+          <v-col cols="6" class="pl-4">
+            <v-text-field
+              v-model="form.last_name"
+              :label="$gettext('Last name')"
+              variant="outlined"
+              density="compact"
+              :error-messages="formErrors.last_name"
+            />
+          </v-col>
+          <v-col cols="12">
+            <v-text-field
+              v-model="form.display_name"
+              :label="$gettext('Display name')"
+              variant="outlined"
+              prepend-icon="toto"
+              density="compact"
+              :error-messages="formErrors.display_name"
+            />
+          </v-col>
+          <v-col cols="6">
+            <v-text-field
+              v-model="form.company"
+              :label="$gettext('Company')"
+              variant="outlined"
+              prepend-icon="mdi-office-building"
+              density="compact"
+            />
+          </v-col>
+          <v-col cols="6" class="pl-4">
+            <v-text-field
+              v-model="form.position"
+              :label="$gettext('Position')"
+              variant="outlined"
+              density="compact"
+            />
+          </v-col>
+          <EmailField
+            v-for="(email, index) in form.emails"
+            :key="`email-${index}`"
+            v-model="form.emails[index]"
+            :index="index"
+            @add="addEmailField"
+            @delete="deleteEmailField"
+          />
+          <PhoneNumberField
+            v-for="(phone, index) in form.phone_numbers"
+            :key="`phone-${index}`"
+            v-model="form.phone_numbers[index]"
+            :index="index"
+            @add="addPhoneNumberField"
+            @delete="deletePhoneNumberField"
+          />
+          <template v-if="showExtraFields">
+            <v-col cols="6">
+              <v-text-field
+                v-model="form.birth_date"
+                :label="$gettext('Birth date')"
+                type="date"
+                prepend-icon="mdi-calendar"
+                variant="outlined"
+                density="compact"
+              />
+            </v-col>
+            <v-col cols="12">
+              <v-textarea
+                v-model="form.address"
+                :label="$gettext('Address')"
+                prepend-icon="mdi-location"
+                variant="outlined"
+                density="compact"
+                rows="2"
+              />
+            </v-col>
+            <v-col cols="6">
+              <v-text-field
+                v-model="form.zipcode"
+                :label="$gettext('Zip code')"
+                prepend-icon="toto"
+                variant="outlined"
+                density="compact"
+              />
+            </v-col>
+            <v-col cols="6" class="pl-4">
+              <v-text-field
+                v-model="form.city"
+                :label="$gettext('City')"
+                variant="outlined"
+                density="compact"
+              />
+            </v-col>
+            <v-col cols="6">
+              <v-text-field
+                v-model="form.country"
+                :label="$gettext('Country')"
+                prepend-icon="toto"
+                variant="outlined"
+                density="compact"
+              />
+            </v-col>
+            <v-col cols="6" class="pl-4">
+              <v-text-field
+                v-model="form.state"
+                :label="$gettext('State/Province')"
+                variant="outlined"
+                density="compact"
+              />
+            </v-col>
+            <v-col cols="12">
+              <v-textarea
+                v-model="form.note"
+                :label="$gettext('Note')"
+                prepend-icon="mdi-file"
+                variant="outlined"
+                density="compact"
+                rows="2"
+              />
+            </v-col>
+          </template>
+        </v-row>
+      </v-card-text>
+      <v-card-actions>
+        <v-btn v-if="!showExtraFields" @click="showExtraFields = true">
+          {{ $gettext('More') }}
+        </v-btn>
+        <v-btn v-else @click="showExtraFields = false">
+          {{ $gettext('Less') }}
+        </v-btn>
+        <v-spacer></v-spacer>
+        <v-btn :loading="working" @click="emit('close')">
+          {{ $gettext('Close') }}
+        </v-btn>
+        <v-btn color="primary" type="submit" :loading="working">
+          {{ submitLabel }}
+        </v-btn>
+      </v-card-actions>
+    </v-form>
+  </v-card>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+import { useGettext } from 'vue3-gettext'
+import contactsApi from '@/api/contacts'
+import EmailField from './EmailField.vue'
+import PhoneNumberField from './PhoneNumberField.vue'
+
+const emit = defineEmits(['close', 'added', 'updated'])
+const props = defineProps({
+  contact: {
+    type: Object,
+    required: false,
+  },
+})
+
+const { $gettext } = useGettext()
+
+const form = ref(initialForm())
+const showExtraFields = ref(false)
+const formRef = ref()
+const formErrors = ref({})
+const working = ref(false)
+
+const title = computed(() => {
+  return props.contact ? $gettext('Edit contact') : $gettext('New contact')
+})
+const submitLabel = computed(() => {
+  return props.contact ? $gettext('Update') : $gettext('Add')
+})
+
+function initialForm() {
+  return {
+    emails: [{}],
+    phone_numbers: [{}],
+  }
+}
+
+function addEmailField() {
+  form.value.emails.push({})
+}
+
+function deleteEmailField(index) {
+  form.value.emails.splice(index, 1)
+}
+
+function addPhoneNumberField() {
+  form.value.phone_numbers.push({})
+}
+
+function deletePhoneNumberField(index) {
+  form.value.phone_numbers.splice(index, 1)
+}
+
+async function submit() {
+  const { valid } = await formRef.value.validate()
+  if (!valid) {
+    return
+  }
+  working.value = true
+  const data = JSON.parse(JSON.stringify(form.value))
+  if (!Object.keys(data.phone_numbers[0]).length) {
+    data.phone_numbers.splice(0, 1)
+  }
+  try {
+    let resp
+    if (props.contact) {
+      resp = await contactsApi.updateContact(props.contact.pk, data)
+      emit('updated', resp.data)
+    } else {
+      resp = await contactsApi.createContact(data)
+      emit('added', resp.data)
+    }
+    emit('close')
+  } catch (err) {
+    if (err.response?.status === 400) {
+      formErrors.value = err.response.data
+    }
+  } finally {
+    working.value = false
+  }
+}
+
+watch(
+  () => props.contact,
+  (value) => {
+    if (value) {
+      form.value = JSON.parse(JSON.stringify(value))
+      if (!form.value.phone_numbers.length) {
+        form.value.phone_numbers = [{}]
+      }
+    } else {
+      form.value = initialForm()
+    }
+  },
+  { immediate: true }
+)
+</script>
diff --git a/frontend/src/components/contacts/ContactList.vue b/frontend/src/components/contacts/ContactList.vue
new file mode 100644
index 000000000..e33f75cd5
--- /dev/null
+++ b/frontend/src/components/contacts/ContactList.vue
@@ -0,0 +1,178 @@
+<template>
+  <v-card class="mt-6">
+    <v-data-table :headers="headers" :items="contacts">
+      <template #top>
+        <v-toolbar color="white" flat>
+          <v-text-field
+            v-model="search"
+            prepend-inner-icon="mdi-magnify"
+            :placeholder="$gettext('Search')"
+            variant="outlined"
+            single-line
+            flat
+            hide-details
+            density="compact"
+            class="flex-grow-0 w-33 mr-4"
+          ></v-text-field>
+
+          <v-menu location="bottom">
+            <template #activator>
+              <v-btn
+                color="primary"
+                variant="outlined"
+                @click="showForm = true"
+              >
+                {{ $gettext('Add') }}
+              </v-btn>
+            </template>
+            <v-list density="compact"> </v-list>
+          </v-menu>
+          <v-chip
+            v-if="$route.params.category"
+            class="my-2 mx-4"
+            label
+            size="small"
+            color="green"
+            prepend-icon="mdi-label"
+            @click="editCategory"
+          >
+            {{ $route.params.category }}
+          </v-chip>
+          <v-spacer></v-spacer>
+        </v-toolbar>
+      </template>
+      <template #[`item.emails`]="{ item }">
+        {{ displayEmails(item.emails) }}
+      </template>
+      <template #[`item.phone_numbers`]="{ item }">
+        {{ displayPhoneNumbers(item.phone_numbers) }}
+      </template>
+      <template #[`item.actions`]="{ item }">
+        <div class="text-right">
+          <v-menu offset-y>
+            <template #activator="{ props }">
+              <v-btn icon="mdi-dots-horizontal" variant="text" v-bind="props">
+              </v-btn>
+            </template>
+            <MenuItems :items="contactActions" :obj="item" />
+          </v-menu>
+        </div>
+      </template>
+    </v-data-table>
+  </v-card>
+  <v-dialog v-model="showForm" persistent max-width="800px">
+    <ContactForm
+      :contact="selectedContact"
+      @close="closeForm"
+      @added="fetchContacts"
+      @updated="fetchContacts"
+    />
+  </v-dialog>
+  <v-dialog v-model="showCategoriesForm" persistent max-width="800px">
+    <ContactCategoriesForm
+      :contact="selectedContact"
+      @updated="fetchContacts"
+      @close="closeCategoriesForm"
+    />
+  </v-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import { useGettext } from 'vue3-gettext'
+import contactsApi from '@/api/contacts'
+import ContactForm from './ContactForm.vue'
+import ContactCategoriesForm from './ContactCategoriesForm.vue'
+import MenuItems from '@/components/tools/MenuItems'
+
+const emit = defineEmits(['editCategory'])
+
+const route = useRoute()
+const { $gettext } = useGettext()
+
+const contacts = ref([])
+const search = ref('')
+const selectedContact = ref(null)
+const showForm = ref(false)
+const showCategoriesForm = ref(false)
+
+const headers = [
+  { key: 'display_name', title: $gettext('Display name') },
+  { key: 'emails', title: $gettext('E-mail') },
+  { key: 'phone_numbers', title: $gettext('Phone') },
+  { key: 'actions', title: $gettext('Actions'), align: 'end' },
+]
+
+const contactActions = [
+  {
+    label: $gettext('Categories'),
+    icon: 'mdi-label',
+    onClick: editCategories,
+  },
+  {
+    label: $gettext('Edit'),
+    icon: 'mdi-circle-edit-outline',
+    onClick: editContact,
+  },
+  {
+    label: $gettext('Delete'),
+    icon: 'mdi-delete-outline',
+    onClick: deleteContact,
+    color: 'red',
+  },
+]
+
+function closeForm() {
+  showForm.value = false
+  selectedContact.value = null
+}
+
+function displayEmails(emails) {
+  return emails.map((email) => email.address).join(', ')
+}
+
+function displayPhoneNumbers(phoneNumbers) {
+  return phoneNumbers.map((phoneNumber) => phoneNumber.number).join(', ')
+}
+
+function editContact(contact) {
+  selectedContact.value = contact
+  showForm.value = true
+}
+
+function editCategory() {
+  emit('editCategory')
+}
+
+function editCategories(contact) {
+  selectedContact.value = contact
+  showCategoriesForm.value = true
+}
+
+function closeCategoriesForm() {
+  showCategoriesForm.value = false
+  selectedContact.value = false
+}
+
+function deleteContact(contact) {
+  contactsApi.deleteContact(contact.pk).then(() => {
+    fetchContacts()
+  })
+}
+
+function fetchContacts() {
+  contactsApi.getContacts(route.params).then((resp) => {
+    contacts.value = resp.data
+  })
+}
+
+fetchContacts()
+
+watch(
+  () => route.params.category,
+  () => {
+    fetchContacts()
+  }
+)
+</script>
diff --git a/frontend/src/components/contacts/EmailField.vue b/frontend/src/components/contacts/EmailField.vue
new file mode 100644
index 000000000..c7507d899
--- /dev/null
+++ b/frontend/src/components/contacts/EmailField.vue
@@ -0,0 +1,65 @@
+<template>
+  <v-col cols="6">
+    <v-text-field
+      v-model="email.address"
+      :label="$gettext('Address')"
+      variant="outlined"
+      prepend-icon="mdi-email"
+      density="compact"
+      :rules="[rules.required]"
+    />
+  </v-col>
+  <v-col cols="4" class="pl-4">
+    <v-select
+      v-model="email.type"
+      :items="types"
+      density="compact"
+      variant="outlined"
+      :rules="[rules.required]"
+    />
+  </v-col>
+  <v-col cols="2" class="pl-4">
+    <v-btn icon="mdi-plus" size="x-small" flat @click="$emit('add')" />
+    <v-btn
+      v-if="index"
+      icon="mdi-trash-can"
+      color="red"
+      size="x-small"
+      flat
+      variant="text"
+      @click="$emit('delete', index)"
+    />
+  </v-col>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import rules from '@/plugins/rules'
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    default: null,
+  },
+  errors: {
+    type: Object,
+    default: null,
+  },
+  index: {
+    type: Number,
+    required: true,
+  },
+})
+const emit = defineEmits(['add', 'delete', 'update:modelValue'])
+
+const email = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+const types = ['home', 'work', 'other']
+</script>
diff --git a/frontend/src/components/contacts/PhoneNumberField.vue b/frontend/src/components/contacts/PhoneNumberField.vue
new file mode 100644
index 000000000..7bb16c079
--- /dev/null
+++ b/frontend/src/components/contacts/PhoneNumberField.vue
@@ -0,0 +1,60 @@
+<template>
+  <v-col cols="6">
+    <v-text-field
+      v-model="phone.number"
+      :label="$gettext('Phone number')"
+      variant="outlined"
+      prepend-icon="mdi-phone"
+      density="compact"
+    />
+  </v-col>
+  <v-col cols="4" class="pl-4">
+    <v-select
+      v-model="phone.type"
+      :items="types"
+      density="compact"
+      variant="outlined"
+    />
+  </v-col>
+  <v-col cols="2" class="pl-4">
+    <v-btn icon="mdi-plus" size="x-small" flat @click="$emit('add')" />
+    <v-btn
+      v-if="index"
+      icon="mdi-trash-can"
+      color="red"
+      size="x-small"
+      flat
+      variant="text"
+      @click="$emit('delete', index)"
+    />
+  </v-col>
+</template>
+
+<script setup>
+const props = defineProps({
+  errors: {
+    type: Object,
+    default: null,
+  },
+  index: {
+    type: Number,
+    required: true,
+  },
+  modelValue: {
+    type: Object,
+    default: null,
+  },
+})
+const emit = defineEmits(['add', 'delete', 'update:modelValue'])
+
+const phone = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+const types = ['cell', 'fax', 'home', 'main', 'pager', 'work', 'other']
+</script>
diff --git a/frontend/src/components/shared/AppsMenu.vue b/frontend/src/components/shared/AppsMenu.vue
deleted file mode 100644
index c0ca32f9a..000000000
--- a/frontend/src/components/shared/AppsMenu.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <v-btn icon="mdi-apps" flat> </v-btn>
-</template>
diff --git a/frontend/src/components/shared/NavBar.vue b/frontend/src/components/shared/NavBar.vue
index f2b629960..82a58787c 100644
--- a/frontend/src/components/shared/NavBar.vue
+++ b/frontend/src/components/shared/NavBar.vue
@@ -3,7 +3,7 @@
     v-model="drawer"
     :rail="rail"
     permanent
-    :color="mainColor"
+    :color="color"
     app
   >
     <div class="d-flex align-center">
@@ -77,11 +77,15 @@
 </template>
 
 <script setup>
-import { useRoute, useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
 import { ref, computed, onMounted } from 'vue'
 import { useGlobalStore, useAuthStore } from '@/stores'
 
 const props = defineProps({
+  color: {
+    type: String,
+    default: 'primary',
+  },
   menuItems: {
     type: Array,
     required: false,
@@ -95,7 +99,6 @@ const props = defineProps({
 
 const globalStore = useGlobalStore()
 const authStore = useAuthStore()
-const route = useRoute()
 const router = useRouter()
 
 const rail = ref(false)
@@ -104,13 +107,6 @@ const drawer = ref(true)
 const authUser = computed(() => authStore.authUser)
 const isAuthenticated = computed(() => authStore.isAuthenticated)
 
-const mainColor = computed(() => {
-  if (route.meta.layout === 'account') {
-    return 'grey'
-  }
-  return 'primary'
-})
-
 const displayInformationBell = computed(
   () =>
     globalStore.notifications.length !== undefined &&
diff --git a/frontend/src/components/shared/UserMenu.vue b/frontend/src/components/shared/UserMenu.vue
index 805e1a5ef..7e6a3d848 100644
--- a/frontend/src/components/shared/UserMenu.vue
+++ b/frontend/src/components/shared/UserMenu.vue
@@ -11,20 +11,6 @@
             <v-list-item :title="user.username" />
           </div>
           <v-divider></v-divider>
-          <template v-if="remote">
-            <v-list-item href="https://localhost:3000/account">
-              <template #prepend>
-                <v-icon icon="mdi-account-circle-outline"></v-icon>
-              </template>
-              <v-list-item-title>Account</v-list-item-title>
-            </v-list-item>
-            <v-list-item @click="logout">
-              <template #prepend>
-                <v-icon icon="mdi-logout"></v-icon>
-              </template>
-              <v-list-item-title>Logout</v-list-item-title>
-            </v-list-item>
-          </template>
         </v-list>
       </v-card>
     </v-menu>
@@ -33,26 +19,20 @@
 
 <script setup>
 import { computed } from 'vue'
-import { getActivePinia } from 'pinia'
 
 const props = defineProps({
   user: {
     type: Object,
     default: null,
   },
-  remote: {
-    type: Boolean,
-    default: false,
-  },
 })
 
 const userInitials = computed(() => {
+  if (!props.user) {
+    return ''
+  }
   return props.user.first_name && props.user.last_name
     ? `${props.user.first_name[0].toUpperCase()}${props.user.last_name[0].toUpperCase()}`
     : props.user.username.slice(0, 2).toUpperCase()
 })
-
-async function logout() {
-  getActivePinia()._s.forEach(async (store) => await store.$reset())
-}
 </script>
diff --git a/frontend/src/layouts/account/AccountLayout.vue b/frontend/src/layouts/account/AccountLayout.vue
new file mode 100644
index 000000000..6568bccd5
--- /dev/null
+++ b/frontend/src/layouts/account/AccountLayout.vue
@@ -0,0 +1,33 @@
+<template>
+  <ConnectedLayout color="grey" :menu-items="getUserSettingsMenuItems()" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useGettext } from 'vue3-gettext'
+import { useAuthStore } from '@/stores'
+import ConnectedLayout from '@/layouts/connected/ConnectedLayout.vue'
+
+const authStore = useAuthStore()
+const { $gettext } = useGettext()
+
+const authUser = computed(() => authStore.authUser)
+
+function getUserSettingsMenuItems() {
+  const result = []
+
+  if (authUser.value.mailbox) {
+    result.push({
+      text: $gettext('Filters'),
+      to: { name: 'AccountFilters' },
+      icon: 'mdi-filter',
+    })
+  }
+  result.push({
+    text: $gettext('Settings'),
+    to: { name: 'AccountSettings' },
+    icon: 'mdi-cog',
+  })
+  return result
+}
+</script>
diff --git a/frontend/src/layouts/admin/AdminLayout.vue b/frontend/src/layouts/admin/AdminLayout.vue
new file mode 100644
index 000000000..45ece8171
--- /dev/null
+++ b/frontend/src/layouts/admin/AdminLayout.vue
@@ -0,0 +1,119 @@
+<template>
+  <ConnectedLayout :menu-items="adminMenuItems" />
+</template>
+
+<script setup>
+import { computed, onMounted } from 'vue'
+import { useGettext } from 'vue3-gettext'
+import { useAuthStore, useParametersStore } from '@/stores'
+import parametersApi from '@/api/parameters'
+import ConnectedLayout from '@/layouts/connected/ConnectedLayout.vue'
+
+const { $gettext } = useGettext()
+const authStore = useAuthStore()
+const parametersStore = useParametersStore()
+
+const authUser = computed(() => authStore.authUser)
+const imapMigrationEnabled = computed(
+  () => parametersStore.imapMigrationEnabled
+)
+
+const settings = []
+const adminMenuItems = [
+  {
+    text: $gettext('Dashboard'),
+    to: { name: 'Dashboard' },
+    exact: true,
+    icon: 'mdi-view-dashboard-outline',
+  },
+  {
+    text: $gettext('Domains'),
+    to: { name: 'DomainList' },
+    icon: 'mdi-domain',
+    roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+  },
+  {
+    text: $gettext('Identities'),
+    to: { name: 'Identities' },
+    icon: 'mdi-account',
+    roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+  },
+  {
+    text: $gettext('Alarms'),
+    to: { name: 'Alarms' },
+    icon: 'mdi-bell',
+  },
+  {
+    icon: 'mdi-history',
+    text: $gettext('Monitoring'),
+    roles: ['SuperAdmins', 'Resellers', 'DomainAdmins'],
+    children: [
+      {
+        text: $gettext('Statistics'),
+        to: { name: 'Statistics' },
+        roles: ['SuperAdmins'],
+      },
+      {
+        text: $gettext('Audit trail'),
+        to: { name: 'AuditTrail' },
+        roles: ['SuperAdmins'],
+      },
+      {
+        text: $gettext('Messages'),
+        to: { name: 'MessageLog' },
+        roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
+      },
+    ],
+  },
+  {
+    icon: 'mdi-email-sync-outline',
+    text: $gettext('IMAP Migration'),
+    roles: ['SuperAdmins', 'Resellers'],
+    condition: () => imapMigrationEnabled.value,
+    children: [
+      {
+        text: $gettext('Email providers'),
+        to: { name: 'ProvidersList' },
+        roles: ['SuperAdmins', 'Resellers'],
+      },
+      {
+        text: $gettext('Migrations'),
+        to: { name: 'MigrationsList' },
+        roles: ['Resellers', 'SuperAdmins'],
+      },
+    ],
+  },
+  {
+    icon: 'mdi-cog',
+    text: $gettext('Settings'),
+    children: settings,
+    roles: ['SuperAdmins'],
+  },
+  {
+    icon: 'mdi-information',
+    text: $gettext('Information'),
+    roles: ['SuperAdmins'],
+    to: { name: 'Information' },
+    withBell: true,
+  },
+]
+
+onMounted(() => {
+  if (authUser.value.role === 'SuperAdmins') {
+    parametersApi.getApplications().then((response) => {
+      response.data.forEach((item) => {
+        settings.push({
+          text: item.label,
+          to: { name: 'ParametersEdit', params: { app: item.name } },
+        })
+      })
+    })
+    if (parametersStore.imapMigrationEnabled === null) {
+      parametersApi.getApplication('imap_migration').then((response) => {
+        parametersStore.imapMigrationEnabled =
+          response.data.params.enabled_imapmigration
+      })
+    }
+  }
+})
+</script>
diff --git a/frontend/src/layouts/connected/ConnectedLayout.vue b/frontend/src/layouts/connected/ConnectedLayout.vue
index 4dbbdf333..26e059418 100644
--- a/frontend/src/layouts/connected/ConnectedLayout.vue
+++ b/frontend/src/layouts/connected/ConnectedLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <NavBar :menu-items="menuItems" />
+    <NavBar :color="color" :menu-items="menuItems" />
     <TopMenu :user="authUser" />
     <ConnectedView />
     <v-snackbar
@@ -20,153 +20,34 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
-import { useRoute } from 'vue-router'
+import { ref, computed } from 'vue'
 import { useGettext } from 'vue3-gettext'
-import { useAuthStore, useBusStore, useParametersStore } from '@/stores'
-import parametersApi from '@/api/parameters'
+import { useAuthStore, useBusStore } from '@/stores'
 import ConnectedView from './ConnectedView.vue'
 import NavBar from '@/components/shared/NavBar.vue'
 import TopMenu from '@/components/shared/TopMenu.vue'
 
 const authStore = useAuthStore()
 const busStore = useBusStore()
-const parametersStore = useParametersStore()
 const { $gettext } = useGettext()
-const route = useRoute()
+
+const props = defineProps({
+  color: {
+    type: String,
+    default: 'primary',
+  },
+  menuItems: {
+    type: Array,
+    default: null,
+  },
+})
 
 const authUser = computed(() => authStore.authUser)
 const notificationColor = computed(() => busStore.notificationColor)
 const notification = computed(() => busStore.notification)
 const snackbar = ref(false)
-const imapMigrationEnabled = computed(
-  () => parametersStore.imapMigrationEnabled
-)
 
 const notificationTimeout = 2000
-const settings = []
-const adminMenuItems = [
-  {
-    text: $gettext('Dashboard'),
-    to: { name: 'Dashboard' },
-    exact: true,
-    icon: 'mdi-view-dashboard-outline',
-  },
-  {
-    text: $gettext('Domains'),
-    to: { name: 'DomainList' },
-    icon: 'mdi-domain',
-    roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-  },
-  {
-    text: $gettext('Identities'),
-    to: { name: 'Identities' },
-    icon: 'mdi-account',
-    roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-  },
-  {
-    text: $gettext('Alarms'),
-    to: { name: 'Alarms' },
-    icon: 'mdi-bell',
-  },
-  {
-    icon: 'mdi-history',
-    text: $gettext('Monitoring'),
-    roles: ['SuperAdmins', 'Resellers', 'DomainAdmins'],
-    children: [
-      {
-        text: $gettext('Statistics'),
-        to: { name: 'Statistics' },
-        roles: ['SuperAdmins'],
-      },
-      {
-        text: $gettext('Audit trail'),
-        to: { name: 'AuditTrail' },
-        roles: ['SuperAdmins'],
-      },
-      {
-        text: $gettext('Messages'),
-        to: { name: 'MessageLog' },
-        roles: ['DomainAdmins', 'Resellers', 'SuperAdmins'],
-      },
-    ],
-  },
-  {
-    icon: 'mdi-email-sync-outline',
-    text: $gettext('IMAP Migration'),
-    roles: ['SuperAdmins', 'Resellers'],
-    condition: () => imapMigrationEnabled.value,
-    children: [
-      {
-        text: $gettext('Email providers'),
-        to: { name: 'ProvidersList' },
-        roles: ['SuperAdmins', 'Resellers'],
-      },
-      {
-        text: $gettext('Migrations'),
-        to: { name: 'MigrationsList' },
-        roles: ['Resellers', 'SuperAdmins'],
-      },
-    ],
-  },
-  {
-    icon: 'mdi-cog',
-    text: $gettext('Settings'),
-    children: settings,
-    roles: ['SuperAdmins'],
-  },
-  {
-    icon: 'mdi-information',
-    text: $gettext('Information'),
-    roles: ['SuperAdmins'],
-    to: { name: 'Information' },
-    withBell: true,
-  },
-]
-
-function getUserSettingsMenuItems() {
-  const result = []
-
-  if (authUser.value.mailbox) {
-    result.push({
-      text: $gettext('Filters'),
-      to: { name: 'AccountFilters' },
-      icon: 'mdi-filter',
-    })
-  }
-  result.push({
-    text: $gettext('Settings'),
-    to: { name: 'AccountSettings' },
-    icon: 'mdi-cog',
-  })
-  return result
-}
-
-const menuItems = computed(() => {
-  if (route.meta.layout === 'account') {
-    return getUserSettingsMenuItems()
-  }
-  return adminMenuItems
-})
-
-onMounted(() => {
-  if (authUser.value.role === 'SuperAdmins') {
-    parametersApi.getApplications().then((response) => {
-      response.data.forEach((item) => {
-        settings.push({
-          text: item.label,
-          to: { name: 'ParametersEdit', params: { app: item.name } },
-        })
-      })
-    })
-    if (parametersStore.imapMigrationEnabled === null) {
-      parametersApi.getApplication('imap_migration').then((response) => {
-        parametersStore.imapMigrationEnabled =
-          response.data.params.enabled_imapmigration
-      })
-    }
-  }
-})
 
 busStore.$onAction(({ name, after }) => {
   if (name === 'displayNotification') {
diff --git a/frontend/src/layouts/user/UserLayout.vue b/frontend/src/layouts/user/UserLayout.vue
new file mode 100644
index 000000000..31969db72
--- /dev/null
+++ b/frontend/src/layouts/user/UserLayout.vue
@@ -0,0 +1,10 @@
+<template>
+  <ConnectedLayout :menu-items="layoutStore.leftMenuItems" />
+</template>
+
+<script setup>
+import { useLayoutStore } from '@/stores'
+import ConnectedLayout from '@/layouts/connected/ConnectedLayout.vue'
+
+const layoutStore = useLayoutStore()
+</script>
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index a2cbb4a17..90648d529 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -16,12 +16,15 @@ const routes = [
         path: 'logged',
         name: 'LoginCallback',
         component: () => import('@/views/login/LoginCallbackView.vue'),
+        props: {
+          redirectUrl: '/admin',
+        },
       },
     ],
   },
   {
     path: '/admin',
-    component: () => import('@/layouts/connected/ConnectedLayout.vue'),
+    component: () => import('@/layouts/admin/AdminLayout.vue'),
     children: [
       {
         path: '',
@@ -233,9 +236,8 @@ const routes = [
   },
   {
     path: '/account',
-    component: () => import('@/layouts/connected/ConnectedLayout.vue'),
+    component: () => import('@/layouts/account/AccountLayout.vue'),
     meta: {
-      layout: 'account',
       requiresAuth: true,
     },
     children: [
@@ -244,7 +246,6 @@ const routes = [
         name: 'AccountFilters',
         component: () => import('@/views/account/FiltersView.vue'),
         meta: {
-          layout: 'account',
           requiresAuth: true,
           requiresMailbox: true,
         },
@@ -254,12 +255,44 @@ const routes = [
         name: 'AccountSettings',
         component: () => import('@/views/account/SettingsView.vue'),
         meta: {
-          layout: 'account',
           requiresAuth: true,
         },
       },
     ],
   },
+  {
+    path: '/user',
+    component: () => import('@/layouts/user/UserLayout.vue'),
+    meta: {
+      requiresAuth: true,
+    },
+    children: [
+      {
+        path: '',
+        name: 'UserDashboard',
+        component: () => import('@/views/DashboardView.vue'),
+        meta: {
+          requiresAuth: true,
+        },
+      },
+      {
+        path: 'contacts',
+        meta: {
+          requiresAuth: true,
+        },
+        children: [
+          {
+            path: ':category?',
+            name: 'ContactList',
+            component: () => import('@/views/contacts/AddressBook.vue'),
+            meta: {
+              requiresAuth: true,
+            },
+          },
+        ],
+      },
+    ],
+  },
   {
     path: '/:pathMatch(.*)*',
     name: 'NotFound',
diff --git a/frontend/src/stores/auth.store.js b/frontend/src/stores/auth.store.js
index 02fc2b05e..93b737999 100644
--- a/frontend/src/stores/auth.store.js
+++ b/frontend/src/stores/auth.store.js
@@ -130,7 +130,7 @@ export const useAuthStore = defineStore('auth', () => {
     }
   }
 
-  async function completeLogin() {
+  async function completeLogin(redirectUrl) {
     try {
       const user = await manager.signinRedirectCallback()
       isAuthenticated.value = true
@@ -140,7 +140,7 @@ export const useAuthStore = defineStore('auth', () => {
         window.location.href = previousPage
       } else {
         // Redirect to a default page if the previous page is not available
-        router.push({ name: 'Dashboard' })
+        router.push(redirectUrl)
       }
       return user
     } catch (error) {
diff --git a/frontend/src/stores/contacts.store.js b/frontend/src/stores/contacts.store.js
new file mode 100644
index 000000000..f62a0d2de
--- /dev/null
+++ b/frontend/src/stores/contacts.store.js
@@ -0,0 +1,20 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useContactsStore = defineStore('contacts', () => {
+  const currentCategory = ref(null)
+
+  function setCurrentCategory(category) {
+    currentCategory.value = category
+  }
+
+  async function $reset() {
+    currentCategory.value = null
+  }
+
+  return {
+    currentCategory,
+    setCurrentCategory,
+    $reset,
+  }
+})
diff --git a/frontend/src/stores/global.store.js b/frontend/src/stores/global.store.js
index 41f0a22a1..22732eb5c 100644
--- a/frontend/src/stores/global.store.js
+++ b/frontend/src/stores/global.store.js
@@ -14,5 +14,9 @@ export const useGlobalStore = defineStore('global', () => {
     return notifications.value.find((item) => item.id === id)
   }
 
-  return { notifications, fetchNotifications, getNotificationById }
+  async function $reset() {
+    notifications.value = []
+  }
+
+  return { notifications, fetchNotifications, getNotificationById, $reset }
 })
diff --git a/frontend/src/stores/index.js b/frontend/src/stores/index.js
index bf7f54246..f0c7e2e7b 100644
--- a/frontend/src/stores/index.js
+++ b/frontend/src/stores/index.js
@@ -3,11 +3,13 @@ import { createPinia } from 'pinia'
 export * from './global.store'
 export * from './auth.store'
 export * from './bus.store'
+export * from './layout.store'
 export * from './domains.store'
 export * from './accounts.store'
 export * from './aliases.store'
 export * from './identities.store'
 export * from './parameters.store'
 export * from './providers.store'
+export * from './contacts.store'
 
 export default createPinia()
diff --git a/frontend/src/stores/layout.store.js b/frontend/src/stores/layout.store.js
new file mode 100644
index 000000000..7767d2dd7
--- /dev/null
+++ b/frontend/src/stores/layout.store.js
@@ -0,0 +1,20 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useLayoutStore = defineStore('layout', () => {
+  const leftMenuItems = ref([])
+
+  function setLeftMenuItems(items) {
+    leftMenuItems.value = items
+  }
+
+  async function $reset() {
+    leftMenuItems.value = []
+  }
+
+  return {
+    leftMenuItems,
+    setLeftMenuItems,
+    $reset,
+  }
+})
diff --git a/frontend/src/views/contacts/AddressBook.vue b/frontend/src/views/contacts/AddressBook.vue
new file mode 100644
index 000000000..c26ed92ab
--- /dev/null
+++ b/frontend/src/views/contacts/AddressBook.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="text-h5 ml-4">
+    {{ $gettext('Contacts') }}
+  </div>
+  <ContactList @edit-category="openCategoryForm" />
+  <v-dialog v-model="showCategoryForm" persistent max-width="800px">
+    <CategoryForm
+      :category="contactsStore.currentCategory"
+      @close="closeForm"
+      @added="fetchCategories"
+      @updated="fetchCategories"
+    />
+  </v-dialog>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useGettext } from 'vue3-gettext'
+import { useContactsStore, useLayoutStore } from '@/stores'
+import contactsApi from '@/api/contacts'
+import ContactList from '@/components/contacts/ContactList.vue'
+import CategoryForm from '@/components/contacts/CategoryForm.vue'
+
+const router = useRouter()
+const { $gettext } = useGettext()
+const contactsStore = useContactsStore()
+const layoutStore = useLayoutStore()
+
+const categories = ref([])
+const showCategoryForm = ref(false)
+
+const leftMenuItems = computed(() => {
+  const result = [
+    {
+      icon: 'mdi-contacts',
+      text: $gettext('Contacts'),
+      to: { name: 'ContactList' },
+    },
+    {
+      text: $gettext('Categories'),
+      subheader: true,
+    },
+  ]
+  for (const category of categories.value) {
+    result.push({
+      icon: 'mdi-label',
+      text: category.name,
+      action: () => filterByCategory(category),
+    })
+  }
+  result.push({
+    icon: 'mdi-plus',
+    text: $gettext('Add a category'),
+    action: openCategoryForm,
+  })
+  return result
+})
+
+function openCategoryForm() {
+  showCategoryForm.value = true
+}
+
+function closeForm() {
+  showCategoryForm.value = false
+}
+
+function filterByCategory(category) {
+  contactsStore.setCurrentCategory(category)
+  router.push({
+    name: 'ContactList',
+    params: {
+      category: category.name,
+    },
+  })
+}
+
+function fetchCategories() {
+  contactsApi.getCategories().then((resp) => {
+    categories.value = resp.data
+  })
+}
+
+fetchCategories()
+
+watch(leftMenuItems, (value) => {
+  layoutStore.setLeftMenuItems(value)
+})
+</script>
diff --git a/frontend/src/views/login/LoginCallbackView.vue b/frontend/src/views/login/LoginCallbackView.vue
index f4af780ac..da0868224 100644
--- a/frontend/src/views/login/LoginCallbackView.vue
+++ b/frontend/src/views/login/LoginCallbackView.vue
@@ -2,10 +2,14 @@
 import { onMounted } from 'vue'
 import { useAuthStore } from '@/stores'
 
+const props = defineProps({
+  redirectUrl: String,
+})
+
 const authStore = useAuthStore()
 
 onMounted(() => {
-  authStore.completeLogin()
+  authStore.completeLogin(props.redirectUrl)
 })
 </script>
 
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index f903b34ac..5faac7678 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -6,7 +6,6 @@ import basicSsl from '@vitejs/plugin-basic-ssl'
 
 // Utilities
 import { defineConfig } from 'vite'
-import { federation } from '@module-federation/vite'
 import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/
@@ -33,20 +32,6 @@ export default defineConfig({
         ],
       },
     }),
-    federation({
-      name: 'coretools',
-      filename: 'remoteEntry.js',
-      exposes: {
-        './api-repository': './src/api/repository.js',
-        './auth-store': './src/stores/auth.store.js',
-        './auth-callback': './src/views/login/LoginCallbackView.vue',
-        './navbar': './src/components/shared/NavBar.vue',
-        './top-menu': './src/components/shared/TopMenu.vue',
-        './menu-items': './src/components/tools/MenuItems.vue',
-        './form-rules': './src/plugins/rules.js',
-      },
-      shared: ['vue', 'pinia', 'vue-router', 'vue3-gettext'],
-    }),
   ],
   base: process.env.NODE_ENV === 'production' ? '/new-admin/' : '/',
   define: { 'process.env': {}, __VUE_OPTIONS_API__: false },
@@ -68,6 +53,11 @@ export default defineConfig({
       },
     },
     https: true,
+    cors: {
+      origin: '*',
+      methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
+      allowedHeaders: ['X-Requested-With', 'content-type', 'Authorization'],
+    },
   },
   build: {
     emptyOutDir: true,
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 4659b6f59..5ef85e662 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -3,11 +3,12 @@
 
 
 "@babel/code-frame@^7.0.0":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.25.9.tgz#895b6c7e04a7271a0cbfd575d2e8131751914cc7"
-  integrity sha512-z88xeGxnzehn2sqZ8UdGQEvYErF1odv2CftxInpSYJt6uHuPe9YjahKZITGs3l5LeI9d2ROG+obuDAoSlqbNfQ==
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
   dependencies:
-    "@babel/highlight" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
 "@babel/helper-string-parser@^7.25.9":
@@ -20,27 +21,17 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
   integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
-"@babel/highlight@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.25.9.tgz#8141ce68fc73757946f983b343f1231f4691acc6"
-  integrity sha512-llL88JShoCsth8fF8R4SJnIn+WLvR6ccFxu1H3FlMhDontdcmZWf2HgIZ7AIqV3Xcck1idlohrN4EUBQz6klbw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.25.9"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-    picocolors "^1.0.0"
-
 "@babel/parser@^7.25.3":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.9.tgz#8fcaa079ac7458facfddc5cd705cc8005e4d3817"
-  integrity sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.5.tgz#6fec9aebddef25ca57a935c86dbb915ae2da3e1f"
+  integrity sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==
   dependencies:
-    "@babel/types" "^7.25.9"
+    "@babel/types" "^7.26.5"
 
-"@babel/types@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.9.tgz#620f35ea1f4233df529ec9a2668d2db26574deee"
-  integrity sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==
+"@babel/types@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.5.tgz#7a1e1c01d28e26d1fe7f8ec9567b3b92b9d07747"
+  integrity sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==
   dependencies:
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
@@ -161,35 +152,37 @@
   integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz#d1145bf2c20132d6400495d6df4bf59362fd9d56"
+  integrity sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==
   dependencies:
-    eslint-visitor-keys "^3.3.0"
+    eslint-visitor-keys "^3.4.3"
 
-"@eslint-community/regexpp@^4.11.0":
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.1.tgz#a547badfc719eb3e5f4b556325e542fbe9d7a18f"
-  integrity sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==
+"@eslint-community/regexpp@^4.12.1":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
-"@eslint/config-array@^0.18.0":
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.18.0.tgz#37d8fe656e0d5e3dbaea7758ea56540867fd074d"
-  integrity sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==
+"@eslint/config-array@^0.19.0":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.19.1.tgz#734aaea2c40be22bbb1f2a9dac687c57a6a4c984"
+  integrity sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==
   dependencies:
-    "@eslint/object-schema" "^2.1.4"
+    "@eslint/object-schema" "^2.1.5"
     debug "^4.3.1"
     minimatch "^3.1.2"
 
-"@eslint/core@^0.7.0":
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.7.0.tgz#a1bb4b6a4e742a5ff1894b7ee76fbf884ec72bd3"
-  integrity sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw==
+"@eslint/core@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.10.0.tgz#23727063c21b335f752dbb3a16450f6f9cbc9091"
+  integrity sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==
+  dependencies:
+    "@types/json-schema" "^7.0.15"
 
-"@eslint/eslintrc@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6"
-  integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==
+"@eslint/eslintrc@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.2.0.tgz#57470ac4e2e283a6bf76044d63281196e370542c"
+  integrity sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -201,21 +194,22 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.13.0":
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.13.0.tgz#c5f89bcd57eb54d5d4fa8b77693e9c28dc97e547"
-  integrity sha512-IFLyoY4d72Z5y/6o/BazFBezupzI/taV8sGumxTAVw3lXG9A6md1Dc34T9s1FoD/an9pJH8RHbAxsaEbBed9lA==
+"@eslint/js@9.18.0":
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.18.0.tgz#3356f85d18ed3627ab107790b53caf7e1e3d1e84"
+  integrity sha512-fK6L7rxcq6/z+AaQMtiFTkvbHkBLNlwyRxHpKawP0x3u9+NC6MQTnFW+AdpwC6gfHTW0051cokQgtTN2FqlxQA==
 
-"@eslint/object-schema@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843"
-  integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==
+"@eslint/object-schema@^2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.5.tgz#8670a8f6258a2be5b2c620ff314a1d984c23eb2e"
+  integrity sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==
 
-"@eslint/plugin-kit@^0.2.0":
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.1.tgz#cd14fe2db79fa639839dfef4105e83bad1814482"
-  integrity sha512-HFZ4Mp26nbWk9d/BpvP0YNL6W4UoZF0VFcTw/aPPA8RpOxeFQgK+ClABGgAUXs9Y/RGX/l1vOmrqz1MQt9MNuw==
+"@eslint/plugin-kit@^0.2.5":
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.5.tgz#ee07372035539e7847ef834e3f5e7b79f09e3a81"
+  integrity sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==
   dependencies:
+    "@eslint/core" "^0.10.0"
     levn "^0.4.1"
 
 "@github/webauthn-json@^2.1.1":
@@ -223,17 +217,17 @@
   resolved "https://registry.yarnpkg.com/@github/webauthn-json/-/webauthn-json-2.1.1.tgz#648e63fc28050917d2882cc2b27817a88cb420fc"
   integrity sha512-XrftRn4z75SnaJOmZQbt7Mk+IIjqVHw+glDGOxuHwXkZBZh/MBoRS7MHjSZMDaLhT4RjN2VqiEU7EOYleuJWSQ==
 
-"@humanfs/core@^0.19.0":
-  version "0.19.0"
-  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.0.tgz#08db7a8c73bb07673d9ebd925f2dad746411fcec"
-  integrity sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
 
-"@humanfs/node@^0.16.5":
-  version "0.16.5"
-  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.5.tgz#a9febb7e7ad2aff65890fdc630938f8d20aa84ba"
-  integrity sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
   dependencies:
-    "@humanfs/core" "^0.19.0"
+    "@humanfs/core" "^0.19.1"
     "@humanwhocodes/retry" "^0.3.0"
 
 "@humanwhocodes/module-importer@^1.0.1":
@@ -241,11 +235,16 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
   integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
-"@humanwhocodes/retry@^0.3.0", "@humanwhocodes/retry@^0.3.1":
+"@humanwhocodes/retry@^0.3.0":
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
   integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
 
+"@humanwhocodes/retry@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.1.tgz#9a96ce501bc62df46c4031fbd970e3cc6b10f07b"
+  integrity sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==
+
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
@@ -268,31 +267,6 @@
   resolved "https://registry.yarnpkg.com/@mdi/font/-/font-7.4.47.tgz#2ae522867da3a5c88b738d54b403eb91471903af"
   integrity sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==
 
-"@module-federation/runtime@^0.6.8":
-  version "0.6.12"
-  resolved "https://registry.yarnpkg.com/@module-federation/runtime/-/runtime-0.6.12.tgz#d5919ceecc4ca26efcdc887d1309220b18696f53"
-  integrity sha512-zNIhdNc/LcYUqb5guAZRyIGEVQSSALbr7TLuIyzF9eF4jVKBnkOcR/kphaisspkhc467x/mC99/41TzCfAORfA==
-  dependencies:
-    "@module-federation/sdk" "0.6.12"
-
-"@module-federation/sdk@0.6.12":
-  version "0.6.12"
-  resolved "https://registry.yarnpkg.com/@module-federation/sdk/-/sdk-0.6.12.tgz#799b7125fb80a3d506e83f9c6ce9c96da5c0b181"
-  integrity sha512-QC2uwlnDPxf7OYJAKot0zCJl95VV+iBmvCKGGeXLlzbdBFYIFpmE8IkFBLQqTRxtSKF9hv2z4Zltonu7YjRUdQ==
-
-"@module-federation/vite@^1.1.3":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@module-federation/vite/-/vite-1.1.3.tgz#c6ce03a63faea869d14d93c756595ea62dc17015"
-  integrity sha512-ZY1iRcFosJfI5XRPaKoLk/rdg0HC3wVNXq1QHpT2eSiccn+GIYp43bCRZhRJ4sE/FCdGfh+ARxSAok/bEuwMZA==
-  dependencies:
-    "@module-federation/runtime" "^0.6.8"
-    "@rollup/pluginutils" "^5.1.0"
-    defu "^6.1.4"
-    estree-walker "^2"
-    magic-string "^0.30.11"
-    pathe "^1.1.2"
-    vitest "^2.1.1"
-
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -438,11 +412,11 @@
   integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
 
 "@types/node@*":
-  version "22.7.9"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.7.9.tgz#2bf2797b5e84702d8262ea2cf843c3c3c880d0e9"
-  integrity sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==
+  version "22.10.7"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.10.7.tgz#14a1ca33fd0ebdd9d63593ed8d3fbc882a6d28d7"
+  integrity sha512-V09KvXxFiutGp6B7XkpaDXlNadZxrzajcY50EuoLIpQ6WWYCSvf19lVIazzfIzQvhUN2HjX12spLojTnhuKlGg==
   dependencies:
-    undici-types "~6.19.2"
+    undici-types "~6.20.0"
 
 "@types/parse5@^5":
   version "5.0.3"
@@ -450,158 +424,99 @@
   integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==
 
 "@vitejs/plugin-basic-ssl@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz#8b840305a6b48e8764803435ec0c716fa27d3802"
-  integrity sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.2.0.tgz#9490fe15b8833351982fbe0963987f69f40f5019"
+  integrity sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==
 
 "@vitejs/plugin-vue@^5.0.5":
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.1.4.tgz#72b8b705cfce36b00b59af196195146e356500c4"
-  integrity sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz#d1491f678ee3af899f7ae57d9c21dc52a65c7133"
+  integrity sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==
 
-"@vitest/expect@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-2.1.3.tgz#4b9a6fff22be4c4cd5d57e687cfda611b514b0ad"
-  integrity sha512-SNBoPubeCJhZ48agjXruCI57DvxcsivVDdWz+SSsmjTT4QN/DfHk3zB/xKsJqMs26bLZ/pNRLnCf0j679i0uWQ==
-  dependencies:
-    "@vitest/spy" "2.1.3"
-    "@vitest/utils" "2.1.3"
-    chai "^5.1.1"
-    tinyrainbow "^1.2.0"
-
-"@vitest/mocker@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-2.1.3.tgz#a3593b426551be5715fa108faf04f8a9ddb0a9cc"
-  integrity sha512-eSpdY/eJDuOvuTA3ASzCjdithHa+GIF1L4PqtEELl6Qa3XafdMLBpBlZCIUCX2J+Q6sNmjmxtosAG62fK4BlqQ==
-  dependencies:
-    "@vitest/spy" "2.1.3"
-    estree-walker "^3.0.3"
-    magic-string "^0.30.11"
-
-"@vitest/pretty-format@2.1.3", "@vitest/pretty-format@^2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-2.1.3.tgz#48b9b03de75507d1d493df7beb48dc39a1946a3e"
-  integrity sha512-XH1XdtoLZCpqV59KRbPrIhFCOO0hErxrQCMcvnQete3Vibb9UeIOX02uFPfVn3Z9ZXsq78etlfyhnkmIZSzIwQ==
-  dependencies:
-    tinyrainbow "^1.2.0"
-
-"@vitest/runner@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-2.1.3.tgz#20a6da112007dfd92969951df189c6da66c9dac4"
-  integrity sha512-JGzpWqmFJ4fq5ZKHtVO3Xuy1iF2rHGV4d/pdzgkYHm1+gOzNZtqjvyiaDGJytRyMU54qkxpNzCx+PErzJ1/JqQ==
-  dependencies:
-    "@vitest/utils" "2.1.3"
-    pathe "^1.1.2"
-
-"@vitest/snapshot@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-2.1.3.tgz#1b405a9c40a82563605b13fdc045217751069e58"
-  integrity sha512-qWC2mWc7VAXmjAkEKxrScWHWFyCQx/cmiZtuGqMi+WwqQJ2iURsVY4ZfAK6dVo6K2smKRU6l3BPwqEBvhnpQGg==
-  dependencies:
-    "@vitest/pretty-format" "2.1.3"
-    magic-string "^0.30.11"
-    pathe "^1.1.2"
-
-"@vitest/spy@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-2.1.3.tgz#2c8a457673094ec4c1ab7c50cb11c58e3624ada2"
-  integrity sha512-Nb2UzbcUswzeSP7JksMDaqsI43Sj5+Kry6ry6jQJT4b5gAK+NS9NED6mDb8FlMRCX8m5guaHCDZmqYMMWRy5nQ==
-  dependencies:
-    tinyspy "^3.0.0"
-
-"@vitest/utils@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-2.1.3.tgz#e52aa5745384091b151cbdf79bb5a3ad2bea88d2"
-  integrity sha512-xpiVfDSg1RrYT0tX6czgerkpcKFmFOF/gCr30+Mve5V2kewCy4Prn1/NDMSRwaSmT7PRaOF83wu+bEtsY1wrvA==
-  dependencies:
-    "@vitest/pretty-format" "2.1.3"
-    loupe "^3.1.1"
-    tinyrainbow "^1.2.0"
-
-"@vue/compiler-core@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.12.tgz#bd70b7dabd12b0b6f31bc53418ba3da77994c437"
-  integrity sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==
+"@vue/compiler-core@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz#b0ae6c4347f60c03e849a05d34e5bf747c9bda05"
+  integrity sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==
   dependencies:
     "@babel/parser" "^7.25.3"
-    "@vue/shared" "3.5.12"
+    "@vue/shared" "3.5.13"
     entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.0"
 
-"@vue/compiler-dom@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz#456d631d11102535b7ee6fd954cf2c93158d0354"
-  integrity sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==
+"@vue/compiler-dom@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz#bb1b8758dbc542b3658dda973b98a1c9311a8a58"
+  integrity sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==
   dependencies:
-    "@vue/compiler-core" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/compiler-core" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vue/compiler-sfc@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.12.tgz#6688120d905fcf22f7e44d3cb90f8dabc4dd3cc8"
-  integrity sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==
+"@vue/compiler-sfc@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz#461f8bd343b5c06fac4189c4fef8af32dea82b46"
+  integrity sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==
   dependencies:
     "@babel/parser" "^7.25.3"
-    "@vue/compiler-core" "3.5.12"
-    "@vue/compiler-dom" "3.5.12"
-    "@vue/compiler-ssr" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/compiler-core" "3.5.13"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/compiler-ssr" "3.5.13"
+    "@vue/shared" "3.5.13"
     estree-walker "^2.0.2"
     magic-string "^0.30.11"
-    postcss "^8.4.47"
+    postcss "^8.4.48"
     source-map-js "^1.2.0"
 
-"@vue/compiler-ssr@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.12.tgz#5f1a3fbd5c44b79a6dbe88729f7801d9c9218bde"
-  integrity sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==
+"@vue/compiler-ssr@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz#e771adcca6d3d000f91a4277c972a996d07f43ba"
+  integrity sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==
   dependencies:
-    "@vue/compiler-dom" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/shared" "3.5.13"
 
 "@vue/devtools-api@^6.6.3", "@vue/devtools-api@^6.6.4":
   version "6.6.4"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
-"@vue/reactivity@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.12.tgz#a2815d91842ed7b9e7e7936c851923caf6b6e603"
-  integrity sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==
+"@vue/reactivity@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.13.tgz#b41ff2bb865e093899a22219f5b25f97b6fe155f"
+  integrity sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==
   dependencies:
-    "@vue/shared" "3.5.12"
+    "@vue/shared" "3.5.13"
 
-"@vue/runtime-core@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.12.tgz#849207f203d0fd82971f19574d30dbe7134c78c7"
-  integrity sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==
+"@vue/runtime-core@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.13.tgz#1fafa4bf0b97af0ebdd9dbfe98cd630da363a455"
+  integrity sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==
   dependencies:
-    "@vue/reactivity" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/reactivity" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vue/runtime-dom@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.12.tgz#6d4de3df49a90a460b311b1100baa5e2d0d1c8c9"
-  integrity sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==
+"@vue/runtime-dom@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz#610fc795de9246300e8ae8865930d534e1246215"
+  integrity sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==
   dependencies:
-    "@vue/reactivity" "3.5.12"
-    "@vue/runtime-core" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/reactivity" "3.5.13"
+    "@vue/runtime-core" "3.5.13"
+    "@vue/shared" "3.5.13"
     csstype "^3.1.3"
 
-"@vue/server-renderer@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.12.tgz#79c6bc3860e4e4ef80d85653c5d03fd94b26574e"
-  integrity sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==
+"@vue/server-renderer@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.13.tgz#429ead62ee51de789646c22efe908e489aad46f7"
+  integrity sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==
   dependencies:
-    "@vue/compiler-ssr" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/compiler-ssr" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vue/shared@3.5.12":
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.12.tgz#f9e45b7f63f2c3f40d84237b1194b7f67de192e3"
-  integrity sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==
+"@vue/shared@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
+  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
 
 "@vuetify/loader-shared@^2.0.3":
   version "2.0.3"
@@ -620,10 +535,10 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^8.12.0, acorn@^8.12.1, acorn@^8.9.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.13.0.tgz#2a30d670818ad16ddd6a35d3842dacec9e5d7ca3"
-  integrity sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==
+acorn@^8.14.0, acorn@^8.9.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
 
 ajv@^6.12.4:
   version "6.12.6"
@@ -645,13 +560,6 @@ ansi-regex@^6.0.1:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
   integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
 
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
@@ -695,20 +603,15 @@ array-back@^3.0.1, array-back@^3.1.0:
   resolved "https://registry.yarnpkg.com/array-back/-/array-back-3.1.0.tgz#b8859d7a508871c9a7b2cf42f99428f65e96bfb0"
   integrity sha512-TkuxA4UCOvxuDK6NZYXCalszEzj+TLszyASooky+i742l9TqsOdYCMJJupxRic61hwquNtppB3hgcuq9SVSH1Q==
 
-assertion-error@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
-  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
-
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
 axios@^1.7.4:
-  version "1.7.7"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.7.tgz#2f554296f9892a72ac8d8e4c5b79c14a91d0a47f"
-  integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==
+  version "1.7.9"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.9.tgz#d7d071380c132a24accda1b2cfc1535b79ec650a"
+  integrity sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==
   dependencies:
     follow-redirects "^1.15.6"
     form-data "^4.0.0"
@@ -751,36 +654,11 @@ braces@^3.0.3, braces@~3.0.2:
   dependencies:
     fill-range "^7.1.1"
 
-cac@^6.7.14:
-  version "6.7.14"
-  resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
-  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-chai@^5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.1.2.tgz#3afbc340b994ae3610ca519a6c70ace77ad4378d"
-  integrity sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==
-  dependencies:
-    assertion-error "^2.0.1"
-    check-error "^2.1.1"
-    deep-eql "^5.0.1"
-    loupe "^3.1.0"
-    pathval "^2.0.0"
-
-chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
 chalk@^4.0.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -789,11 +667,6 @@ chalk@^4.0.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-check-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
-  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
-
 "chokidar@>=3.0.0 <4.0.0":
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
@@ -809,13 +682,6 @@ check-error@^2.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -823,11 +689,6 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
@@ -856,9 +717,9 @@ concat-map@0.0.1:
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 core-js@^3.37.1:
-  version "3.38.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.38.1.tgz#aa375b79a286a670388a1a363363d53677c0383e"
-  integrity sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==
+  version "3.40.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.40.0.tgz#2773f6b06877d8eda102fc42f828176437062476"
+  integrity sha512-7vsMc/Lty6AGnn7uFpYT56QesI5D2Y/UkgKounk87OP9Z2H9Z8kj6jzcSGAxFmUtDOS0ntK6lbQz+Nsa0Jj6mQ==
 
 cosmiconfig@^9.0.0:
   version "9.0.0"
@@ -870,7 +731,7 @@ cosmiconfig@^9.0.0:
     js-yaml "^4.1.0"
     parse-json "^5.2.0"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+cross-spawn@^7.0.0, cross-spawn@^7.0.6:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
   integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
@@ -899,28 +760,18 @@ debounce@^2.1.0:
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-2.2.0.tgz#f895fa2fbdb579a0f0d3dcf5dde19657e50eaad5"
   integrity sha512-Xks6RUDLZFdz8LIdR6q0MTH44k7FikOmnh5xkSjMig6ch45afc8sjTjRQf3P6ax8dMgcQrYO/AR2RGWURrruqw==
 
-debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.3.6:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
-  integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
+debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
   dependencies:
     ms "^2.1.3"
 
-deep-eql@^5.0.1:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
-  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
-
 deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-defu@^6.1.4:
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
-  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -987,11 +838,6 @@ esbuild@^0.21.3:
     "@esbuild/win32-ia32" "0.21.5"
     "@esbuild/win32-x64" "0.21.5"
 
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
@@ -1003,9 +849,9 @@ eslint-config-prettier@^9.1.0:
   integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
 
 eslint-plugin-vue@^9.27.0:
-  version "9.29.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.29.1.tgz#1af4f81347734f3e62eee4ba898c025bc5457662"
-  integrity sha512-MH/MbVae4HV/tM8gKAVWMPJbYgW04CK7SuzYRrlNERpxbO0P3+Zdsa2oAcFBW6xNu7W6lIkGOsFAMCRTYmrlWQ==
+  version "9.32.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.32.0.tgz#2b558e827886b567dfaa156cc1cad0f596461fab"
+  integrity sha512-b/Y05HYmnB/32wqVcjxjHZzNpwxj1onBOvqW89W+V+XNG1dRuaFbNd3vT9CLbr2LXjEoq+3vn8DanWf7XU22Ug==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
     globals "^13.24.0"
@@ -1024,49 +870,49 @@ eslint-scope@^7.1.1:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-scope@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.1.0.tgz#70214a174d4cbffbc3e8a26911d8bf51b9ae9d30"
-  integrity sha512-14dSvlhaVhKKsa9Fx1l8A17s7ah7Ef7wCakJ10LYk6+GYmP9yDti2oq2SEwcyndt6knfcZyhyxwY3i9yL78EQw==
+eslint-scope@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.2.0.tgz#377aa6f1cb5dc7592cfd0b7f892fd0cf352ce442"
+  integrity sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint-visitor-keys@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.1.0.tgz#1f785cc5e81eb7534523d85922248232077d2f8c"
-  integrity sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
 
 eslint@^9.6.0:
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.13.0.tgz#7659014b7dda1ff876ecbd990f726e11c61596e6"
-  integrity sha512-EYZK6SX6zjFHST/HRytOdA/zE72Cq/bfw45LSyuwrdvcclb/gqV8RRQxywOBEWO2+WDpva6UZa4CcDeJKzUCFA==
+  version "9.18.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.18.0.tgz#c95b24de1183e865de19f607fda6518b54827850"
+  integrity sha512-+waTfRWQlSbpt3KWE+CjrPPYnbq9kfZIYUqapc0uBXyjTp8aYXZDsUH16m39Ryq3NjAVP4tjuF7KaukeqoCoaA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.11.0"
-    "@eslint/config-array" "^0.18.0"
-    "@eslint/core" "^0.7.0"
-    "@eslint/eslintrc" "^3.1.0"
-    "@eslint/js" "9.13.0"
-    "@eslint/plugin-kit" "^0.2.0"
-    "@humanfs/node" "^0.16.5"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.19.0"
+    "@eslint/core" "^0.10.0"
+    "@eslint/eslintrc" "^3.2.0"
+    "@eslint/js" "9.18.0"
+    "@eslint/plugin-kit" "^0.2.5"
+    "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
-    "@humanwhocodes/retry" "^0.3.1"
+    "@humanwhocodes/retry" "^0.4.1"
     "@types/estree" "^1.0.6"
     "@types/json-schema" "^7.0.15"
     ajv "^6.12.4"
     chalk "^4.0.0"
-    cross-spawn "^7.0.2"
+    cross-spawn "^7.0.6"
     debug "^4.3.2"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^8.1.0"
-    eslint-visitor-keys "^4.1.0"
-    espree "^10.2.0"
+    eslint-scope "^8.2.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
     esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -1081,16 +927,15 @@ eslint@^9.6.0:
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.3"
-    text-table "^0.2.0"
 
-espree@^10.0.1, espree@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-10.2.0.tgz#f4bcead9e05b0615c968e85f83816bc386a45df6"
-  integrity sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==
+espree@^10.0.1, espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
   dependencies:
-    acorn "^8.12.0"
+    acorn "^8.14.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^4.1.0"
+    eslint-visitor-keys "^4.2.0"
 
 espree@^9.3.1:
   version "9.6.1"
@@ -1120,18 +965,11 @@ estraverse@^5.1.0, estraverse@^5.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^2, estree-walker@^2.0.2:
+estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
-estree-walker@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
-  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -1142,16 +980,16 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.12:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
-  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+fast-glob@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
     glob-parent "^5.1.2"
     merge2 "^1.3.0"
-    micromatch "^4.0.4"
+    micromatch "^4.0.8"
 
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
@@ -1164,9 +1002,9 @@ fast-levenshtein@^2.0.6:
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
-  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.18.0.tgz#d631d7e25faffea81887fe5ea8c9010e1b36fee0"
+  integrity sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==
   dependencies:
     reusify "^1.0.4"
 
@@ -1208,9 +1046,9 @@ flat-cache@^4.0.0:
     keyv "^4.5.4"
 
 flatted@^3.2.9:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
-  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.2.tgz#adba1448a9841bec72b42c532ea23dbbedef1a27"
+  integrity sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==
 
 follow-redirects@^1.15.6:
   version "1.15.9"
@@ -1307,11 +1145,6 @@ globals@^14.0.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
   integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
 
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
@@ -1485,11 +1318,6 @@ lodash@^4.17.21:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loupe@^3.1.0, loupe@^3.1.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.2.tgz#c86e0696804a02218f2206124c45d8b15291a240"
-  integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==
-
 lru-cache@^10.2.0:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
@@ -1501,9 +1329,9 @@ luxon@^3.4.4:
   integrity sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==
 
 magic-string@^0.30.11:
-  version "0.30.12"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.12.tgz#9eb11c9d072b9bcb4940a5b2c2e1a217e4ee1a60"
-  integrity sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==
+  version "0.30.17"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
+  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
 
@@ -1512,7 +1340,7 @@ merge2@^1.3.0:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.4:
+micromatch@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
   integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
@@ -1685,15 +1513,10 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
-
 pinia@^2.1.7:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.2.4.tgz#79b63b231a3da80968ab58f7721f575fe2c509ac"
-  integrity sha512-K7ZhpMY9iJ9ShTC0cR2+PnxdQRuwVIsXDO/WIEV/RnMC/vmSoKDTKW/exNQYPI+4ij10UjXqdNiEHwn47McANQ==
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.3.1.tgz#54c476675b72f5abcfafa24a7582531ea8c23d94"
+  integrity sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==
   dependencies:
     "@vue/devtools-api" "^6.6.3"
     vue-demi "^0.14.10"
@@ -1716,13 +1539,13 @@ postcss-selector-parser@^6.0.15:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss@^8.4.43, postcss@^8.4.47:
-  version "8.4.47"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
-  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+postcss@^8.4.43, postcss@^8.4.48:
+  version "8.5.1"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.1.tgz#e2272a1f8a807fafa413218245630b5db10a3214"
+  integrity sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==
   dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.1.0"
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
 prelude-ls@^1.2.1:
@@ -1731,9 +1554,9 @@ prelude-ls@^1.2.1:
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
 prettier@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
-  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.4.2.tgz#a5ce1fb522a588bf2b78ca44c6e6fe5aa5a2b13f"
+  integrity sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==
 
 proxy-from-env@^1.1.0:
   version "1.1.0"
@@ -1746,9 +1569,9 @@ punycode@^2.1.0:
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
 qrcode.vue@^3.4.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/qrcode.vue/-/qrcode.vue-3.5.1.tgz#40553568bd68425f248087841fbfc930d98def80"
-  integrity sha512-Mek5hpUgYP2KsRW4mnyPMUttknuXSe37UorUzymYi3rr/74rV0aTvejl2gF2phrxwAEm6zhpSvkGzIxftxj5Tg==
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/qrcode.vue/-/qrcode.vue-3.6.0.tgz#d940fe96712922232aa19892bdd68793e62c73e7"
+  integrity sha512-vQcl2fyHYHMjDO1GguCldJxepq2izQjBkDEEu9NENgfVKP6mv/e2SU62WbqYHGwTgWXLhxZ1NCD1dAZKHQq1fg==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
@@ -1838,11 +1661,6 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-siginfo@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
-  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
-
 signal-exit@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
@@ -1921,13 +1739,6 @@ strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -1990,36 +1801,6 @@ svg.select.js@^3.0.1:
   dependencies:
     svg.js "^2.6.5"
 
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-tinybench@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.9.0.tgz#103c9f8ba6d7237a47ab6dd1dcff77251863426b"
-  integrity sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==
-
-tinyexec@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.1.tgz#0ab0daf93b43e2c211212396bdb836b468c97c98"
-  integrity sha512-WiCJLEECkO18gwqIp6+hJg0//p23HXp4S+gGtAKu3mI2F2/sXC4FvHvXvB0zJVVaTPhx1/tOwdbRsa1sOBIKqQ==
-
-tinypool@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-1.0.1.tgz#c64233c4fac4304e109a64340178760116dbe1fe"
-  integrity sha512-URZYihUbRPcGv95En+sz6MfghfIc2OJ1sv/RmhWZLouPY0/8Vo80viwPvg3dlaS9fuq7fQMEfgRRK7BBZThBEA==
-
-tinyrainbow@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-1.2.0.tgz#5c57d2fc0fb3d1afd78465c33ca885d04f02abb5"
-  integrity sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==
-
-tinyspy@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-3.0.2.tgz#86dd3cf3d737b15adcf17d7887c84a75201df20a"
-  integrity sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==
-
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -2040,34 +1821,34 @@ type-fest@^0.20.2:
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
 "typescript@4 - 5":
-  version "5.6.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.3.tgz#5f3449e31c9d94febb17de03cc081dd56d81db5b"
-  integrity sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==
+  version "5.7.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.7.3.tgz#919b44a7dbb8583a9b856d162be24a54bf80073e"
+  integrity sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==
 
 typical@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/typical/-/typical-4.0.0.tgz#cbeaff3b9d7ae1e2bbfaf5a4e6f11eccfde94fc4"
   integrity sha512-VAH4IvQ7BDFYglMd7BPRDfLgxZZX4O4TFcRDA6EN5X7erNJJq+McIEp8np9aVtxrCJ6qx4GTYVfOWNjcqwZgRw==
 
-undici-types@~6.19.2:
-  version "6.19.8"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.19.8.tgz#35111c9d1437ab83a7cdc0abae2f26d88eda0a02"
-  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
 
 unplugin-fonts@^1.0.3:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unplugin-fonts/-/unplugin-fonts-1.1.1.tgz#cd6600d2a048d8237a010b53c9c4dfb1ea73d80f"
-  integrity sha512-/Aw/rL9D2aslGGM0vi+2R2aG508RSwawLnnBuo+JDSqYc4cHJO1R1phllhN6GysEhBp/6a4B6+vSFPVapWyAAw==
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/unplugin-fonts/-/unplugin-fonts-1.3.1.tgz#84f2e446976d47d6d5bf9bed4bfa71d9adb1809e"
+  integrity sha512-GmaJWPAWH6lBI4fP8xKdbMZJwTgsnr8PGJOfQE52jlod8QkqSO4M529Nox2L8zYapjB5hox2wCu4N3c/LOal/A==
   dependencies:
-    fast-glob "^3.2.12"
-    unplugin "^1.3.1"
+    fast-glob "^3.3.2"
+    unplugin "2.0.0-beta.1"
 
-unplugin@^1.3.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.14.1.tgz#c76d6155a661e43e6a897bce6b767a1ecc344c1a"
-  integrity sha512-lBlHbfSFPToDYp9pjXlUEFVxYLaue9f9T1HC+4OHlmj+HnMDdz9oZY+erXfoCe/5V/7gKUSY2jpXPb9S7f0f/w==
+unplugin@2.0.0-beta.1:
+  version "2.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-2.0.0-beta.1.tgz#3f8c9ecfae03fc9e22d9821ba68d52aa46a13aeb"
+  integrity sha512-2qzQo5LN2DmUZXkWDHvGKLF5BP0WN+KthD6aPnPJ8plRBIjv4lh5O07eYcSxgO2znNw9s4MNhEO1sB+JDllDbQ==
   dependencies:
-    acorn "^8.12.1"
+    acorn "^8.14.0"
     webpack-virtual-modules "^0.6.2"
 
 upath@^2.0.1:
@@ -2087,16 +1868,6 @@ util-deprecate@^1.0.2:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-vite-node@2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-2.1.3.tgz#8291d31f91c69dc22fea7909f4394c2b3cc2e2d9"
-  integrity sha512-I1JadzO+xYX887S39Do+paRePCKoiDrWRRjp9kkG5he0t7RXNvPAJPCQSJqbGN4uCrFFeS3Kj3sLqY8NMYBEdA==
-  dependencies:
-    cac "^6.7.14"
-    debug "^4.3.6"
-    pathe "^1.1.2"
-    vite "^5.0.0"
-
 vite-plugin-vuetify@^2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-2.0.4.tgz#9beb700ee50da58d83399721d6cf4b0af83202d5"
@@ -2117,31 +1888,6 @@ vite@^5.4.12:
   optionalDependencies:
     fsevents "~2.3.3"
 
-vitest@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-2.1.3.tgz#dae1055dd328621b59fc6e594fd988fbf2e5370e"
-  integrity sha512-Zrxbg/WiIvUP2uEzelDNTXmEMJXuzJ1kCpbDvaKByFA9MNeO95V+7r/3ti0qzJzrxdyuUw5VduN7k+D3VmVOSA==
-  dependencies:
-    "@vitest/expect" "2.1.3"
-    "@vitest/mocker" "2.1.3"
-    "@vitest/pretty-format" "^2.1.3"
-    "@vitest/runner" "2.1.3"
-    "@vitest/snapshot" "2.1.3"
-    "@vitest/spy" "2.1.3"
-    "@vitest/utils" "2.1.3"
-    chai "^5.1.1"
-    debug "^4.3.6"
-    magic-string "^0.30.11"
-    pathe "^1.1.2"
-    std-env "^3.7.0"
-    tinybench "^2.9.0"
-    tinyexec "^0.3.0"
-    tinypool "^1.0.0"
-    tinyrainbow "^1.2.0"
-    vite "^5.0.0"
-    vite-node "2.1.3"
-    why-is-node-running "^2.3.0"
-
 vue-demi@^0.14.10:
   version "0.14.10"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
@@ -2161,16 +1907,16 @@ vue-eslint-parser@^9.4.3:
     semver "^7.3.6"
 
 vue-router@^4.4.0:
-  version "4.4.5"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.4.5.tgz#bdf535e4cf32414ebdea6b4b403593efdb541388"
-  integrity sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.0.tgz#58fc5fe374e10b6018f910328f756c3dae081f14"
+  integrity sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
 vue3-apexcharts@^1.5.3:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/vue3-apexcharts/-/vue3-apexcharts-1.7.0.tgz#45eb110af8c51164ce80329838e5e210901a7b87"
-  integrity sha512-BmWoS8+x5XLCtk2ml7rLVO+QU+fjgQUUCjUXSFW9cNQpCMa5Z0eRPvZjvYLt5aDKNREtuZoidlG9WRjZ/Af7lA==
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/vue3-apexcharts/-/vue3-apexcharts-1.8.0.tgz#1984648d966aa91bc4dc3e87fa847f5289f7f1cf"
+  integrity sha512-5tSD4mXTBbIJ9ir+58qHE6oNtIe0RNgqIRYMKpcsIaxkKtwUww4JhvPkpUFlmiW4OJbbdklgjleXq1lfcM4gdA==
 
 vue3-gettext@^3.0.0-beta.6:
   version "3.0.0-beta.6"
@@ -2187,20 +1933,20 @@ vue3-gettext@^3.0.0-beta.6:
     pofile "^1.1.4"
 
 vue@^3.4.31:
-  version "3.5.12"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.12.tgz#e08421c601b3617ea2c9ef0413afcc747130b36c"
-  integrity sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.13.tgz#9f760a1a982b09c0c04a867903fc339c9f29ec0a"
+  integrity sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==
   dependencies:
-    "@vue/compiler-dom" "3.5.12"
-    "@vue/compiler-sfc" "3.5.12"
-    "@vue/runtime-dom" "3.5.12"
-    "@vue/server-renderer" "3.5.12"
-    "@vue/shared" "3.5.12"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/compiler-sfc" "3.5.13"
+    "@vue/runtime-dom" "3.5.13"
+    "@vue/server-renderer" "3.5.13"
+    "@vue/shared" "3.5.13"
 
 vuetify@^3.6.12:
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.7.3.tgz#0e89f7f0298d452510bcbc01b0e9b53a5ce6e883"
-  integrity sha512-bpuvBpZl1/+nLlXDgdVXekvMNR6W/ciaoa8CYlpeAzAARbY8zUFSoBq05JlLhkIHI58AnzKVy4c09d0OtfYAPg==
+  version "3.7.7"
+  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.7.7.tgz#f40e06abf81c426a29aee53e166fb7fcb05e98cd"
+  integrity sha512-YqKnRo2+BZWQRzfxHVA/5reQo1eLvbS9Z6N+Lvaot/5lpdi7JWooMr/hWoCr7/QPBGRcXArHppqIB+hMfPlsXw==
 
 webpack-virtual-modules@^0.6.2:
   version "0.6.2"
@@ -2214,14 +1960,6 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-why-is-node-running@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.3.0.tgz#a3f69a97107f494b3cdc3bdddd883a7d65cebf04"
-  integrity sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==
-  dependencies:
-    siginfo "^2.0.0"
-    stackback "0.0.2"
-
 word-wrap@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
diff --git a/modoboa/contacts/__init__.py b/modoboa/contacts/__init__.py
new file mode 100644
index 000000000..856de4533
--- /dev/null
+++ b/modoboa/contacts/__init__.py
@@ -0,0 +1 @@
+default_app_config = "modoboa.contacts.apps.ModoboaContactsConfig"
diff --git a/modoboa/contacts/apps.py b/modoboa/contacts/apps.py
new file mode 100644
index 000000000..fa5cda020
--- /dev/null
+++ b/modoboa/contacts/apps.py
@@ -0,0 +1,8 @@
+from django.apps import AppConfig
+
+
+class ModoboaContactsConfig(AppConfig):
+    name = "modoboa.contacts"
+
+    def ready(self):
+        from . import handlers
diff --git a/modoboa/contacts/constants.py b/modoboa/contacts/constants.py
new file mode 100644
index 000000000..9d5e638ec
--- /dev/null
+++ b/modoboa/contacts/constants.py
@@ -0,0 +1,25 @@
+"""Contacts constants."""
+
+from django.utils.translation import gettext_lazy
+
+EMAIL_TYPES = (
+    ("home", gettext_lazy("Home")),
+    ("work", gettext_lazy("Work")),
+    ("other", gettext_lazy("Other")),
+)
+
+PHONE_TYPES = (
+    ("home", gettext_lazy("Home")),
+    ("work", gettext_lazy("Work")),
+    ("other", gettext_lazy("Other")),
+    ("main", gettext_lazy("Main")),
+    ("cell", gettext_lazy("Cellular")),
+    ("fax", gettext_lazy("Fax")),
+    ("pager", gettext_lazy("Pager")),
+)
+
+CDAV_TO_MODEL_FIELDS_MAP = {
+    "org": "company",
+    "title": "position",
+    "note": "note",
+}
diff --git a/modoboa/contacts/factories.py b/modoboa/contacts/factories.py
new file mode 100644
index 000000000..a0bfe9aab
--- /dev/null
+++ b/modoboa/contacts/factories.py
@@ -0,0 +1,80 @@
+"""Contacts factories."""
+
+import factory
+
+from modoboa.admin import factories as admin_factories
+
+from . import models
+
+
+class AddressBookFactory(factory.django.DjangoModelFactory):
+    """Address book factory."""
+
+    class Meta:
+        model = models.AddressBook
+
+    user = factory.SubFactory(admin_factories.UserFactory)
+    name = "Contacts"
+    _path = "contacts"
+
+
+class CategoryFactory(factory.django.DjangoModelFactory):
+    """Category factory."""
+
+    class Meta:
+        model = models.Category
+
+
+class EmailAddressFactory(factory.django.DjangoModelFactory):
+    """Email address factory."""
+
+    class Meta:
+        model = models.EmailAddress
+
+    type = "home"
+
+
+class PhoneNumberFactory(factory.django.DjangoModelFactory):
+    """Phone number factory."""
+
+    class Meta:
+        model = models.PhoneNumber
+
+    type = "home"
+
+
+class ContactFactory(factory.django.DjangoModelFactory):
+    """Contact factory."""
+
+    class Meta:
+        model = models.Contact
+
+    first_name = "Homer"
+    last_name = "Simpson"
+    display_name = factory.LazyAttribute(
+        lambda c: "{}{}".format(c.first_name, c.last_name)
+    )
+
+    @factory.post_generation
+    def categories(self, create, extracted, **dummy_kwargs):
+        """Add categories to contact."""
+        if not create or not extracted:
+            return
+        for item in extracted:
+            self.categories.add(item)
+
+    @factory.post_generation
+    def emails(self, create, extracted, **dummy_kwargs):
+        """Add emails to contact."""
+        if not create or not extracted:
+            return
+        for item in extracted:
+            EmailAddressFactory(contact=self, address=item)
+
+    @factory.post_generation
+    def phone_numbers(self, create, extracted, **dummy_kwargs):
+        """Add phone numbers to contact."""
+        if not create or not extracted:
+            return
+        for item in extracted:
+            PhoneNumberFactory(contact=self, number=item)
diff --git a/modoboa/contacts/forms.py b/modoboa/contacts/forms.py
new file mode 100644
index 000000000..a9b100a48
--- /dev/null
+++ b/modoboa/contacts/forms.py
@@ -0,0 +1,59 @@
+"""Contacts forms."""
+
+from django import forms
+from django.utils import timezone
+from django.utils.translation import gettext_lazy as _
+
+from modoboa.lib import cryptutils
+from modoboa.lib import form_utils
+from modoboa.lib import signals as lib_signals
+from modoboa.parameters import forms as param_forms
+
+from . import tasks
+
+
+class UserSettings(param_forms.UserParametersForm):
+    """User settings."""
+
+    app = "contacts"
+
+    sep1 = form_utils.SeparatorField(label=_("Synchronization"))
+
+    enable_carddav_sync = form_utils.YesNoField(
+        initial=False,
+        label=_("Synchonize address book using CardDAV"),
+        help_text=_(
+            "Choose to synchronize or not your address book using CardDAV. "
+            "You will be able to access your contacts from the outside."
+        ),
+    )
+
+    sync_frequency = forms.IntegerField(
+        initial=300,
+        label=_("Synchronization frequency"),
+        help_text=_("Interval in seconds between 2 synchronization requests"),
+    )
+
+    visibility_rules = {"sync_frequency": "enable_carddav_sync=True"}
+
+    def clean_sync_frequency(self):
+        """Make sure frequency is a positive integer."""
+        if self.cleaned_data["sync_frequency"] < 60:
+            raise forms.ValidationError(_("Minimum allowed value is 60s"))
+        return self.cleaned_data["sync_frequency"]
+
+    def save(self, *args, **kwargs):
+        """Create remote cal if necessary."""
+        super(UserSettings, self).save(*args, **kwargs)
+        if not self.cleaned_data["enable_carddav_sync"]:
+            return
+        abook = self.user.addressbook_set.first()
+        if abook.last_sync:
+            return
+        request = lib_signals.get_request()
+        tasks.create_cdav_addressbook(
+            abook, cryptutils.decrypt(request.session["password"])
+        )
+        if not abook.contact_set.exists():
+            abook.last_sync = timezone.now()
+            abook.save(update_fields=["last_sync"])
diff --git a/modoboa/contacts/handlers.py b/modoboa/contacts/handlers.py
new file mode 100644
index 000000000..17fb9e698
--- /dev/null
+++ b/modoboa/contacts/handlers.py
@@ -0,0 +1,65 @@
+"""Webmail handlers."""
+
+from django.db.models import signals
+from django.urls import reverse
+from django.dispatch import receiver
+from django.utils.translation import gettext as _
+
+from modoboa.admin import models as admin_models
+from modoboa.core import signals as core_signals
+from modoboa.lib import signals as lib_signals
+
+from . import models
+
+
+@receiver(core_signals.get_top_notifications)
+def check_addressbook_first_sync(sender, include_all, **kwargs):
+    """Check if address book first sync has been made."""
+    request = lib_signals.get_request()
+    qset = request.user.addressbook_set.filter(last_sync__isnull=True)
+    condition = (
+        not request.user.parameters.get_value("enable_carddav_sync", app="contacts")
+        or not qset.exists()
+    )
+    if condition:
+        return []
+    return [
+        {
+            "id": "abook_sync_required",
+            "url": reverse("modoboa_contacts:index"),
+            "text": _("Your address book must be synced"),
+            "level": "warning",
+        }
+    ]
+
+
+@receiver(signals.post_save, sender=admin_models.Mailbox)
+def create_addressbook(sender, instance, created, **kwargs):
+    """Create default address book for new mailbox."""
+    if not created:
+        return
+    models.AddressBook.objects.create(
+        user=instance.user, name="Contacts", _path="contacts"
+    )
+
+
+# @receiver(core_signals.extra_static_content)
+# def inject_sync_poller(sender, caller, st_type, user, **kwargs):
+#     """Inject javascript code."""
+#     condition = (
+#         caller != "top" or
+#         st_type != "js" or
+#         not hasattr(user, "mailbox") or
+#         not user.parameters.get_value("enable_carddav_sync")
+#     )
+#     if condition:
+#         return ""
+#     return """<script>
+# $(document).ready(function () {
+#     new Poller('%s', {
+#         interval: %d * 1000
+#     });
+# });
+# </script>
+# """ % (reverse("api:addressbook-sync-from-cdav"),
+#        user.parameters.get_value("sync_frequency"))
diff --git a/modoboa/contacts/importer/__init__.py b/modoboa/contacts/importer/__init__.py
new file mode 100644
index 000000000..0ae0a65df
--- /dev/null
+++ b/modoboa/contacts/importer/__init__.py
@@ -0,0 +1,35 @@
+import csv
+
+from modoboa_contacts.importer.backends.outlook import OutlookBackend
+
+
+BACKENDS = [
+    OutlookBackend,
+]
+
+
+def get_import_backend(fp, delimiter: str = ";", name: str = "auto"):
+    reader = csv.DictReader(fp, delimiter=delimiter, skipinitialspace=True)
+    columns = reader.fieldnames
+    rows = reader
+
+    for backend in BACKENDS:
+        if name == "auto":
+            if backend.detect_from_columns(columns):
+                return backend, rows
+        elif name == backend.name:
+            return backend, rows
+
+    raise RuntimeError("Failed to detect backend to use")
+
+
+def import_csv_file(
+    addressbook,
+    backend_name: str,
+    csv_filename: str,
+    delimiter: str,
+    carddav_password: str = None,
+):
+    with open(csv_filename) as fp:
+        backend, rows = get_import_backend(fp, delimiter, backend_name)
+        backend(addressbook).proceed(rows, carddav_password)
diff --git a/modoboa/contacts/importer/backends/__init__.py b/modoboa/contacts/importer/backends/__init__.py
new file mode 100644
index 000000000..767704dd2
--- /dev/null
+++ b/modoboa/contacts/importer/backends/__init__.py
@@ -0,0 +1,58 @@
+from modoboa_contacts import models, tasks
+
+
+class ImporterBackend:
+    """Base class of all importer backends."""
+
+    name: str = None
+
+    field_names: dict = {}
+
+    def __init__(self, addressbook: models.AddressBook):
+        self.addressbook = addressbook
+
+    @classmethod
+    def detect_from_columns(cls, columns: list) -> bool:
+        raise NotImplementedError
+
+    def get_email(self, values: dict):
+        return None
+
+    def get_phone_number(self, values: dict):
+        return None
+
+    def import_contact(self, row) -> models.Contact:
+        contact = models.Contact(addressbook=self.addressbook)
+        for local_name, row_name in self.field_names.items():
+            method_name = f"get_{local_name}"
+            if hasattr(self, method_name):
+                value = getattr(self, method_name)(row)
+            else:
+                value = row[row_name]
+            setattr(contact, local_name, value)
+        contact.save()
+        if self.get_email(row):
+            models.EmailAddress.objects.create(
+                contact=contact, address=self.get_email(row), type="work"
+            )
+        if self.get_phone_number(row):
+            models.PhoneNumber.objects.create(
+                contact=contact, number=self.get_phone_number(row), type="work"
+            )
+        return contact
+
+    def proceed(self, rows: list, carddav_password: str = None):
+        for row in rows:
+            contact = self.import_contact(row)
+            if carddav_password:
+                # FIXME: refactor CDAV tasks to allow connection from
+                # credentials and not only request
+                clt = tasks.get_cdav_client(
+                    self.addressbook,
+                    self.addressbook.user.email,
+                    carddav_password,
+                    True,
+                )
+                path, etag = clt.upload_new_card(contact.uid, contact.to_vcard())
+                contact.etag = etag
+                contact.save(update_fields=["etag"])
diff --git a/modoboa/contacts/importer/backends/outlook.py b/modoboa/contacts/importer/backends/outlook.py
new file mode 100644
index 000000000..a9cba2b5c
--- /dev/null
+++ b/modoboa/contacts/importer/backends/outlook.py
@@ -0,0 +1,53 @@
+from . import ImporterBackend
+
+
+OUTLOOK_COLUMNS = [
+    "First Name",
+    "Middle Name",
+    "Last Name",
+    "Company",
+    "E-mail Address",
+    "Business Phone",
+    "Business Street",
+    "Business Street 2",
+    "Business City",
+    "Business State",
+    "Business Postal Code",
+]
+
+
+class OutlookBackend(ImporterBackend):
+    """Outlook contact importer backend."""
+
+    name = "outlook"
+    field_names = {
+        "first_name": "",
+        "last_name": "Last Name",
+        "company": "Company",
+        "address": "",
+        "city": "Business City",
+        "zipcode": "Business Postal Code",
+        "state": "Business State",
+    }
+
+    @classmethod
+    def detect_from_columns(cls, columns):
+        return set(OUTLOOK_COLUMNS).issubset(columns)
+
+    def get_first_name(self, values: dict) -> str:
+        result = values["First Name"]
+        if values["Middle Name"]:
+            result += f" {values['Middle Name']}"
+        return result
+
+    def get_address(self, values: dict) -> str:
+        result = values["Business Street"]
+        if values["Business Street 2"]:
+            result += f" {values['Business Street 2']}"
+        return result
+
+    def get_email(self, values: dict) -> str:
+        return values["E-mail Address"]
+
+    def get_phone_number(self, values: dict) -> str:
+        return values["Business Phone"]
diff --git a/modoboa/contacts/lib/__init__.py b/modoboa/contacts/lib/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/modoboa/contacts/lib/carddav.py b/modoboa/contacts/lib/carddav.py
new file mode 100644
index 000000000..a4126bd7c
--- /dev/null
+++ b/modoboa/contacts/lib/carddav.py
@@ -0,0 +1,423 @@
+# vim: set ts=4 sw=4 expandtab sts=4:
+# Copyright (c) 2011-2014 Christian Geier & contributors
+# Copyright (c) 2018 Antoine Nguyen <tonio@ngyn.org>
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+"""
+contains the class PyCardDAv and some associated functions and definitions
+"""
+
+from collections import namedtuple
+import logging
+
+from six.moves import urllib
+
+from caldav import elements
+import lxml.etree as ET
+import requests
+
+
+class UploadFailed(Exception):
+    """uploading the card failed"""
+
+    pass
+
+
+class NoWriteSupport(Exception):
+    """write support has not been enabled"""
+
+    pass
+
+
+nsmap = {
+    "D": "DAV:",
+    "CARD": "urn:ietf:params:xml:ns:carddav",
+}
+
+
+def ns(prefix, tag=None):
+    name = "{%s}" % nsmap[prefix]
+    if tag is not None:
+        name = "%s%s" % (name, tag)
+    return name
+
+
+class Mkcol(elements.base.BaseElement):
+    tag = ns("CARD", "mkcol")
+
+
+class AddressBook(elements.base.BaseElement):
+    tag = ns("CARD", "addressbook")
+
+
+class AddressBookQuery(elements.base.BaseElement):
+    tag = ns("CARD", "addressbook-query")
+
+
+class AddressData(elements.base.BaseElement):
+    tag = ns("CARD", "address-data")
+
+
+class Etag(elements.base.BaseElement):
+    tag = ns("D", "getetag")
+
+
+class SyncToken(elements.base.BaseElement):
+    tag = ns("D", "sync-token")
+
+
+class SyncLevel(elements.base.BaseElement):
+    tag = ns("D", "sync-level")
+
+
+class SyncCollectionQuery(elements.base.BaseElement):
+    tag = ns("D", "sync-collection")
+
+
+class PyCardDAV(object):
+    """class for interacting with a CardDAV server
+
+    Since PyCardDAV relies heavily on Requests [1] its SSL verification is also
+    shared by PyCardDAV [2]. For now, only the *verify* keyword is exposed
+    through PyCardDAV.
+
+    [1] http://docs.python-requests.org/
+    [2] http://docs.python-requests.org/en/latest/user/advanced/
+
+    raises:
+        requests.exceptions.SSLError
+        requests.exceptions.ConnectionError
+        more requests.exceptions depending on the actual error
+        Exception (shame on me)
+
+    """
+
+    def __init__(
+        self,
+        resource,
+        debug="",
+        user="",
+        passwd="",
+        verify=True,
+        write_support=False,
+        auth="basic",
+    ):
+        # shutup urllib3
+        urllog = logging.getLogger("requests.packages.urllib3.connectionpool")
+        urllog.setLevel(logging.CRITICAL)
+        urllog = logging.getLogger("urllib3.connectionpool")
+        urllog.setLevel(logging.CRITICAL)
+
+        # activate pyopenssl if available
+        try:
+            import urllib3.contrib.pyopenssl
+        except ImportError:
+            pass
+        else:
+            urllib3.contrib.pyopenssl.inject_into_urllib3()
+
+        split_url = urllib.parse.urlparse(resource)
+        url_tuple = namedtuple("url", "resource base path")
+        self.url = url_tuple(
+            resource, split_url.scheme + "://" + split_url.netloc, split_url.path
+        )
+        self.debug = debug
+        self.session = requests.session()
+        self.write_support = write_support
+        self._settings = {"verify": verify}
+        if auth == "basic":
+            self._settings["auth"] = (
+                user,
+                passwd,
+            )
+        if auth == "digest":
+            from requests.auth import HTTPDigestAuth
+
+            self._settings["auth"] = HTTPDigestAuth(user, passwd)
+        self._default_headers = {"User-Agent": "pyCardDAV"}
+
+        headers = self.headers
+        headers["Depth"] = "1"
+        response = self.session.request(
+            "OPTIONS", self.url.resource, headers=headers, **self._settings
+        )
+        response.raise_for_status()  # raises error on not 2XX HTTP status code
+        if "addressbook" not in response.headers.get("DAV", ""):
+            raise Exception("URL is not a CardDAV resource")
+
+    @property
+    def verify(self):
+        """gets verify from settings dict"""
+        return self._settings["verify"]
+
+    @verify.setter
+    def verify(self, verify):
+        """set verify"""
+        self._settings["verify"] = verify
+
+    @property
+    def headers(self):
+        """returns the headers"""
+        return dict(self._default_headers)
+
+    def _check_write_support(self):
+        """checks if user really wants his data destroyed"""
+        if not self.write_support:
+            raise NoWriteSupport
+
+    def create_abook(self):
+        """Create a new address book."""
+        self._check_write_support()
+        data = Mkcol() + [
+            elements.dav.Set()
+            + [
+                elements.dav.Prop()
+                + [
+                    elements.dav.ResourceType()
+                    + elements.dav.Collection()
+                    + AddressBook()
+                ]
+            ]
+        ]
+        body = ET.tostring(data.xmlelement(), encoding="utf-8", xml_declaration=True)
+        response = self.session.request(
+            "MKCOL",
+            self.url.resource,
+            data=body,
+            headers=self.headers,
+            **self._settings,
+        )
+        response.raise_for_status()
+
+    def get_abook(self):
+        """does the propfind and processes what it returns
+
+        :rtype: list of hrefs to vcards
+        """
+        xml = self._get_xml_props()
+        abook = self._process_xml_props(xml)
+        return abook
+
+    def get_vcard(self, href):
+        """
+        pulls vcard from server
+
+        :returns: vcard
+        :rtype: string
+        """
+        response = self.session.get(
+            self.url.base + href, headers=self.headers, **self._settings
+        )
+        response.raise_for_status()
+        return response.content
+
+    def get_sync_token(self):
+        """Retrieve the current sync token."""
+        headers = self.headers
+        headers["Depth"] = "0"
+        data = elements.dav.Propfind() + [elements.dav.Prop() + SyncToken()]
+        body = ET.tostring(data.xmlelement(), encoding="utf-8", xml_declaration=True)
+        response = self.session.request(
+            "PROPFIND", self.url.resource, data=body, headers=headers, **self._settings
+        )
+        response.raise_for_status()
+        abook = self._process_xml_props(response.content)
+        return abook["sync-token"]
+
+    def sync_vcards(self, sync_token=None):
+        """Synchronize vcards using webdav sync."""
+        data = (
+            SyncCollectionQuery()
+            + [elements.dav.Prop() + Etag()]
+            + SyncToken(value=sync_token)
+            + SyncLevel(value="1")
+        )
+        body = ET.tostring(data.xmlelement(), encoding="utf-8", xml_declaration=True)
+        response = self.session.request(
+            "REPORT",
+            self.url.resource,
+            data=body,
+            headers=self.headers,
+            **self._settings,
+        )
+        response.raise_for_status()
+        return self.__process_report_result(response.content)
+
+    def update_vcard(self, card, uid, etag):
+        """
+        pushes changed vcard to the server
+        card: vcard as unicode string
+        etag: str or None, if this is set to a string, card is only updated if
+              remote etag matches. If etag = None the update is forced anyway
+        """
+        # TODO what happens if etag does not match?
+        self._check_write_support()
+        remotepath = str(self.url.resource + "/" + uid)
+        headers = self.headers
+        headers["content-type"] = "text/vcard"
+        if etag is not None:
+            headers["If-Match"] = etag
+        response = self.session.put(
+            remotepath, data=card, headers=headers, **self._settings
+        )
+        if not response.ok:
+            response.raise_for_status()
+        # Now retrieve the new etag
+        data = AddressBookQuery() + [elements.dav.Prop() + Etag()]
+        body = ET.tostring(data.xmlelement(), encoding="utf-8", xml_declaration=True)
+        response = self.session.request(
+            "REPORT", remotepath, data=body, headers=self.headers, **self._settings
+        )
+        response.raise_for_status()
+        return self.__process_report_result(response.content)
+
+    def delete_vcard(self, uid, etag):
+        """deletes vcard from server
+
+        deletes the resource at href if etag matches,
+        if etag=None delete anyway
+        :param uid: UID of card to be deleted
+        :type uid: str()
+        :param etag: etag of that card, if None card is always deleted
+        :type href: str()
+        :returns: nothing
+        """
+        # TODO: what happens if etag does not match, url does not exist etc ?
+        self._check_write_support()
+        remotepath = str(self.url.resource + "/" + uid)
+        headers = self.headers
+        headers["content-type"] = "text/vcard"
+        if etag is not None:
+            headers["If-Match"] = etag
+        response = self.session.delete(remotepath, headers=headers, **self._settings)
+        response.raise_for_status()
+
+    def upload_new_card(self, uid, card):
+        """
+        upload new card to the server
+
+        :param card: vcard to be uploaded
+        :type card: unicode
+        :rtype: tuple of string (path of the vcard on the server) and etag of
+                new card (string or None)
+        """
+        self._check_write_support()
+        card = card.encode("utf-8")
+        remotepath = str(self.url.resource + "/" + uid)
+        headers = self.headers
+        headers["content-type"] = "text/vcard"  # TODO perhaps this should
+        # be set to the value this carddav server uses itself
+        headers["If-None-Match"] = "*"
+        response = requests.put(
+            remotepath, data=card, headers=headers, **self._settings
+        )
+        if response.ok:
+            parsed_url = urllib.parse.urlparse(remotepath)
+            etag = response.headers.get("etag", "")
+            return (parsed_url.path, etag)
+        response.raise_for_status()
+
+    def __process_report_result(self, xml):
+        """Parse REPORT query result and return a dict."""
+        result = {"cards": []}
+        ns = "{DAV:}"
+        element = ET.XML(xml)
+        for item in element.iterchildren():
+            if item.tag != ns + "response":
+                result["token"] = item.text
+                continue
+            card = {}
+            for d in item.iterdescendants():
+                if d.tag == ns + "href":
+                    card["href"] = d.text
+                elif d.tag == ns + "status":
+                    card["status"] = d.text
+                elif d.tag == ns + "getetag":
+                    card["etag"] = d.text
+            result["cards"].append(card)
+        return result
+
+    def _get_xml_props(self):
+        """PROPFIND method
+
+        gets the xml file with all vcard hrefs
+
+        :rtype: str() (an xml file)
+        """
+        headers = self.headers
+        headers["Depth"] = "0"
+        response = self.session.request(
+            "PROPFIND", self.url.resource, headers=headers, **self._settings
+        )
+        response.raise_for_status()
+        return response.content
+
+    @classmethod
+    def _process_xml_props(cls, xml):
+        """processes the xml from PROPFIND, listing all vcard hrefs
+
+        :param xml: the xml file
+        :type xml: str()
+        :rtype: dict() key: href, value: etag
+        """
+        namespace = "{DAV:}"
+
+        element = ET.XML(xml)
+        abook = dict()
+        for response in element.iterchildren():
+            if response.tag != namespace + "response":
+                continue
+            href = ""
+            etag = ""
+            insert = False
+            for refprop in response.iterchildren():
+                if refprop.tag == namespace + "href":
+                    href = refprop.text
+                for prop in refprop.iterchildren():
+                    for props in prop.iterchildren():
+                        # different servers give different getcontenttypes:
+                        # e.g.:
+                        #  "text/vcard"
+                        #  "text/x-vcard"
+                        #  "text/x-vcard; charset=utf-8"
+                        #  "text/directory;profile=vCard"
+                        #  "text/directory"
+                        #  "text/vcard; charset=utf-8"  CalendarServer
+                        if (
+                            props.tag == namespace + "getcontenttype"
+                            and props.text.split(";")[0].strip()
+                            in ["text/vcard", "text/x-vcard"]
+                        ):
+                            insert = True
+                        if (
+                            props.tag == namespace + "resourcetype"
+                            and namespace + "collection"
+                            in [c.tag for c in props.iterchildren()]
+                        ):
+                            insert = False
+                            break
+                        if props.tag == namespace + "getetag":
+                            etag = props.text
+                            break
+                        if props.tag == namespace + "sync-token":
+                            abook["sync-token"] = props.text
+                    if insert:
+                        abook[href] = etag
+        return abook
diff --git a/modoboa/contacts/locale/br/LC_MESSAGES/django.po b/modoboa/contacts/locale/br/LC_MESSAGES/django.po
new file mode 100644
index 000000000..eefc9cfaf
--- /dev/null
+++ b/modoboa/contacts/locale/br/LC_MESSAGES/django.po
@@ -0,0 +1,99 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# 
+# Translators:
+# Irriep Nala Novram <allannkorh@yahoo.fr>, 2019
+# 
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: 2018-10-12 09:06+0000\n"
+"Last-Translator: Irriep Nala Novram <allannkorh@yahoo.fr>, 2019\n"
+"Language-Team: Breton (https://www.transifex.com/tonio/teams/13749/br/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Language: br\n"
+"Plural-Forms: nplurals=5; plural=((n%10 == 1) && (n%100 != 11) && (n%100 !=71) && (n%100 !=91) ? 0 :(n%10 == 2) && (n%100 != 12) && (n%100 !=72) && (n%100 !=92) ? 1 :(n%10 ==3 || n%10==4 || n%10==9) && (n%100 < 10 || n% 100 > 19) && (n%100 < 70 || n%100 > 79) && (n%100 < 90 || n%100 > 99) ? 2 :(n != 0 && n % 1000000 == 0) ? 3 : 4);\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr "Ti"
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr "Labour"
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr "Traoù all"
+
+#: constants.py:15
+msgid "Main"
+msgstr "Pennañ"
+
+#: constants.py:16
+msgid "Cellular"
+msgstr "Kelligel"
+
+#: constants.py:17
+msgid "Fax"
+msgstr "Faks"
+
+#: constants.py:18
+msgid "Pager"
+msgstr "Pajenner"
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr "Sinkroneladur"
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr "Sinkronelaat ho levr chomlec'hioù gant CardDAV"
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+"Dibabit sinkronelaat ho levr chomlec'hioù pe chom hep en ober gant CardDAV. "
+"Posupl e vo deoc'h tizhout ho tarempredoù adalek an diavaez."
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr "Frekañs sinkroneladur"
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr "Padelezh en eilennoù etre 2 reked sinkroneladur"
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr "Talvoudegezh bihanañ aotreet a zo 60eil"
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr "Darempredoù"
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr "Ho levr chomlec'hioù a rank bezañ sinkronelaet"
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr "Neket termenet lec'hiadur ho servijer, reizhit an dra-se mar plij."
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr "Levr chomlec'hioù"
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr "Anv pe anv da ziskouez rekiset"
diff --git a/modoboa/contacts/locale/en/LC_MESSAGES/django.po b/modoboa/contacts/locale/en/LC_MESSAGES/django.po
new file mode 100644
index 000000000..7f0df1d06
--- /dev/null
+++ b/modoboa/contacts/locale/en/LC_MESSAGES/django.po
@@ -0,0 +1,93 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr ""
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr ""
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr ""
+
+#: constants.py:15
+msgid "Main"
+msgstr ""
+
+#: constants.py:16
+msgid "Cellular"
+msgstr ""
+
+#: constants.py:17
+msgid "Fax"
+msgstr ""
+
+#: constants.py:18
+msgid "Pager"
+msgstr ""
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr ""
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr ""
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr ""
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr ""
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr ""
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr ""
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr ""
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr ""
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr ""
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr ""
diff --git a/modoboa/contacts/locale/es/LC_MESSAGES/django.po b/modoboa/contacts/locale/es/LC_MESSAGES/django.po
new file mode 100644
index 000000000..1b6ebcb22
--- /dev/null
+++ b/modoboa/contacts/locale/es/LC_MESSAGES/django.po
@@ -0,0 +1,99 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# 
+# Translators:
+# Luis Fajardo López <luis@fajardolopez.com>, 2018
+# 
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: 2018-10-12 09:06+0000\n"
+"Last-Translator: Luis Fajardo López <luis@fajardolopez.com>, 2018\n"
+"Language-Team: Spanish (https://www.transifex.com/tonio/teams/13749/es/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Language: es\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr "Casa"
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr "Trabajo"
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr "Otro"
+
+#: constants.py:15
+msgid "Main"
+msgstr "Principal"
+
+#: constants.py:16
+msgid "Cellular"
+msgstr "Móvil"
+
+#: constants.py:17
+msgid "Fax"
+msgstr "Fax"
+
+#: constants.py:18
+msgid "Pager"
+msgstr "Localizador"
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr "Sincronización"
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr "Sincronizar libro de direcciones usando CardDAV"
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+"Seleccione para sincronizar o no su libro de direcciones usando CardDAV. "
+"Podrá acceder a sus contactos remotamente."
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr "Frecuencia de sincronización"
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr "Intervalo en segundos entre 2 peticiones de sincronización"
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr "El valor mínimo autorizado es 60s"
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr "Contactos"
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr "Su libro de direcciones tiene que ser sincronizado"
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr "No se ha configurado la dirección del servidor, por favor corríjalo."
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr "Libro de direcciones"
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr "Se requiere el nombre o el nombre a mostrar"
diff --git a/modoboa/contacts/locale/fr/LC_MESSAGES/django.po b/modoboa/contacts/locale/fr/LC_MESSAGES/django.po
new file mode 100644
index 000000000..ab1ec5c56
--- /dev/null
+++ b/modoboa/contacts/locale/fr/LC_MESSAGES/django.po
@@ -0,0 +1,95 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr "Personnel"
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr "Professionnel"
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr "Autre"
+
+#: constants.py:15
+msgid "Main"
+msgstr "Principal"
+
+#: constants.py:16
+msgid "Cellular"
+msgstr "Mobile"
+
+#: constants.py:17
+msgid "Fax"
+msgstr "Fax"
+
+#: constants.py:18
+msgid "Pager"
+msgstr "Pager"
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr "Synchronisation"
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr "Synchroniser le carnet d'adresse via CardDAV"
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+"Choisissez de synchroniser ou pas votre carnet d'adresse via CardDAV. Vous "
+"pourrez accéder à vos contacts depuis l'extérieur."
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr "Fréquence de synchronisation"
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr "Intervalle en secondes entre 2 requêtes de synchronisation"
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr "La valeur minimale autorisée est 60s"
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr "Contacts"
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr "Votre carnet d'adresse doit être synchronisé"
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr "L'adresse du serveur n'est pas définie, merci de le faire."
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr "Carnet d'adresse"
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr "Nom ou nom affiché requis"
diff --git a/modoboa/contacts/locale/it/LC_MESSAGES/django.po b/modoboa/contacts/locale/it/LC_MESSAGES/django.po
new file mode 100644
index 000000000..b3199ecca
--- /dev/null
+++ b/modoboa/contacts/locale/it/LC_MESSAGES/django.po
@@ -0,0 +1,99 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# 
+# Translators:
+# marcotrevisan <mrctrevisan@yahoo.it>, 2018
+# 
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: 2018-10-12 09:06+0000\n"
+"Last-Translator: marcotrevisan <mrctrevisan@yahoo.it>, 2018\n"
+"Language-Team: Italian (https://www.transifex.com/tonio/teams/13749/it/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Language: it\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr "Casa"
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr "Lavoro"
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr "Altro"
+
+#: constants.py:15
+msgid "Main"
+msgstr "Principale"
+
+#: constants.py:16
+msgid "Cellular"
+msgstr "Cellulare"
+
+#: constants.py:17
+msgid "Fax"
+msgstr "Fax"
+
+#: constants.py:18
+msgid "Pager"
+msgstr "Cercapersone"
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr "Sincronizzazione"
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr "Sincronizza la rubrica via CardDAV"
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+"Scegli se sincronizzare o no la tua rubrica via CardDAV. Ti permetterà di "
+"accedere ai tuoi contatti da applicazioni esterne."
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr "Frequenza di sincronizzazione"
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr "Intervallo in secondi tra 2 richieste di sincronizzazione"
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr "Il minimo valore permesso è 60s"
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr "Contatti"
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr "La tua rubrica deve essere sincronizzata"
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr "Posizione del server non impostata, si prega di correggere."
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr "Rubrica"
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr "Nome, o nome visualizzato, richiesto"
diff --git a/modoboa/contacts/locale/pl_PL/LC_MESSAGES/django.po b/modoboa/contacts/locale/pl_PL/LC_MESSAGES/django.po
new file mode 100644
index 000000000..ad0e20d3e
--- /dev/null
+++ b/modoboa/contacts/locale/pl_PL/LC_MESSAGES/django.po
@@ -0,0 +1,96 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# 
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2018-10-12 11:02+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: Wojtek Gajda <vac@milowice.net>, 2018\n"
+"Language-Team: Polish (Poland) (https://www.transifex.com/tonio/teams/13749/pl_PL/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Language: pl_PL\n"
+"Plural-Forms: nplurals=4; plural=(n==1 ? 0 : (n%10>=2 && n%10<=4) && (n%100<12 || n%100>14) ? 1 : n!=1 && (n%10>=0 && n%10<=1) || (n%10>=5 && n%10<=9) || (n%100>=12 && n%100<=14) ? 2 : 3);\n"
+
+#: constants.py:6 constants.py:12
+msgid "Home"
+msgstr "Dom"
+
+#: constants.py:7 constants.py:13
+msgid "Work"
+msgstr "Praca"
+
+#: constants.py:8 constants.py:14
+msgid "Other"
+msgstr "Inny"
+
+#: constants.py:15
+msgid "Main"
+msgstr "Główny"
+
+#: constants.py:16
+msgid "Cellular"
+msgstr "Komórkowy"
+
+#: constants.py:17
+msgid "Fax"
+msgstr "Fax"
+
+#: constants.py:18
+msgid "Pager"
+msgstr "Pager"
+
+#: forms.py:15
+msgid "Synchronization"
+msgstr "Synchronizacja"
+
+#: forms.py:19
+msgid "Synchonize address book using CardDAV"
+msgstr "Synchronizuj książkę adresową używając CardDAV"
+
+#: forms.py:21
+msgid ""
+"Choose to synchronize or not your address book using CardDAV. You will be "
+"able to access your contacts from the outside."
+msgstr ""
+"Wybierz czy synchronizować lub nie Twoją książkę adresową używając CardDAV. "
+"Zyskasz możliwość dostępu do Twoich kontaktów z zewnątrz."
+
+#: forms.py:28
+msgid "Synchronization frequency"
+msgstr "Częstotliwość synchronizacji"
+
+#: forms.py:30
+msgid "Interval in seconds between 2 synchronization requests"
+msgstr "Odstęp pomiędzy synchronizacjami, w sekundach"
+
+#: forms.py:42
+msgid "Minimum allowed value is 60s"
+msgstr "Dopuszczalna minimalna wartość to 60"
+
+#: handlers.py:24 modo_extension.py:17 modo_extension.py:25
+#: templates/modoboa_contacts/index.html:6
+msgid "Contacts"
+msgstr "Kontakty"
+
+#: handlers.py:41
+msgid "Your address book must be synced"
+msgstr "Twoja książka adresowa musi być zsynchronizowana"
+
+#: models.py:36
+msgid "Server location is not set, please fix it."
+msgstr "Lokalizacja serwera nie jest ustawiona, należy to poprawić."
+
+#: modo_extension.py:19
+msgid "Address book"
+msgstr "Książka adresowa"
+
+#: serializers.py:87
+msgid "Name or display name required"
+msgstr "Nazwa albo wyświetlana nazwa jest wymagana"
diff --git a/modoboa/contacts/management/__init__.py b/modoboa/contacts/management/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/modoboa/contacts/management/commands/__init__.py b/modoboa/contacts/management/commands/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/modoboa/contacts/management/commands/import_contacts.py b/modoboa/contacts/management/commands/import_contacts.py
new file mode 100644
index 000000000..972ab21c2
--- /dev/null
+++ b/modoboa/contacts/management/commands/import_contacts.py
@@ -0,0 +1,59 @@
+"""Management command to import contacts from a CSV file."""
+
+from django.core.management.base import BaseCommand, CommandError
+
+from modoboa_contacts import models
+from modoboa_contacts.importer import import_csv_file
+
+
+class Command(BaseCommand):
+    """Management command to import contacts."""
+
+    help = "Import contacts from a CSV file"
+
+    def add_arguments(self, parser):
+        parser.add_argument(
+            "--delimiter", type=str, default=",", help="Delimiter used in CSV file"
+        )
+        parser.add_argument(
+            "--carddav-password",
+            type=str,
+            default=None,
+            help=(
+                "Password associated to email. If provided, imported "
+                "contacts will be synced to CardDAV servert too"
+            ),
+        )
+        parser.add_argument(
+            "--backend",
+            type=str,
+            default="auto",
+            help=(
+                "Specify import backend to use. Defaults to 'auto', "
+                "meaning the script will try to guess which one to use"
+            ),
+        )
+        parser.add_argument(
+            "email", type=str, help="Email address to import contacts for"
+        )
+        parser.add_argument("file", type=str, help="Path of the CSV file to import")
+
+    def handle(self, *args, **options):
+        addressbook = models.AddressBook.objects.filter(
+            user__email=options["email"]
+        ).first()
+        if not addressbook:
+            raise CommandError(
+                "Address Book for email '%s' not found" % options["email"]
+            )
+        try:
+            import_csv_file(
+                addressbook,
+                options["backend"],
+                options["file"],
+                options["delimiter"],
+                options.get("carddav_password"),
+            )
+        except RuntimeError as err:
+            raise CommandError(err)
+        self.stdout.write(self.style.SUCCESS("File was imported successfuly"))
diff --git a/modoboa/contacts/migrations/0001_initial.py b/modoboa/contacts/migrations/0001_initial.py
new file mode 100644
index 000000000..aa227d753
--- /dev/null
+++ b/modoboa/contacts/migrations/0001_initial.py
@@ -0,0 +1,152 @@
+# -*- coding: utf-8 -*-
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="Category",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=50)),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+            ],
+            options={"db_table": "modoboa_contacts_category"},
+        ),
+        migrations.CreateModel(
+            name="Contact",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("first_name", models.CharField(blank=True, max_length=30)),
+                ("last_name", models.CharField(blank=True, max_length=30)),
+                ("display_name", models.CharField(blank=True, max_length=60)),
+                ("birth_date", models.DateField(null=True)),
+                ("company", models.CharField(blank=True, max_length=100)),
+                ("position", models.CharField(blank=True, max_length=200)),
+                ("address", models.CharField(blank=True, max_length=200)),
+                ("zipcode", models.CharField(blank=True, max_length=15)),
+                ("city", models.CharField(blank=True, max_length=100)),
+                ("country", models.CharField(blank=True, max_length=100)),
+                ("state", models.CharField(blank=True, max_length=100)),
+                ("note", models.TextField(blank=True)),
+                (
+                    "categories",
+                    models.ManyToManyField(blank=True, to="contacts.Category"),
+                ),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+            ],
+            options={"db_table": "modoboa_contacts_contact"},
+        ),
+        migrations.CreateModel(
+            name="EmailAddress",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("address", models.EmailField(max_length=254)),
+                (
+                    "type",
+                    models.CharField(
+                        choices=[
+                            (b"home", "Home"),
+                            (b"work", "Work"),
+                            (b"other", "Other"),
+                        ],
+                        max_length=20,
+                    ),
+                ),
+                (
+                    "contact",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="emails",
+                        to="contacts.Contact",
+                    ),
+                ),
+            ],
+            options={"db_table": "modoboa_contacts_emailaddress"},
+        ),
+        migrations.CreateModel(
+            name="PhoneNumber",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("number", models.CharField(max_length=40)),
+                (
+                    "type",
+                    models.CharField(
+                        choices=[
+                            (b"home", "Home"),
+                            (b"work", "Work"),
+                            (b"other", "Other"),
+                            (b"main", "Main"),
+                            (b"cellular", "Cellular"),
+                            (b"fax", "Fax"),
+                            (b"pager", "Pager"),
+                        ],
+                        max_length=20,
+                    ),
+                ),
+                (
+                    "contact",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="phone_numbers",
+                        to="contacts.Contact",
+                    ),
+                ),
+            ],
+            options={"db_table": "modoboa_contacts_phonenumber"},
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/0002_auto_20180124_2311.py b/modoboa/contacts/migrations/0002_auto_20180124_2311.py
new file mode 100644
index 000000000..367e78053
--- /dev/null
+++ b/modoboa/contacts/migrations/0002_auto_20180124_2311.py
@@ -0,0 +1,37 @@
+# -*- coding: utf-8 -*-
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("contacts", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="emailaddress",
+            name="type",
+            field=models.CharField(
+                choices=[("home", "Home"), ("work", "Work"), ("other", "Other")],
+                max_length=20,
+            ),
+        ),
+        migrations.AlterField(
+            model_name="phonenumber",
+            name="type",
+            field=models.CharField(
+                choices=[
+                    ("home", "Home"),
+                    ("work", "Work"),
+                    ("other", "Other"),
+                    ("main", "Main"),
+                    ("cellular", "Cellular"),
+                    ("fax", "Fax"),
+                    ("pager", "Pager"),
+                ],
+                max_length=20,
+            ),
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/0003_auto_20181005_1415.py b/modoboa/contacts/migrations/0003_auto_20181005_1415.py
new file mode 100644
index 000000000..1a99bd185
--- /dev/null
+++ b/modoboa/contacts/migrations/0003_auto_20181005_1415.py
@@ -0,0 +1,63 @@
+# -*- coding: utf-8 -*-
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ("contacts", "0002_auto_20180124_2311"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="AddressBook",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=50)),
+                ("sync_token", models.TextField(blank=True)),
+                ("last_sync", models.DateTimeField(null=True)),
+                (
+                    "user",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        to=settings.AUTH_USER_MODEL,
+                    ),
+                ),
+                ("_path", models.TextField()),
+            ],
+            options={"db_table": "modoboa_contacts_addressbook"},
+        ),
+        migrations.AddField(
+            model_name="contact",
+            name="uid",
+            field=models.CharField(
+                max_length=100, null=True, unique=True, db_index=True
+            ),
+        ),
+        migrations.AddField(
+            model_name="contact",
+            name="etag",
+            field=models.TextField(blank=True),
+        ),
+        migrations.AddField(
+            model_name="contact",
+            name="addressbook",
+            field=models.ForeignKey(
+                null=True,
+                on_delete=django.db.models.deletion.CASCADE,
+                to="contacts.AddressBook",
+            ),
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/0004_auto_20181005_1415.py b/modoboa/contacts/migrations/0004_auto_20181005_1415.py
new file mode 100644
index 000000000..8208a56d0
--- /dev/null
+++ b/modoboa/contacts/migrations/0004_auto_20181005_1415.py
@@ -0,0 +1,30 @@
+# -*- coding: utf-8 -*-
+
+import uuid
+
+from django.db import migrations
+
+
+def create_address_books(apps, schema_editor):
+    """Create address books for every account."""
+    User = apps.get_model("core", "User")
+    AddressBook = apps.get_model("contacts", "AddressBook")
+    for user in User.objects.filter(mailbox__isnull=False):
+        abook = AddressBook.objects.create(name="Contacts", user=user, _path="contacts")
+        for contact in user.contact_set.all():
+            contact.addressbook = abook
+            contact.uid = "{}.vcf".format(uuid.uuid4())
+            contact.save()
+
+
+def backward(apps, schema_editor):
+    pass
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("contacts", "0003_auto_20181005_1415"),
+    ]
+
+    operations = [migrations.RunPython(create_address_books, backward)]
diff --git a/modoboa/contacts/migrations/0005_auto_20181005_1445.py b/modoboa/contacts/migrations/0005_auto_20181005_1445.py
new file mode 100644
index 000000000..0d404cd5f
--- /dev/null
+++ b/modoboa/contacts/migrations/0005_auto_20181005_1445.py
@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("contacts", "0004_auto_20181005_1415"),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name="contact",
+            name="user",
+        ),
+        migrations.AlterField(
+            model_name="contact",
+            name="addressbook",
+            field=models.ForeignKey(
+                on_delete=django.db.models.deletion.CASCADE, to="contacts.AddressBook"
+            ),
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/0006_alter_phonenumber_type.py b/modoboa/contacts/migrations/0006_alter_phonenumber_type.py
new file mode 100644
index 000000000..c57507217
--- /dev/null
+++ b/modoboa/contacts/migrations/0006_alter_phonenumber_type.py
@@ -0,0 +1,29 @@
+# Generated by Django 3.2.16 on 2023-02-11 16:06
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("contacts", "0005_auto_20181005_1445"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="phonenumber",
+            name="type",
+            field=models.CharField(
+                choices=[
+                    ("home", "Home"),
+                    ("work", "Work"),
+                    ("other", "Other"),
+                    ("main", "Main"),
+                    ("cell", "Cellular"),
+                    ("fax", "Fax"),
+                    ("pager", "Pager"),
+                ],
+                max_length=20,
+            ),
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/0007_alter_contact_address.py b/modoboa/contacts/migrations/0007_alter_contact_address.py
new file mode 100644
index 000000000..2a5b8575e
--- /dev/null
+++ b/modoboa/contacts/migrations/0007_alter_contact_address.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.5 on 2023-12-06 15:04
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("contacts", "0006_alter_phonenumber_type"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="contact",
+            name="address",
+            field=models.TextField(blank=True),
+        ),
+    ]
diff --git a/modoboa/contacts/migrations/__init__.py b/modoboa/contacts/migrations/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/modoboa/contacts/mocks.py b/modoboa/contacts/mocks.py
new file mode 100644
index 000000000..f777ec4f6
--- /dev/null
+++ b/modoboa/contacts/mocks.py
@@ -0,0 +1,117 @@
+"""Mocks to test the contacts plugin."""
+
+import httmock
+
+
+@httmock.urlmatch(method="OPTIONS")
+def options_mock(url, request):
+    """Simulate options request."""
+    return {"status_code": 200, "headers": {"DAV": "addressbook"}}
+
+
+@httmock.urlmatch(method="MKCOL")
+def mkcol_mock(url, request):
+    """Simulate collection creation."""
+    return {"status_code": 201}
+
+
+@httmock.urlmatch(method="DELETE")
+def delete_mock(url, request):
+    """Simulate a DELETE request."""
+    return {"status_code": 204}
+
+
+@httmock.urlmatch(method="PUT")
+def put_mock(url, request):
+    """Simulate a PUT request."""
+    return {"status_code": 200, "headers": {"etag": '"12345"'}}
+
+
+@httmock.urlmatch(method="PROPFIND")
+def propfind_mock(url, request):
+    """Simulate a PROPFIND request."""
+    content = b"""
+<d:multistatus xmlns:d="DAV:" xmlns:cs="http://calendarserver.org/ns/">
+    <d:response>
+        <d:href>/radicale/user@test.com/contacts/</d:href>
+        <d:propstat>
+            <d:prop>
+                <d:sync-token>http://modoboa.org/ns/sync-token/3145</d:sync-token>
+            </d:prop>
+            <d:status>HTTP/1.1 200 OK</d:status>
+        </d:propstat>
+    </d:response>
+</d:multistatus>
+"""
+    return {"status_code": 200, "content": content}
+
+
+@httmock.urlmatch(method="REPORT")
+def report_mock(url, request):
+    """Simulate a REPORT request."""
+    if url.path.endswith(".vcf"):
+        content = b"""
+<d:multistatus xmlns:d="DAV:">
+    <d:response>
+        <d:href>/radicale/user@test.com/contacts/newcard.vcf</d:href>
+        <d:propstat>
+            <d:prop>
+                <d:getetag>"33441-34321"</d:getetag>
+            </d:prop>
+            <d:status>HTTP/1.1 200 OK</d:status>
+        </d:propstat>
+    </d:response>
+ </d:multistatus>
+"""
+    else:
+        content = b"""
+<d:multistatus xmlns:d="DAV:">
+    <d:response>
+        <d:href>/radicale/user@test.com/contacts/newcard.vcf</d:href>
+        <d:propstat>
+            <d:prop>
+                <d:getetag>"33441-34321"</d:getetag>
+            </d:prop>
+            <d:status>HTTP/1.1 200 OK</d:status>
+        </d:propstat>
+    </d:response>
+    <d:response>
+        <d:href>/radicale/user@test.com/contacts/updatedcard.vcf</d:href>
+        <d:propstat>
+            <d:prop>
+                <d:getetag>"33541-34696"</d:getetag>
+            </d:prop>
+            <d:status>HTTP/1.1 200 OK</d:status>
+        </d:propstat>
+    </d:response>
+    <d:response>
+        <d:href>/radicale/user@test.com/contacts/deletedcard.vcf</d:href>
+        <d:status>HTTP/1.1 404 Not Found</d:status>
+    </d:response>
+    <d:sync-token>http://modoboa.org/ns/sync/5001</d:sync-token>
+ </d:multistatus>
+"""
+    return {"status_code": 200, "content": content}
+
+
+@httmock.urlmatch(method="GET")
+def get_mock(url, request):
+    """Simulate a GET request."""
+    uid = url.path.split("/")[-1]
+    content = """
+BEGIN:VCARD
+VERSION:3.0
+UID:{}
+N:Gump;Forrest
+FN:Forrest Gump
+ORG:Bubba Gump Shrimp Co.
+TITLE:Shrimp Man
+TEL;TYPE=WORK;VOICE:(111) 555-1212
+TEL;TYPE=HOME;VOICE:(404) 555-1212
+ADR;TYPE=HOME:;;42 Plantation St.;Baytown;LA;30314;United States of America
+EMAIL;TYPE=PREF,INTERNET:forrestgump@example.com
+END:VCARD
+""".format(
+        uid
+    )
+    return {"status_code": 200, "content": content}
diff --git a/modoboa/contacts/models.py b/modoboa/contacts/models.py
new file mode 100644
index 000000000..81576f409
--- /dev/null
+++ b/modoboa/contacts/models.py
@@ -0,0 +1,196 @@
+"""Contacts models."""
+
+import os
+import uuid
+
+from dateutil.parser import parse
+import vobject
+
+from django.db import models
+from django.utils.translation import gettext as _
+
+from modoboa.lib import exceptions as lib_exceptions
+from modoboa.parameters import tools as param_tools
+
+from . import constants
+from .. import __version__
+
+
+class AddressBook(models.Model):
+    """An address book."""
+
+    name = models.CharField(max_length=50)
+    sync_token = models.TextField(blank=True)
+    last_sync = models.DateTimeField(null=True)
+    user = models.ForeignKey("core.User", on_delete=models.CASCADE)
+    _path = models.TextField()
+
+    class Meta:
+        db_table = "modoboa_contacts_addressbook"
+
+    @property
+    def url(self):
+        server_location = param_tools.get_global_parameter(
+            "server_location", app="modoboa_radicale"
+        )
+        if not server_location:
+            raise lib_exceptions.InternalError(
+                _("Server location is not set, please fix it.")
+            )
+        return os.path.join(server_location, self.user.username, self._path)
+
+
+class Category(models.Model):
+    """A category for contacts."""
+
+    user = models.ForeignKey("core.User", on_delete=models.CASCADE)
+    name = models.CharField(max_length=50)
+
+    class Meta:
+        db_table = "modoboa_contacts_category"
+
+
+class Contact(models.Model):
+    """A contact."""
+
+    addressbook = models.ForeignKey(AddressBook, on_delete=models.CASCADE)
+    uid = models.CharField(max_length=100, unique=True, null=True, db_index=True)
+    # Can't define an index on etag field because of MySQL...
+    etag = models.TextField(blank=True)
+    first_name = models.CharField(max_length=30, blank=True)
+    last_name = models.CharField(max_length=30, blank=True)
+    display_name = models.CharField(max_length=60, blank=True)
+    birth_date = models.DateField(null=True)
+
+    company = models.CharField(max_length=100, blank=True)
+    position = models.CharField(max_length=200, blank=True)
+
+    address = models.TextField(blank=True)
+    zipcode = models.CharField(max_length=15, blank=True)
+    city = models.CharField(max_length=100, blank=True)
+    country = models.CharField(max_length=100, blank=True)
+    state = models.CharField(max_length=100, blank=True)
+
+    note = models.TextField(blank=True)
+
+    categories = models.ManyToManyField(Category, blank=True)
+
+    class Meta:
+        db_table = "modoboa_contacts_contact"
+
+    def __init__(self, *args, **kwargs):
+        """Set uid for new object."""
+        super().__init__(*args, **kwargs)
+        if not self.pk:
+            self.uid = "{}.vcf".format(uuid.uuid4())
+
+    @property
+    def url(self):
+        return "{}/{}.vcf".format(self.addressbook.url, self.uid)
+
+    def to_vcard(self):
+        """Convert this contact to a vCard."""
+        card = vobject.vCard()
+        card.add("prodid").value = "-//Modoboa//Contacts plugin {}//EN".format(
+            __version__
+        )
+        card.add("uid").value = self.uid
+        card.add("n").value = vobject.vcard.Name(
+            family=self.last_name, given=self.first_name
+        )
+        card.add("fn").value = self.display_name
+        card.add("org").value = [self.company]
+        card.add("title").value = self.position
+        card.add("adr").value = vobject.vcard.Address(
+            street=self.address,
+            city=self.city,
+            code=self.zipcode,
+            country=self.country,
+            region=self.state,
+        )
+        if self.birth_date:
+            card.add("bday").value = self.birth_date.isoformat()
+        card.add("note").value = self.note
+        for email in EmailAddress.objects.filter(contact=self):
+            attr = card.add("email")
+            attr.value = email.address
+            attr.type_param = email.type
+        for phone in PhoneNumber.objects.filter(contact=self):
+            attr = card.add("tel")
+            attr.value = phone.number
+            attr.type_param = phone.type
+        return card.serialize()
+
+    def update_from_vcard(self, content):
+        """Update this contact according to given vcard."""
+        vcard = vobject.readOne(content)
+        self.uid = vcard.uid.value
+        name = getattr(vcard, "n", None)
+        if name:
+            self.first_name = name.value.given
+            self.last_name = name.value.family
+        address = getattr(vcard, "adr", None)
+        if address:
+            self.address = address.value.street
+            self.zipcode = address.value.code
+            self.city = address.value.city
+            self.state = address.value.region
+            self.country = address.value.country
+        birth_date = getattr(vcard, "bday", None)
+        if birth_date:
+            self.birth_date = parse(birth_date.value)
+        for cfield, mfield in constants.CDAV_TO_MODEL_FIELDS_MAP.items():
+            value = getattr(vcard, cfield, None)
+            if value:
+                if isinstance(value.value, list):
+                    setattr(self, mfield, value.value[0])
+                else:
+                    setattr(self, mfield, value.value)
+        self.save()
+        email_list = getattr(vcard, "email_list", [])
+        EmailAddress.objects.filter(contact=self).delete()
+        to_create = []
+        for email in email_list:
+            addr = EmailAddress(contact=self, address=email.value.lower())
+            if hasattr(email, "type_param"):
+                addr.type = email.type_param.lower()
+            to_create.append(addr)
+        EmailAddress.objects.bulk_create(to_create)
+        PhoneNumber.objects.filter(contact=self).delete()
+        to_create = []
+        phone_list = getattr(vcard, "tel_list", [])
+        for tel in phone_list:
+            pnum = PhoneNumber(contact=self, number=tel.value.lower())
+            if hasattr(tel, "type_param"):
+                pnum.type = tel.type_param.lower()
+            to_create.append(pnum)
+        PhoneNumber.objects.bulk_create(to_create)
+
+
+class EmailAddress(models.Model):
+    """An email address."""
+
+    contact = models.ForeignKey(
+        Contact, related_name="emails", on_delete=models.CASCADE
+    )
+    address = models.EmailField()
+    type = models.CharField(max_length=20, choices=constants.EMAIL_TYPES)
+
+    class Meta:
+        db_table = "modoboa_contacts_emailaddress"
+
+
+class PhoneNumber(models.Model):
+    """A phone number."""
+
+    contact = models.ForeignKey(
+        Contact, related_name="phone_numbers", on_delete=models.CASCADE
+    )
+    number = models.CharField(max_length=40)
+    type = models.CharField(max_length=20, choices=constants.PHONE_TYPES)
+
+    class Meta:
+        db_table = "modoboa_contacts_phonenumber"
+
+    def __str__(self):
+        return "{}: {}".format(self.type, self.number)
diff --git a/modoboa/contacts/serializers.py b/modoboa/contacts/serializers.py
new file mode 100644
index 000000000..8ba9ee83e
--- /dev/null
+++ b/modoboa/contacts/serializers.py
@@ -0,0 +1,220 @@
+"""Contacts serializers."""
+
+from django.utils.translation import gettext as _
+
+from rest_framework import serializers
+
+from . import models
+from . import tasks
+
+
+class AddressBookSerializer(serializers.ModelSerializer):
+    """Address book serializer."""
+
+    class Meta:
+        model = models.AddressBook
+        fields = ("pk", "name", "url")
+
+
+class EmailAddressSerializer(serializers.ModelSerializer):
+    """Email address serializer."""
+
+    class Meta:
+        model = models.EmailAddress
+        fields = ("pk", "address", "type")
+
+
+class EmailAddressWithNameSerializer(serializers.ModelSerializer):
+    """Email address + contact name serializer."""
+
+    display_name = serializers.SerializerMethodField()
+
+    class Meta:
+        model = models.EmailAddress
+        fields = ("pk", "address", "type", "display_name")
+
+    def get_display_name(self, obj):
+        """Return display name."""
+        if obj.contact.display_name:
+            return obj.contact.display_name
+        return "{} {}".format(obj.contact.first_name, obj.contact.last_name)
+
+
+class PhoneNumberSerializer(serializers.ModelSerializer):
+    """Phone number serializer."""
+
+    class Meta:
+        model = models.PhoneNumber
+        fields = ("pk", "number", "type")
+
+
+class CategorySerializer(serializers.ModelSerializer):
+    """Serializer for Category."""
+
+    class Meta:
+        model = models.Category
+        fields = ("pk", "name")
+
+    def create(self, validated_data):
+        """Use current user."""
+        user = self.context["request"].user
+        return models.Category.objects.create(user=user, **validated_data)
+
+
+class ContactSerializer(serializers.ModelSerializer):
+    """Contact serializer."""
+
+    emails = EmailAddressSerializer(many=True)
+    phone_numbers = PhoneNumberSerializer(many=True, required=False)
+
+    class Meta:
+        model = models.Contact
+        fields = (
+            "pk",
+            "first_name",
+            "last_name",
+            "categories",
+            "emails",
+            "phone_numbers",
+            "company",
+            "position",
+            "address",
+            "zipcode",
+            "city",
+            "country",
+            "state",
+            "note",
+            "birth_date",
+            "display_name",
+        )
+
+    def validate(self, data):
+        """Make sure display name or first/last names are set."""
+        condition = (
+            not data.get("first_name")
+            and not data.get("last_name")
+            and not data.get("display_name")
+        )
+        if not self.partial:
+            if condition:
+                msg = _("Name or display name required")
+                raise serializers.ValidationError(
+                    {"first_name": msg, "last_name": msg, "display_name": msg}
+                )
+            if not data.get("display_name"):
+                data["display_name"] = data.get("first_name", "")
+                if data["display_name"]:
+                    data["display_name"] += " "
+                data["display_name"] += data.get("last_name", "")
+        return data
+
+    def create(self, validated_data):
+        """Use current user."""
+        request = self.context["request"]
+        addressbook = request.user.addressbook_set.first()
+        categories = validated_data.pop("categories", [])
+        emails = validated_data.pop("emails")
+        phone_numbers = validated_data.pop("phone_numbers", [])
+        contact = models.Contact.objects.create(
+            addressbook=addressbook, **validated_data
+        )
+        to_create = []
+        for email in emails:
+            to_create.append(models.EmailAddress(contact=contact, **email))
+        models.EmailAddress.objects.bulk_create(to_create)
+        to_create = []
+        for phone_number in phone_numbers:
+            to_create.append(models.PhoneNumber(contact=contact, **phone_number))
+        if to_create:
+            models.PhoneNumber.objects.bulk_create(to_create)
+        if categories:
+            for category in categories:
+                contact.categories.add(category)
+        condition = addressbook.last_sync and addressbook.user.parameters.get_value(
+            "enable_carddav_sync"
+        )
+        if condition:
+            tasks.push_contact_to_cdav(request, contact)
+        return contact
+
+    def update_emails(self, instance, emails):
+        """Update instance emails."""
+        local_addresses = []
+        local_objects = []
+        for email in instance.emails.all():
+            local_addresses.append(email.address)
+            local_objects.append(email)
+        to_create = []
+        for email in emails:
+            if email["address"] not in local_addresses:
+                to_create.append(models.EmailAddress(contact=instance, **email))
+                continue
+            index = local_addresses.index(email["address"])
+            local_email = local_objects[index]
+            condition = (
+                local_email.type != email["type"]
+                or local_email.address != email["address"]
+            )
+            if condition:
+                local_email.type = email["type"]
+                local_email.address = email["address"]
+                local_email.save()
+            local_addresses.pop(index)
+            local_objects.pop(index)
+        models.EmailAddress.objects.filter(
+            pk__in=[email.pk for email in local_objects]
+        ).delete()
+        models.EmailAddress.objects.bulk_create(to_create)
+
+    def update_phone_numbers(self, instance, phone_numbers):
+        """Update instance phone numbers."""
+        local_phones = []
+        local_objects = []
+        for phone in instance.phone_numbers.all():
+            local_phones.append(phone.number)
+            local_objects.append(phone)
+        to_create = []
+        for phone in phone_numbers:
+            if phone["number"] not in local_phones:
+                to_create.append(models.PhoneNumber(contact=instance, **phone))
+                continue
+            index = local_phones.index(phone["number"])
+            local_phone = local_objects[index]
+            condition = (
+                local_phone.type != phone["type"]
+                or local_phone.number != phone["number"]
+            )
+            if condition:
+                local_phone.type = phone["type"]
+                local_phone.number = phone["number"]
+                local_phone.save()
+            local_phones.pop(index)
+            local_objects.pop(index)
+        instance.phone_numbers.filter(
+            pk__in=[phone.pk for phone in local_objects]
+        ).delete()
+        models.PhoneNumber.objects.bulk_create(to_create)
+
+    def update(self, instance, validated_data):
+        """Update contact."""
+        emails = validated_data.pop("emails", None)
+        phone_numbers = validated_data.pop("phone_numbers", None)
+        categories = validated_data.pop("categories", [])
+        for key, value in validated_data.items():
+            setattr(instance, key, value)
+        instance.categories.set(categories)
+        instance.save()
+
+        if emails is not None:
+            self.update_emails(instance, emails)
+        if phone_numbers is not None:
+            self.update_phone_numbers(instance, phone_numbers)
+
+        condition = (
+            instance.addressbook.last_sync
+            and instance.addressbook.user.parameters.get_value("enable_carddav_sync")
+        )
+        if condition:
+            tasks.update_contact_cdav(self.context["request"], instance)
+
+        return instance
diff --git a/modoboa/contacts/settings.py b/modoboa/contacts/settings.py
new file mode 100644
index 000000000..74eaf5144
--- /dev/null
+++ b/modoboa/contacts/settings.py
@@ -0,0 +1,28 @@
+"""Default Contacts settings."""
+
+import os
+
+PLUGIN_BASE_DIR = os.path.dirname(__file__)
+
+CONTACTS_STATS_FILE = os.path.join(
+    PLUGIN_BASE_DIR, "static/modoboa_contacts/webpack-stats.json"
+)
+
+
+def apply(settings):
+    """Modify settings."""
+    DEBUG = settings["DEBUG"]
+    if "webpack_loader" not in settings["INSTALLED_APPS"]:
+        settings["INSTALLED_APPS"] += ("webpack_loader",)
+    wpl_config = {
+        "CONTACTS": {
+            "CACHE": not DEBUG,
+            "BUNDLE_DIR_NAME": "modoboa_contacts/",
+            "STATS_FILE": CONTACTS_STATS_FILE,
+            "IGNORE": [".+\.hot-update.js", ".+\.map"],
+        }
+    }
+    if "WEBPACK_LOADER" in settings:
+        settings["WEBPACK_LOADER"].update(wpl_config)
+    else:
+        settings["WEBPACK_LOADER"] = wpl_config
diff --git a/modoboa/contacts/static/modoboa_contacts/webpack-stats.json b/modoboa/contacts/static/modoboa_contacts/webpack-stats.json
new file mode 100644
index 000000000..d874920d2
--- /dev/null
+++ b/modoboa/contacts/static/modoboa_contacts/webpack-stats.json
@@ -0,0 +1,6 @@
+{
+  "status": "compile",
+  "assets": {},
+  "chunks": {},
+  "publicPath": "/sitestatic/"
+}
\ No newline at end of file
diff --git a/modoboa/contacts/tasks.py b/modoboa/contacts/tasks.py
new file mode 100644
index 000000000..ac3dd045c
--- /dev/null
+++ b/modoboa/contacts/tasks.py
@@ -0,0 +1,106 @@
+"""Async tasks."""
+
+from django.utils import timezone
+
+from modoboa.lib import cryptutils
+
+from .lib import carddav
+from . import models
+
+
+def get_cdav_client(addressbook, user: str, passwd: str, write_support=False):
+    """Instantiate a new CardDAV client."""
+    return carddav.PyCardDAV(
+        addressbook.url, user=user, passwd=passwd, write_support=write_support
+    )
+
+
+def get_cdav_client_from_request(request, addressbook, *args, **kwargs):
+    """Create a connection from a Request object."""
+    return get_cdav_client(
+        addressbook,
+        request.user.username,
+        passwd=cryptutils.decrypt(request.session["password"]),
+        **kwargs,
+    )
+
+
+def create_cdav_addressbook(addressbook, password):
+    """Create CardDAV address book."""
+    clt = carddav.PyCardDAV(
+        addressbook.url,
+        user=addressbook.user.username,
+        passwd=password,
+        write_support=True,
+    )
+    clt.create_abook()
+
+
+def push_addressbook_to_carddav(request, addressbook):
+    """Push every addressbook item to carddav collection.
+
+    Use only once.
+    """
+    clt = get_cdav_client_from_request(request, addressbook, write_support=True)
+    for contact in addressbook.contact_set.all():
+        href, etag = clt.upload_new_card(contact.uid, contact.to_vcard())
+        contact.etag = etag
+        contact.save(update_fields=["etag"])
+    addressbook.last_sync = timezone.now()
+    addressbook.sync_token = clt.get_sync_token()
+    addressbook.save(update_fields=["last_sync", "sync_token"])
+
+
+def sync_addressbook_from_cdav(request, addressbook):
+    """Fetch changes from CardDAV server."""
+    clt = get_cdav_client_from_request(request, addressbook)
+    changes = clt.sync_vcards(addressbook.sync_token)
+    if not len(changes["cards"]):
+        return
+    for card in changes["cards"]:
+        # UID sometimes embded .vcf extension, sometimes not...
+        long_uid = card["href"].split("/")[-1]
+        short_uid = long_uid.split(".")[0]
+        if "200" in card["status"]:
+            content = clt.get_vcard(card["href"]).decode()
+            contact = models.Contact.objects.filter(
+                uid__in=[long_uid, short_uid]
+            ).first()
+            if not contact:
+                contact = models.Contact(addressbook=addressbook)
+            if contact.etag != card["etag"]:
+                contact.etag = card["etag"]
+                contact.update_from_vcard(content)
+        elif "404" in card["status"]:
+            models.Contact.objects.filter(uid__in=[long_uid, short_uid]).delete()
+    addressbook.last_sync = timezone.now()
+    addressbook.sync_token = changes["token"]
+    addressbook.save(update_fields=["last_sync", "sync_token"])
+
+
+def push_contact_to_cdav(request, contact):
+    """Upload new contact to cdav collection."""
+    clt = get_cdav_client_from_request(request, contact.addressbook, write_support=True)
+    path, etag = clt.upload_new_card(contact.uid, contact.to_vcard())
+    contact.etag = etag
+    contact.save(update_fields=["etag"])
+
+
+def update_contact_cdav(request, contact):
+    """Update existing contact."""
+    clt = get_cdav_client_from_request(request, contact.addressbook, write_support=True)
+    uid = contact.uid
+    if not uid.endswith(".vcf"):
+        uid += ".vcf"
+    result = clt.update_vcard(contact.to_vcard(), uid, contact.etag)
+    contact.etag = result["cards"][0]["etag"]
+    contact.save(update_fields=["etag"])
+
+
+def delete_contact_cdav(request, contact):
+    """Delete a contact."""
+    clt = get_cdav_client_from_request(request, contact.addressbook, write_support=True)
+    uid = contact.uid
+    if not uid.endswith(".vcf"):
+        uid += ".vcf"
+    clt.delete_vcard(uid, contact.etag)
diff --git a/modoboa/contacts/templates/modoboa_contacts/index.html b/modoboa/contacts/templates/modoboa_contacts/index.html
new file mode 100644
index 000000000..afb6a3c4f
--- /dev/null
+++ b/modoboa/contacts/templates/modoboa_contacts/index.html
@@ -0,0 +1,30 @@
+{% extends "fluid.html" %}
+
+{% load i18n lib_tags static %}
+{% load render_bundle from webpack_loader %}
+
+{% block pagetitle %}{% trans "Contacts" %}{% endblock %}
+
+{% block extra_css %}
+  {% if not debug %}
+    {% render_bundle 'app' 'css' 'CONTACTS' %}
+  {% endif %}
+{% endblock %}
+
+{% block extra_js %}
+  {% if sync_enabled %}
+  <script>
+  window.userProfile = {
+      abookSynced: {% if abook_synced %}true{% else %}false{% endif %}
+  };
+  </script>
+  {% endif %}
+  {% render_bundle 'app' 'js' 'CONTACTS' %}
+{% endblock %}
+
+{% block container_content %}
+
+  <div id="app">
+  </div>
+
+{% endblock %}
diff --git a/modoboa/contacts/test_data/outlook_export.csv b/modoboa/contacts/test_data/outlook_export.csv
new file mode 100644
index 000000000..c05f7020d
--- /dev/null
+++ b/modoboa/contacts/test_data/outlook_export.csv
@@ -0,0 +1,2 @@
+"First Name","Middle Name","Last Name","Company","E-mail Address","Business Phone","Business Street","Business Street 2","Business City","Business State","Business Postal Code"
+Toto,Tata,Titi,Company,toto@titi.com,12345678,Street 1,Street 2,City,State,France
diff --git a/modoboa/contacts/test_data/unknown_export.csv b/modoboa/contacts/test_data/unknown_export.csv
new file mode 100644
index 000000000..c7bb215e9
--- /dev/null
+++ b/modoboa/contacts/test_data/unknown_export.csv
@@ -0,0 +1,2 @@
+"First Name","Middle Name","Last Name","Company","E-mail Address","Business Phone","Business Street","Business Street 2","City","Business State","Business Postal Code"
+Toto,Tata,Titi,Company,toto@titi.com,12345678,Street 1,Street 2,City,State,France
diff --git a/modoboa/contacts/tests.py b/modoboa/contacts/tests.py
new file mode 100644
index 000000000..c3668cf98
--- /dev/null
+++ b/modoboa/contacts/tests.py
@@ -0,0 +1,399 @@
+# coding: utf-8
+"""Contacts backend tests."""
+
+import os
+
+import httmock
+
+from django import forms
+from django.core import management
+
+from django.urls import reverse
+from django.utils import timezone
+
+from modoboa.admin import factories as admin_factories
+from modoboa.core import models as core_models
+from modoboa.lib.tests import ModoAPITestCase, ModoTestCase
+from modoboa.parameters import forms as param_forms
+from modoboa.parameters import tools as param_tools
+
+from . import factories
+from . import mocks
+from . import models
+
+
+class RadicaleParametersForm(param_forms.AdminParametersForm):
+    """Since contacts plugin depends on radicale, we need this."""
+
+    app = "modoboa_radicale"
+
+    server_location = forms.URLField(
+        label="Server URL",
+        help_text=(
+            "The URL of your Radicale server. "
+            "It will be used to construct calendar URLs."
+        ),
+        widget=forms.TextInput(attrs={"class": "form-control"}),
+    )
+
+
+param_tools.registry.add("global", RadicaleParametersForm, "Radicale")
+
+
+class TestDataMixin:
+    """Create some data."""
+
+    @classmethod
+    def setUpTestData(cls):
+        """Create test data."""
+        super(TestDataMixin, cls).setUpTestData()
+        admin_factories.populate_database()
+        cls.user = core_models.User.objects.get(username="user@test.com")
+        cls.addressbook = cls.user.addressbook_set.first()
+        cls.category = factories.CategoryFactory(user=cls.user, name="Family")
+        cls.contact = factories.ContactFactory(
+            addressbook=cls.addressbook,
+            emails=["homer@simpson.com"],
+            phone_numbers=["01234567889"],
+        )
+        factories.ContactFactory(
+            addressbook=cls.addressbook,
+            first_name="Marge",
+            emails=["marge@simpson.com"],
+            categories=[cls.category],
+        )
+        factories.ContactFactory(
+            addressbook=cls.addressbook, first_name="Bart", emails=["bart@simpson.com"]
+        )
+
+    def setUp(self):
+        """Initiate test context."""
+        self.client.force_login(self.user)
+        self.set_global_parameter(
+            "server_location", "http://example.test/radicale/", app="modoboa_radicale"
+        )
+
+    def enable_cdav_sync(self):
+        """Enable sync. for user."""
+        url = reverse("core:user_preferences")
+        with httmock.HTTMock(mocks.options_mock, mocks.mkcol_mock):
+            response = self.client.post(
+                url,
+                {
+                    "modoboa_contacts-enable_carddav_sync": True,
+                    "modoboa_contacts-sync_frequency": 300,
+                },
+            )
+        self.assertEqual(response.status_code, 200)
+
+
+class ViewsTestCase(TestDataMixin, ModoTestCase):
+    """Check views."""
+
+    def test_user_settings(self):
+        """Check that remote collection creation request is sent."""
+        # 1. Addressbook with contacts must be synced manually
+        data = {"username": self.user.username, "password": "toto"}
+        self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        self.addressbook.refresh_from_db()
+        self.assertIs(self.addressbook.last_sync, None)
+
+        # 2. Addressbook with no contacts can be considered synced
+        user = core_models.User.objects.get(username="user@test2.com")
+        abook = user.addressbook_set.first()
+        data = {"username": user.username, "password": "toto"}
+        self.client.post(reverse("core:login"), data)
+        abook.refresh_from_db()
+        self.assertIs(abook.last_sync, None)
+        # Now enable sync.
+        self.enable_cdav_sync()
+        abook.refresh_from_db()
+        self.assertIsNot(abook.last_sync, None)
+
+    # def test_index(self):
+    #     """Test index view."""
+    #     url = reverse("modoboa_contacts:index")
+    #     with self.assertRaises(IOError):
+    #         response = self.client.get(url)
+    # self.assertContains(response, '<div id="app">')
+
+
+class AddressBookViewSetTestCase(TestDataMixin, ModoAPITestCase):
+    """Address book ViewSet tests."""
+
+    def test_default(self):
+        """Test default endpoint."""
+        response = self.client.get(reverse("api:addressbook-default"))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(response.data["name"], "Contacts")
+
+    def test_sync_to_cdav(self):
+        """Test sync to CardDAV endpoint."""
+        data = {"username": self.user.username, "password": "toto"}
+        response = self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        with httmock.HTTMock(
+            mocks.options_mock, mocks.mkcol_mock, mocks.put_mock, mocks.propfind_mock
+        ):
+            response = self.client.get(reverse("api:addressbook-sync-to-cdav"))
+        self.assertEqual(response.status_code, 200)
+        abook = self.user.addressbook_set.first()
+        self.assertIsNot(abook.sync_token, None)
+        contact = abook.contact_set.first()
+        self.assertIsNot(contact.etag, None)
+
+    def test_sync_from_cdav(self):
+        """Test sync from CardDAV endpoint."""
+        data = {"username": self.user.username, "password": "toto"}
+        response = self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        self.user.addressbook_set.update(last_sync=timezone.now())
+        with httmock.HTTMock(mocks.options_mock, mocks.report_mock, mocks.get_mock):
+            response = self.client.get(reverse("api:addressbook-sync-from-cdav"))
+        self.assertEqual(response.status_code, 200)
+
+
+class CategoryViewSetTestCase(TestDataMixin, ModoAPITestCase):
+    """Category ViewSet tests."""
+
+    def test_get_categories(self):
+        """Check category list endpoint."""
+        url = reverse("api:category-list")
+        response = self.client.get(url)
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 1)
+
+    def test_create_category(self):
+        """Create a new category."""
+        url = reverse("api:category-list")
+        data = {"name": "Amitiés"}
+        response = self.client.post(url, data, format="json")
+        self.assertEqual(response.status_code, 201)
+
+    def test_update_category(self):
+        """Update a category."""
+        url = reverse("api:category-detail", args=[self.category.pk])
+        data = {"name": "Test"}
+        response = self.client.put(url, data, format="json")
+        self.assertEqual(response.status_code, 200)
+        self.category.refresh_from_db()
+        self.assertEqual(self.category.name, "Test")
+
+    def test_delete_category(self):
+        """Try to delete a category."""
+        url = reverse("api:category-detail", args=[self.category.pk])
+        response = self.client.delete(url)
+        self.assertEqual(response.status_code, 204)
+        with self.assertRaises(models.Category.DoesNotExist):
+            self.category.refresh_from_db()
+
+
+class ContactViewSetTestCase(TestDataMixin, ModoAPITestCase):
+    """Contact ViewSet tests."""
+
+    def test_contact_list(self):
+        """Check contact list endpoint."""
+        url = reverse("api:contact-list")
+        response = self.client.get(url)
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 3)
+
+        response = self.client.get("{}?search=homer".format(url))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 1)
+
+    def test_filter_by_category(self):
+        """Check filtering."""
+        url = reverse("api:contact-list")
+        response = self.client.get("{}?category={}".format(url, self.category.name))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 1)
+
+    def test_create_contact(self):
+        """Create a new contact."""
+        data = {"username": self.user.username, "password": "toto"}
+        response = self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        self.user.addressbook_set.update(last_sync=timezone.now())
+        data = {
+            "first_name": "Magie",
+            "last_name": "Simpson",
+            "emails": [{"address": "magie@simpson.com", "type": "home"}],
+            "phone_numbers": [{"number": "+33123456789", "type": "home"}],
+        }
+        url = reverse("api:contact-list")
+        with httmock.HTTMock(mocks.options_mock, mocks.put_mock):
+            response = self.client.post(url, data, format="json")
+        self.assertEqual(response.status_code, 201)
+        contact = models.Contact.objects.get(pk=response.data["pk"])
+        self.assertEqual(contact.emails.first().address, "magie@simpson.com")
+        self.assertEqual(
+            contact.phone_numbers.first().number,
+            response.data["phone_numbers"][0]["number"],
+        )
+        self.assertEqual(contact.display_name, "Magie Simpson")
+        self.assertIsNot(contact.etag, None)
+
+    def test_create_contact_quick(self):
+        """Create a contact with minimal information."""
+        data = {"emails": [{"address": "magie@simpson.com", "type": "home"}]}
+        url = reverse("api:contact-list")
+        response = self.client.post(url, data, format="json")
+        self.assertEqual(response.status_code, 400)
+        self.assertEqual(
+            response.data["display_name"][0], "Name or display name required"
+        )
+
+        data["display_name"] = "Magie Simpson"
+        response = self.client.post(url, data, format="json")
+        self.assertEqual(response.status_code, 201)
+
+    def test_create_contact_with_category(self):
+        """Create a new contact with a category."""
+        data = {
+            "first_name": "Magie",
+            "last_name": "Simpson",
+            "emails": [{"address": "magie@simpson.com", "type": "home"}],
+            "categories": [self.category.pk],
+        }
+        url = reverse("api:contact-list")
+        response = self.client.post(url, data, format="json")
+        self.assertEqual(response.status_code, 201)
+        contact = models.Contact.objects.get(pk=response.data["pk"])
+        self.assertEqual(contact.categories.first(), self.category)
+
+    def test_update_contact(self):
+        """Update existing contact."""
+        data = {"username": self.user.username, "password": "toto"}
+        self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        self.user.addressbook_set.update(last_sync=timezone.now())
+        url = reverse("api:contact-detail", args=[self.contact.pk])
+        email_pk = self.contact.emails.first().pk
+        data = {
+            "first_name": "Homer 1",
+            "last_name": "Simpson",
+            "emails": [
+                {"address": "duff@simpson.com", "type": "work"},
+                {"address": "homer@simpson.com", "type": "other"},
+            ],
+            "phone_numbers": [
+                {"number": "+33123456789", "type": "home"},
+                {"number": "01234567889", "type": "work"},
+            ],
+            "categories": [self.category.pk],
+        }
+        with httmock.HTTMock(mocks.options_mock, mocks.put_mock, mocks.report_mock):
+            response = self.client.put(url, data, format="json")
+        self.assertEqual(response.status_code, 200)
+
+        self.contact.refresh_from_db()
+        self.assertEqual(self.contact.first_name, "Homer 1")
+        self.assertEqual(self.contact.emails.count(), 2)
+        self.assertEqual(models.EmailAddress.objects.get(pk=email_pk).type, "other")
+        self.assertEqual(self.contact.phone_numbers.count(), 2)
+        self.assertEqual(self.contact.categories.first(), self.category)
+        self.assertIsNot(self.contact.etag, None)
+
+        data["emails"].pop(1)
+        data["phone_numbers"].pop(1)
+        with httmock.HTTMock(mocks.options_mock, mocks.put_mock, mocks.report_mock):
+            response = self.client.put(url, data, format="json")
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(self.contact.emails.count(), 1)
+        self.assertEqual(self.contact.phone_numbers.count(), 1)
+
+    def test_delete_contact(self):
+        """Try to delete a contact."""
+        data = {"username": self.user.username, "password": "toto"}
+        response = self.client.post(reverse("core:login"), data)
+        self.enable_cdav_sync()
+        url = reverse("api:contact-detail", args=[self.contact.pk])
+        with httmock.HTTMock(mocks.options_mock, mocks.delete_mock):
+            response = self.client.delete(url)
+        self.assertEqual(response.status_code, 204)
+        with self.assertRaises(models.Contact.DoesNotExist):
+            self.contact.refresh_from_db()
+
+
+class EmailAddressViewSetTestCase(TestDataMixin, ModoAPITestCase):
+    """EmailAddressViewSet tests."""
+
+    def test_emails_list(self):
+        """Check list endpoint."""
+        url = reverse("api:emailaddress-list")
+        response = self.client.get(url)
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 3)
+
+        response = self.client.get("{}?search=homer".format(url))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 1)
+
+        response = self.client.get("{}?search=Marge".format(url))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 1)
+
+        response = self.client.get("{}?search=Simpson".format(url))
+        self.assertEqual(response.status_code, 200)
+        self.assertEqual(len(response.data), 3)
+
+
+class ImportTestCase(TestDataMixin, ModoTestCase):
+
+    def setUp(self):
+        super().setUp()
+        self.path = os.path.join(
+            os.path.abspath(os.path.dirname(__file__)), "test_data/outlook_export.csv"
+        )
+        self.wrong_path = os.path.join(
+            os.path.abspath(os.path.dirname(__file__)), "test_data/unknown_export.csv"
+        )
+
+    def test_import_wrong_addressbook(self):
+        with self.assertRaises(management.base.CommandError) as ctx:
+            management.call_command("import_contacts", "error@test.com", self.path)
+        self.assertEqual(
+            str(ctx.exception), "Address Book for email 'error@test.com' not found"
+        )
+
+    def test_import_unknown_backend(self):
+        with self.assertRaises(management.base.CommandError) as ctx:
+            management.call_command("import_contacts", "user@test.com", self.wrong_path)
+        self.assertEqual(str(ctx.exception), "Failed to detect backend to use")
+
+    def test_import_from_outlook_auto(self):
+        management.call_command("import_contacts", "user@test.com", self.path)
+        address = models.EmailAddress.objects.get(address="toto@titi.com")
+        phone = models.PhoneNumber.objects.get(number="12345678")
+        self.assertEqual(address.contact.first_name, "Toto Tata")
+        self.assertEqual(address.contact.addressbook.user.email, "user@test.com")
+        self.assertEqual(address.contact.address, "Street 1 Street 2")
+
+    def test_import_from_outlook(self):
+        management.call_command(
+            "import_contacts",
+            "user@test.com",
+            self.path,
+            backend="outlook",
+        )
+        address = models.EmailAddress.objects.get(address="toto@titi.com")
+        phone = models.PhoneNumber.objects.get(number="12345678")
+        self.assertEqual(address.contact.first_name, "Toto Tata")
+        self.assertEqual(address.contact.addressbook.user.email, "user@test.com")
+        self.assertEqual(address.contact.address, "Street 1 Street 2")
+
+    def test_import_and_carddav_sync(self):
+        with httmock.HTTMock(mocks.options_mock, mocks.put_mock):
+            management.call_command(
+                "import_contacts",
+                "user@test.com",
+                self.path,
+                carddav_password="Toto1234",
+            )
+        address = models.EmailAddress.objects.get(address="toto@titi.com")
+        phone = models.PhoneNumber.objects.get(number="12345678")
+        self.assertEqual(address.contact.first_name, "Toto Tata")
+        self.assertEqual(address.contact.addressbook.user.email, "user@test.com")
+        self.assertEqual(address.contact.address, "Street 1 Street 2")
diff --git a/modoboa/contacts/urls.py b/modoboa/contacts/urls.py
new file mode 100644
index 000000000..d8ee9c70e
--- /dev/null
+++ b/modoboa/contacts/urls.py
@@ -0,0 +1,14 @@
+"""Contacts API urls."""
+
+from rest_framework import routers
+
+from modoboa.contacts import viewsets
+
+
+router = routers.SimpleRouter()
+router.register(r"address-books", viewsets.AddressBookViewSet, basename="addressbook")
+router.register(r"categories", viewsets.CategoryViewSet, basename="category")
+router.register(r"contacts", viewsets.ContactViewSet, basename="contact")
+router.register(r"emails", viewsets.EmailAddressViewSet, basename="emailaddress")
+
+urlpatterns = router.urls
diff --git a/modoboa/contacts/viewsets.py b/modoboa/contacts/viewsets.py
new file mode 100644
index 000000000..ac825b825
--- /dev/null
+++ b/modoboa/contacts/viewsets.py
@@ -0,0 +1,112 @@
+"""Contacts viewsets."""
+
+import django_filters.rest_framework
+from rest_framework.decorators import action
+from rest_framework import filters, response, viewsets
+from rest_framework.permissions import IsAuthenticated
+
+from . import models
+from . import serializers
+from . import tasks
+
+
+class AddressBookViewSet(viewsets.GenericViewSet):
+    """Address book viewset."""
+
+    permission_classes = (IsAuthenticated,)
+    serializer_class = serializers.AddressBookSerializer
+
+    @action(methods=["get"], detail=False)
+    def default(self, request):
+        """Return default user address book."""
+        abook = request.user.addressbook_set.first()
+        if not abook:
+            return response.Response(status_code=404)
+        serializer = serializers.AddressBookSerializer(abook)
+        return response.Response(serializer.data)
+
+    @action(methods=["get"], detail=False)
+    def sync_to_cdav(self, request):
+        """Synchronize address book with CardDAV collection."""
+        abook = request.user.addressbook_set.first()
+        if request.user.parameters.get_value("enable_carddav_sync", app="contacts"):
+            tasks.push_addressbook_to_carddav(request, abook)
+        return response.Response({})
+
+    @action(methods=["get"], detail=False)
+    def sync_from_cdav(self, request):
+        """Synchronize from CardDAV address book."""
+        abook = request.user.addressbook_set.first()
+        if not abook.last_sync:
+            return response.Response()
+        if request.user.parameters.get_value("enable_carddav_sync", app="contacts"):
+            tasks.sync_addressbook_from_cdav(request, abook)
+        return response.Response({})
+
+
+class CategoryViewSet(viewsets.ModelViewSet):
+    """Category ViewSet."""
+
+    permission_classes = [IsAuthenticated]
+    serializer_class = serializers.CategorySerializer
+
+    def get_queryset(self):
+        """Filter based on current user."""
+        qset = models.Category.objects.filter(user=self.request.user)
+        return qset.select_related("user")
+
+
+class ContactFilter(django_filters.rest_framework.FilterSet):
+    """Filter for Contact."""
+
+    category = django_filters.CharFilter(field_name="categories__name")
+
+    class Meta:
+        model = models.Contact
+        fields = ["categories"]
+
+
+class ContactViewSet(viewsets.ModelViewSet):
+    """Contact ViewSet."""
+
+    filter_backends = [
+        filters.SearchFilter,
+        django_filters.rest_framework.DjangoFilterBackend,
+    ]
+    filterset_class = ContactFilter
+    permission_classes = [IsAuthenticated]
+    search_fields = ("^first_name", "^last_name", "^emails__address")
+    serializer_class = serializers.ContactSerializer
+
+    def get_queryset(self):
+        """Filter based on current user."""
+        qset = models.Contact.objects.filter(addressbook__user=self.request.user)
+        return qset.prefetch_related("categories", "emails", "phone_numbers")
+
+    def perform_destroy(self, instance):
+        """Also remove cdav contact."""
+        if self.request.user.parameters.get_value(
+            "enable_carddav_sync", app="contacts"
+        ):
+            tasks.delete_contact_cdav(self.request, instance)
+        instance.delete()
+
+
+class EmailAddressViewSet(viewsets.ReadOnlyModelViewSet):
+    """EmailAddress viewset."""
+
+    filter_backends = [filters.SearchFilter]
+    permission_classes = [IsAuthenticated]
+    search_fields = (
+        "^address",
+        "^contact__display_name",
+        "^contact__first_name",
+        "^contact__last_name",
+    )
+    serializer_class = serializers.EmailAddressWithNameSerializer
+
+    def get_queryset(self):
+        """Filter based on current user."""
+        return models.EmailAddress.objects.filter(
+            contact__addressbook__user=self.request.user
+        )
diff --git a/modoboa/core/api/v2/viewsets.py b/modoboa/core/api/v2/viewsets.py
index f3f67a67a..5974db84a 100644
--- a/modoboa/core/api/v2/viewsets.py
+++ b/modoboa/core/api/v2/viewsets.py
@@ -150,6 +150,15 @@ class AccountViewSet(core_v1_viewsets.AccountViewSet):
                     "url": "/admin",
                 }
             )
+        apps += [
+            {
+                "name": "contacts",
+                "label": _("Contacts"),
+                "icon": "mdi-contacts",
+                "description": _("Address book"),
+                "url": "/user/contacts",
+            }
+        ]
         apps += exts_pool.get_available_apps()
         serializer = serializers.ModoboaApplicationSerializer(apps, many=True)
         return response.Response(serializer.data)
diff --git a/modoboa/urls_api_v2.py b/modoboa/urls_api_v2.py
index 5de4b5e0f..f8b748250 100644
--- a/modoboa/urls_api_v2.py
+++ b/modoboa/urls_api_v2.py
@@ -20,6 +20,7 @@ urlpatterns = [
     path("", include("modoboa.pdfcredentials.api.v2.urls")),
     path("", include("modoboa.postfix_autoreply.api.v2.urls")),
     path("", include("modoboa.sievefilters.api.v2.urls")),
+    path("", include("modoboa.contacts.urls")),
 ]
 
 urlpatterns += exts_pool.get_urls(category="api")
diff --git a/test_project/test_project/settings.py b/test_project/test_project/settings.py
index 737130611..1723c6114 100644
--- a/test_project/test_project/settings.py
+++ b/test_project/test_project/settings.py
@@ -102,8 +102,7 @@ MODOBOA_APPS = (
     "modoboa.postfix_autoreply",
     "modoboa.sievefilters",
     # Modoboa extensions here.
-    "modoboa_user",
-    "modoboa_user.contacts",
+    "modoboa.contacts",
 )
 
 try: