diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index 6e623eec4..6c3a95376 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -25,7 +25,7 @@
         "jquery": "^3.7.1",
         "marked": "^15.0.7",
         "moment-timezone": "^0.5.48",
-        "pankow": "^2.11.0",
+        "pankow": "^2.11.1",
         "sass": "^1.86.0",
         "vite": "^6.2.3",
         "vue": "^3.5.13",
@@ -2350,9 +2350,9 @@
       }
     },
     "node_modules/pankow": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-2.11.0.tgz",
-      "integrity": "sha512-kmsWLndbDvrkphJG1fX8IEVV78/RyVmL2IXTmTnp0ypVvS5N7qNcn8Km4bsT8Wao/4GbB6ufUX+/lOdPB1lCug==",
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-2.11.1.tgz",
+      "integrity": "sha512-Hw9fHwcm2v02rts1/2Q0FOGlinCqZb4pm7nL6eHBw1g0NBIYso8Tp8B5fJyX0DtB+zzaZJ9x4BsoDu4za4HmFw==",
       "license": "ISC",
       "dependencies": {
         "@fontsource/inter": "^5.2.5",
@@ -4144,9 +4144,9 @@
       }
     },
     "pankow": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-2.11.0.tgz",
-      "integrity": "sha512-kmsWLndbDvrkphJG1fX8IEVV78/RyVmL2IXTmTnp0ypVvS5N7qNcn8Km4bsT8Wao/4GbB6ufUX+/lOdPB1lCug==",
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-2.11.1.tgz",
+      "integrity": "sha512-Hw9fHwcm2v02rts1/2Q0FOGlinCqZb4pm7nL6eHBw1g0NBIYso8Tp8B5fJyX0DtB+zzaZJ9x4BsoDu4za4HmFw==",
       "requires": {
         "@fontsource/inter": "^5.2.5",
         "@fortawesome/fontawesome-free": "^6.7.2",
diff --git a/dashboard/package.json b/dashboard/package.json
index 6a4236b7b..2b4107b83 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -26,7 +26,7 @@
     "jquery": "^3.7.1",
     "marked": "^15.0.7",
     "moment-timezone": "^0.5.48",
-    "pankow": "^2.11.0",
+    "pankow": "^2.11.1",
     "sass": "^1.86.0",
     "vite": "^6.2.3",
     "vue": "^3.5.13",
diff --git a/dashboard/src/components/InvitationDialog.vue b/dashboard/src/components/InvitationDialog.vue
new file mode 100644
index 000000000..a2d3d5298
--- /dev/null
+++ b/dashboard/src/components/InvitationDialog.vue
@@ -0,0 +1,77 @@
+<script setup>
+
+import { useI18n } from 'vue-i18n';
+const i18n = useI18n();
+const t = i18n.t;
+
+import { ref, useTemplateRef } from 'vue';
+import { Dialog, TextInput, EmailInput, FormGroup, Button, InputGroup } from 'pankow';
+import { copyToClipboard } from 'pankow/utils';
+import UsersModel from '../models/UsersModel.js';
+
+const usersModel = UsersModel.create();
+
+const dialog = useTemplateRef('dialog');
+const user = ref({});
+const formError = ref('');
+const inviteLink = ref('');
+const email = ref('');
+const success = ref(false);
+const busy = ref(false);
+
+function onCopyToClipboard() {
+  copyToClipboard(inviteLink.value);
+  window.pankow.notify({ type: 'success', text: 'Copied to clipboard!' });
+}
+
+async function onSendInvite() {
+  const [error] = await usersModel.sendInviteEmail(user.value.id, email.value);
+  if (error) return console.error(error);
+
+  window.pankow.notify({ type: 'success', text: t('users.invitationNotification.body', { email: email.value })});
+
+  dialog.value.close();
+}
+
+defineExpose({
+  async open(u) {
+    user.value = u;
+    success.value = false;
+    email.value = u.email || '';
+    formError.value = '';
+
+    const [error, result] = await usersModel.inviteLink(u.id);
+    if (error) return console.error(error);
+    inviteLink.value = result;
+
+    dialog.value.open();
+  }
+});
+
+</script>
+
+<template>
+  <Dialog ref="dialog"
+    :title="$t('users.invitationDialog.title', { username: user? (user.username || user.email) : '' })"
+    :reject-label="$t('main.dialog.close')"
+     reject-style="secondary"
+  >
+    <div>
+      <FormGroup>
+        <label>{{ $t('users.invitationDialog.descriptionLink') }}</label>
+        <InputGroup>
+          <TextInput style="flex-grow: 1;" v-model="inviteLink" readonly/>
+          <Button @click="onCopyToClipboard()" icon="fa fa-clipboard"/>
+        </InputGroup>
+      </FormGroup>
+
+      <FormGroup>
+        <label>{{ $t('users.invitationDialog.descriptionEmail') }}</label>
+        <InputGroup>
+          <EmailInput style="flex-grow: 1;" v-model="email"/>
+          <Button @click="onSendInvite()" ng-disabled="invitation.busy" :loading="busy">{{ $t('users.invitationDialog.sendAction') }}</Button>
+        </InputGroup>
+      </FormGroup>
+    </div>
+  </Dialog>
+</template>
diff --git a/dashboard/src/models/UsersModel.js b/dashboard/src/models/UsersModel.js
index 9bd413050..77bbfa494 100644
--- a/dashboard/src/models/UsersModel.js
+++ b/dashboard/src/models/UsersModel.js
@@ -157,6 +157,17 @@ function create() {
       if (result.status !== 202) return [result];
       return [null];
     },
+    async inviteLink(id) {
+      let result;
+      try {
+        result = await fetcher.get(`${API_ORIGIN}/api/v1/users/${id}/invite_link`, { access_token: accessToken });
+      } catch (e) {
+        return [e];
+      }
+
+      if (result.status !== 200) return [result];
+      return [null, result.body.inviteLink];
+    },
   };
 }
 
diff --git a/dashboard/src/views/UsersView.vue b/dashboard/src/views/UsersView.vue
index 55f15ce51..ed8b3a416 100644
--- a/dashboard/src/views/UsersView.vue
+++ b/dashboard/src/views/UsersView.vue
@@ -11,6 +11,7 @@ import Section from '../components/Section.vue';
 import UserDialog from '../components/UserDialog.vue';
 import GroupDialog from '../components/GroupDialog.vue';
 import ImpersonateDialog from '../components/ImpersonateDialog.vue';
+import InvitationDialog from '../components/InvitationDialog.vue';
 import PasswordResetDialog from '../components/PasswordResetDialog.vue';
 import UsersModel from '../models/UsersModel.js';
 import GroupsModel from '../models/GroupsModel.js';
@@ -146,8 +147,9 @@ function onEditOrAddUser(user = null) {
   userDialog.value.open(user);
 }
 
+const invitationDialog = useTemplateRef('invitationDialog');
 function onInvitation(user) {
-  // TODO
+  invitationDialog.value.open(user);
 }
 
 function onEditOrAddGroup(group = null) {
@@ -218,6 +220,7 @@ onMounted(async () => {
     <GroupDialog ref="groupDialog" @success="refreshGroups()"/>
     <ImpersonateDialog ref="impersonateDialog" />
     <PasswordResetDialog ref="passwordResetDialog" />
+    <InvitationDialog ref="invitationDialog" />
 
     <Section :title="$t('main.navbar.users')">
       <template #header-buttons>