From 4a6f4d38a5ff387c2632cb76ba4d3d21bb7828f6 Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Tue, 12 Dec 2023 14:53:27 +0100
Subject: [PATCH 1/4] Update loading indicator color

---
 frontend/src/layouts/default.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/layouts/default.vue b/frontend/src/layouts/default.vue
index ae0a43987..82ba8d3f5 100644
--- a/frontend/src/layouts/default.vue
+++ b/frontend/src/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="height-fullscreen">
-    <nuxt-loading-indicator :height="2" color="white" />
+    <nuxt-loading-indicator :height="2" :color="false" />
     <v-app-bar absolute height="48" elevation="0" color="header" class="menu-appbar">
       <v-app-bar-nav-icon v-if="auth.loggedIn.value" @click="navigationDrawerVisible = !navigationDrawerVisible" :ripple="false" color="logo">
         <svg-logo />
@@ -21,13 +21,19 @@
       </v-breadcrumbs>
       <v-spacer />
 
+      <s-btn-icon
+        v-if="auth.loggedIn.value"
+        to="/notes/personal/"
+        :active="false"
+      >
+        <v-icon icon="mdi-notebook" />
+        <s-tooltip activator="parent" location="bottom" text="Notes" />
+      </s-btn-icon>
       <notification-menu-item v-if="auth.loggedIn.value" />
-
       <s-btn-icon href="https://docs.sysreptor.com/" target="_blank">
         <v-icon icon="mdi-help-circle" />
         <s-tooltip activator="parent" location="bottom" text="Documentation" />
       </s-btn-icon>
-
       <user-info-menu-item v-if="auth.loggedIn.value" />
     </v-app-bar>
 
@@ -136,6 +142,10 @@ head.hooks.hook('dom:beforeRender', syncBreadcrumbs);
   height: 100vh;
 }
 
+.nuxt-loading-indicator {
+  background: rgb(var(--v-theme-primary));
+}
+
 .main-container {
   height: 100%;
 

From 716f3ddcea31be1c271770b866303e5917914b7f Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Tue, 12 Dec 2023 15:05:17 +0100
Subject: [PATCH 2/4] More detailed messages on generic error page

---
 frontend/src/error.vue      | 61 +++++++++++++++++++++++++------------
 frontend/src/utils/toast.ts |  2 +-
 2 files changed, 42 insertions(+), 21 deletions(-)

diff --git a/frontend/src/error.vue b/frontend/src/error.vue
index eafb83dca..e591586d2 100644
--- a/frontend/src/error.vue
+++ b/frontend/src/error.vue
@@ -1,28 +1,39 @@
 <template>
-  <v-container fluid class="fill-height">
-    <v-layout class="align-center justify-center">
-      <div class="text-center">
-        <h1>{{ errorHeading }}</h1>
-        <div v-if="props.error.statusCode === 404">
-          <icon class="emoji-heading" icon="game-icons:dinosaur-bones" />
-          <p class="text-center">
-            This site has gone.<br>
-          </p>
-        </div>
-        <div v-else>
-          <icon class="emoji-heading" icon="fluent-emoji:face-with-peeking-eye" />
-          <div class="mx-12">
+  <v-app>
+    <v-container fluid class="fill-height">
+      <v-layout class="align-center justify-center">
+        <div class="text-center">
+          <h1>{{ errorHeading }}</h1>
+          <div v-if="props.error.statusCode === 404">
+            <icon class="emoji-heading" icon="game-icons:dinosaur-bones" />
             <p class="text-center">
-              {{ props.error.message }}<br />
-              This should not have happened.<br />
-              If you think this is a vulnerability, please <a href="https://docs.syslifters.com/vulnerability-disclosure/" target="_blank">disclose responsibly</a>.<br />
+              This site has gone.<br />
+              {{ errorMessage }}
             </p>
           </div>
+          <div v-else-if="[401, 403].includes(props.error.statusCode)">
+            <icon class="emoji-heading" icon="fluent-emoji:face-with-peeking-eye" />
+            <div class="mx-12">
+              <p class="text-center">
+                {{ errorMessage }}
+              </p>
+            </div>
+          </div>
+          <div v-else>
+            <icon class="emoji-heading" icon="fluent-emoji:face-with-peeking-eye" />
+            <div class="mx-12">
+              <p class="text-center">
+                {{ errorMessage }}<br />
+                This should not have happened.<br />
+                If you think this is a vulnerability, please <a href="https://docs.syslifters.com/vulnerability-disclosure/" target="_blank">disclose responsibly</a>.<br />
+              </p>
+            </div>
+          </div>
+          <s-btn-primary @click="handleError" text="Go back home" class="mt-4" />
         </div>
-        <v-btn @click="handleError" variant="text" text="Go back home" />
-      </div>
-    </v-layout>
-  </v-container>
+      </v-layout>
+    </v-container>
+  </v-app>
 </template>
 
 <script setup lang="ts">
@@ -44,6 +55,16 @@ const errorHeading = computed(() => {
   } else {
     return 'Ooops!'
   }
+});
+const errorMessage = computed(() => {
+  let message = props.error.message || 'Error';
+
+  if (props.error?.data?.detail) {
+    message += ': ' + props.error?.data?.detail;
+  } else if (Array.isArray(props.error?.data) && props.error?.data?.length === 1) {
+    message += ': ' + props.error?.data[0];
+  }
+  return message;
 })
 
 function handleError() {
diff --git a/frontend/src/utils/toast.ts b/frontend/src/utils/toast.ts
index bd3fa8682..ecb81da8a 100644
--- a/frontend/src/utils/toast.ts
+++ b/frontend/src/utils/toast.ts
@@ -15,7 +15,7 @@ export function requestErrorToast({ error, message }: { error: any, message?: st
       message = 'Request error';
     }
   }
-  if (error?.response?.detail) {
+  if (error?.data?.detail) {
     message += ': ' + error?.data?.detail;
   } else if (Array.isArray(error?.data) && error?.data?.length === 1) {
     message += ': ' + error?.data[0];

From 398c8789b521f12a39241c8bb32d0ac792aa3653 Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Tue, 12 Dec 2023 15:35:59 +0100
Subject: [PATCH 3/4] Fix favicon

---
 frontend/nuxt.config.ts                |   2 +-
 frontend/src/public/static/facicon.ico | Bin 4286 -> 0 bytes
 frontend/src/public/static/favicon.ico | Bin 0 -> 4286 bytes
 frontend/src/public/static/logo.svg    |   6 +++---
 4 files changed, 4 insertions(+), 4 deletions(-)
 delete mode 100644 frontend/src/public/static/facicon.ico
 create mode 100644 frontend/src/public/static/favicon.ico

diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index c62d42338..3e4c90c96 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -22,7 +22,7 @@ export default defineNuxtConfig({
         { name: 'format-detection', content: 'telephone=no' },
       ],
       link: [
-        { rel: 'icon', type: 'image/x-icon', href: '/static/favicon.ico' }
+        { rel: 'icon', type: 'image/x-icon', href: '/static/favicon.ico' },
       ],
     }
   },
diff --git a/frontend/src/public/static/facicon.ico b/frontend/src/public/static/facicon.ico
deleted file mode 100644
index 4be5f0a831a50d9e6676250a79c550b4735d9f74..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4286
zcmeI#Pe>F|0LSq+DZ7@^Mn%#;lp-vlg9t`+NQjJr=ulBzgscpTBBMG;=t#jv3K2$7
zhoFS0gO@T0I<#gK9x5d4P|$8gbSbibAXZM_-?|Iav@NsCHeKB1vorJFy#39*d2eRd
z7>jphrO~IkHp7@X#+ap`$kapS$rp74(<e+6Wd96xc9dZkdXd0SI4)zXe?S~VxQCm#
zg0ryEf+lQ116HCM^H7rM2#ULGL!H{ZhdZy(>)-y!k4BZ<^^bGY=P~HbC$}-6Y#l?3
zJD=?^-UXEZnw&CE{^o$PKao@C&el3*(E#!vkWuZ;PUVNFtH5%s!g_2&GmhdUy3vC^
z^y4v}L)YyK#*rRhTB__3&Y?ckX=jQqSQ!~p5W#GehEC;|M_XMF^}`<Mx?IHN)bcdT
zHXOoEXxywpEf!-Iit{-swZlHVfV&@aUDtK^j5m0S0o=k>oX33c@lmEeyN_J6^4Wi(
zJD<!j1_R0-c4upy+~WadtFQLD^Vu$eo@4p+W3FxPl2hc#UmH;NZE_;+Y^_ta40`5W
zLND$>W8oRz;w!xO6~E`LcDm<nhvm)oyG>io%b8e&8gMV`*n~#x$1$|QhQ`tXY(%-=
zjLH2bdq6$Fm|23|ID_lx!wu-(eF1v@v_j)<2iBnuRhWxu$hk9V(}0KYJGZj!H^%qq
zo)*Ut($AkJ?}1TgA*kQHtr_w)Z?m0CA?s?~`Q+-}_dTHen6YhlyvCZwQz6gqZ{PKi
zoT}f#*`VxI0Qqq;YQ5Roru-mIpc_5VJnP33yoAPZzSn1%wntE!Dcf%u?KMB9q8ysz
zE1)^Q75bm5XU$>gzpm~Z8?eCd_y5oR#t9$ANJ@ewEEFN^I3w*pjO9?TGAl;8*b~Am
eBTme;JD%4lZ4$JnKFP3zetT44wPRb!7QX=cCp6Ch

diff --git a/frontend/src/public/static/favicon.ico b/frontend/src/public/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..57bd73bb981305f1ef6b18ff364138fc230ce418
GIT binary patch
literal 4286
zcmeI#Z)i<n0LSs?nB1}DZX?UTwn$^;#ad1B!b&DeULd?#8Ka0yc(JtIqLh?0DPAZR
znc5q!Qn%bY6YT|BnirINk-Q=Euhy{R`@4VYI9<1MZ`bi=Tc3N*dCqyx@0{m6&vWiI
z#^S%W*67pRs4!-ZF=i<!GR;tV@{fIkGgDFpxj!o-H_NdL{Yc;!Y=?2yKO&A{+{bNP
z#W{q~fi`SG3s#~Y^H7@Y3Me;Foeyy46?^@=J3kn{rtCBSI5%@2L+*TXTYbvbHFP-h
z*$&{nPx)`iDR<>>_9^=_IZe)Nty6Z&hx~_R)Vs6O`P0}}gXLI-_1K0zIEs_#K`+7>
zz!SWHp4(SUAk)9JRM}&kM>DcT7p;u*PeBl~QC4-Yub^{RM*8$T)DG>?bGd{o>E&sb
zT{wiDP`_D&Ml8lGOf4i>^{@{w;cUlz*YzB};4PkE5O;7L7ck#_eUz!q9w6VWLXKbP
z%qKH|A)m5GoY`6@_qb2lYOB4@e6~xW_gEqAm~WjZIVG<AwLWFvB`4_2);eX&pm*M7
z^dkcGh39yOZ*b2mUhiA=H0N!H<<9oHO<j%4Dl9?+G?#5cEB50Ux)6f;(gAElwbzWv
z<0e}`EkK`Hg55ZaK7?@#n!7JT@1IVn-|fIUG@%Z2F#~xwCUsiy2wulluH(izkLI*E
zhLL&yw7D;geHQ%s&fA$KU*k5{y%cj_gEOC8&3!+7%8!|7)ETe7rv6mS`}^CuK9N)R
zM>rdlz4jqLPDZ0UTicW$#0m7E7aC^+c#2n0A1?Iyj8OLo%Ccp9Evrb4kLjGJ8XDs(
zpfSG{`kktG&0*-buI7ymSm5>i|MR#B!pAV0mS71BB?#E|X!lQJ+3Z)D6{B22DFK#2
dJ7&6V*WVa*64YmZl3@vb_o%^YJ7gtm{08z7JU##b

literal 0
HcmV?d00001

diff --git a/frontend/src/public/static/logo.svg b/frontend/src/public/static/logo.svg
index 3167c3712..4dcad9b76 100644
--- a/frontend/src/public/static/logo.svg
+++ b/frontend/src/public/static/logo.svg
@@ -1,5 +1,5 @@
   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
-    <path fill="#818b06" d="M149.083 283.372c25.968 10.51 53.082 16.992 80.768 21.241 37.973 5.837 76.188 7.204 114.457 5.412 47.505-2.235 94.972-5.098 142.457-8.053 41.261-2.568 82.505-5.966 123.784-8.349 89.782-5.19 179.618-10.030 269.436-14.868 43.7-2.346 39.34-2.9 30.697-41.446-16.716-74.673-60.174-128.051-131.21-157.972-9.512-3.989-19.227-7.573-29.054-10.713-32.674-10.453-66.418-15.68-100.513-17.732-45.453-2.733-90.981-0.869-136.4 1.441-59.879 3.066-119.702 7.204-179.563 10.879 0-0.147-0.018-0.296-0.018-0.462-11.34 0.609-22.718 1.201-34.059 1.847-62.945 3.638-125.908 7.277-188.872 11.008-34.040 2.014-68.097 4.267-102.138 6.501-5.91 0.387-9.734 4.765-8.681 10.343 2.733 14.166 4.489 28.757 9.105 42.315 24.085 70.536 70.425 120.589 139.798 148.607z"></path>
-    <path fill="#818b06" d="M903.111 802.077c-24.121-12.134-49.61-20.447-76.059-25.784-47.836-9.641-96.19-12.67-144.896-10.048-8.238 0.425-16.494 1.201-24.73 1.607-71.163 3.509-142.364 6.982-213.529 10.472 0 0.166 0.018 0.351 0.018 0.536-52.583 3.14-105.149 6.41-157.75 9.401-50.533 2.881-101.067 5.448-151.6 8.293-6.132 0.351-12.245 1.478-18.341 2.439-3.564 0.572-7.093 5.374-6.557 9.216 1.441 10.195 2.086 20.649 4.876 30.493 20.132 70.369 62.335 122.603 128.789 154.315 26.264 12.541 54.080 20.225 82.616 25.563 38.824 7.277 78.053 8.736 117.302 7.148 60.895-2.493 121.752-5.928 182.573-9.438 49.499-2.862 98.925-6.668 148.405-9.605 51.549-3.084 103.135-5.615 154.702-8.532 24.75-1.385 49.499-3.029 74.231-4.618 4.118-0.258 8.22-0.647 12.32-1.145 5.079-0.609 8.7-5.505 8.514-11.008-0.665-18.839-6.039-36.607-11.951-54.264-18.969-56.813-55.576-98.241-108.935-125.040z"></path>
-    <path fill="#818b06" d="M203.458 697.981c31.029 12.061 63.221 19.189 96.228 22.57 39.138 4.007 78.331 5.301 117.634 1.663 12.338-1.127 24.787-1.145 37.143-1.847 42.296-2.364 84.61-4.691 126.888-7.277 57.755-3.527 115.51-7.369 173.246-10.915 64.995-3.989 129.954-7.905 194.967-11.618 18.395-1.034 19.153-5.172 16.845-21.019-1.348-9.179-3.509-18.266-5.91-27.262-18.155-68.061-58.585-117.523-123.119-146.595-9.401-4.229-19.024-8.053-28.812-11.322-31.509-10.528-63.925-16.66-97.077-18.784-63.056-4.064-126.001-0.203-188.964 2.9-19.615 0.979-39.193 2.457-58.789 3.584-20.63 1.201-41.261 2.235-61.911 3.344 0 0.111 0.018 0.222 0.018 0.351-49.517 2.862-99.035 5.817-148.571 8.589-49.517 2.77-99.054 5.319-148.589 8.163-13.408 0.758-26.8 2.086-40.172 3.344-3.011 0.276-6.132 0.979-8.847 2.253-1.514 0.72-3.251 3.066-3.251 4.672 0.111 17.768 4.045 34.907 10.27 51.383 25.913 68.468 72.124 117.135 140.776 143.824z"></path>
+    <path fill="#aabb11" d="M149.083 283.372c25.968 10.51 53.082 16.992 80.768 21.241 37.973 5.837 76.188 7.204 114.457 5.412 47.505-2.235 94.972-5.098 142.457-8.053 41.261-2.568 82.505-5.966 123.784-8.349 89.782-5.19 179.618-10.030 269.436-14.868 43.7-2.346 39.34-2.9 30.697-41.446-16.716-74.673-60.174-128.051-131.21-157.972-9.512-3.989-19.227-7.573-29.054-10.713-32.674-10.453-66.418-15.68-100.513-17.732-45.453-2.733-90.981-0.869-136.4 1.441-59.879 3.066-119.702 7.204-179.563 10.879 0-0.147-0.018-0.296-0.018-0.462-11.34 0.609-22.718 1.201-34.059 1.847-62.945 3.638-125.908 7.277-188.872 11.008-34.040 2.014-68.097 4.267-102.138 6.501-5.91 0.387-9.734 4.765-8.681 10.343 2.733 14.166 4.489 28.757 9.105 42.315 24.085 70.536 70.425 120.589 139.798 148.607z"></path>
+    <path fill="#aabb11" d="M903.111 802.077c-24.121-12.134-49.61-20.447-76.059-25.784-47.836-9.641-96.19-12.67-144.896-10.048-8.238 0.425-16.494 1.201-24.73 1.607-71.163 3.509-142.364 6.982-213.529 10.472 0 0.166 0.018 0.351 0.018 0.536-52.583 3.14-105.149 6.41-157.75 9.401-50.533 2.881-101.067 5.448-151.6 8.293-6.132 0.351-12.245 1.478-18.341 2.439-3.564 0.572-7.093 5.374-6.557 9.216 1.441 10.195 2.086 20.649 4.876 30.493 20.132 70.369 62.335 122.603 128.789 154.315 26.264 12.541 54.080 20.225 82.616 25.563 38.824 7.277 78.053 8.736 117.302 7.148 60.895-2.493 121.752-5.928 182.573-9.438 49.499-2.862 98.925-6.668 148.405-9.605 51.549-3.084 103.135-5.615 154.702-8.532 24.75-1.385 49.499-3.029 74.231-4.618 4.118-0.258 8.22-0.647 12.32-1.145 5.079-0.609 8.7-5.505 8.514-11.008-0.665-18.839-6.039-36.607-11.951-54.264-18.969-56.813-55.576-98.241-108.935-125.040z"></path>
+    <path fill="#aabb11" d="M203.458 697.981c31.029 12.061 63.221 19.189 96.228 22.57 39.138 4.007 78.331 5.301 117.634 1.663 12.338-1.127 24.787-1.145 37.143-1.847 42.296-2.364 84.61-4.691 126.888-7.277 57.755-3.527 115.51-7.369 173.246-10.915 64.995-3.989 129.954-7.905 194.967-11.618 18.395-1.034 19.153-5.172 16.845-21.019-1.348-9.179-3.509-18.266-5.91-27.262-18.155-68.061-58.585-117.523-123.119-146.595-9.401-4.229-19.024-8.053-28.812-11.322-31.509-10.528-63.925-16.66-97.077-18.784-63.056-4.064-126.001-0.203-188.964 2.9-19.615 0.979-39.193 2.457-58.789 3.584-20.63 1.201-41.261 2.235-61.911 3.344 0 0.111 0.018 0.222 0.018 0.351-49.517 2.862-99.035 5.817-148.571 8.589-49.517 2.77-99.054 5.319-148.589 8.163-13.408 0.758-26.8 2.086-40.172 3.344-3.011 0.276-6.132 0.979-8.847 2.253-1.514 0.72-3.251 3.066-3.251 4.672 0.111 17.768 4.045 34.907 10.27 51.383 25.913 68.468 72.124 117.135 140.776 143.824z"></path>
   </svg>

From ae802bc0d33623dacfe99e87eb62b74ebe39253a Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Tue, 12 Dec 2023 15:40:36 +0100
Subject: [PATCH 4/4] Prevent useHead warning

---
 frontend/src/app.vue                                            | 2 +-
 frontend/src/composables/lockedit.ts                            | 2 +-
 frontend/src/pages/designs/[projectTypeId].vue                  | 2 +-
 frontend/src/pages/designs/index.vue                            | 2 +-
 frontend/src/pages/license.vue                                  | 2 +-
 frontend/src/pages/notes/personal.vue                           | 2 +-
 frontend/src/pages/projects/[projectId].vue                     | 2 +-
 frontend/src/pages/projects/archived/[archiveId].vue            | 2 +-
 frontend/src/pages/projects/archived/index.vue                  | 2 +-
 frontend/src/pages/projects/index.vue                           | 2 +-
 frontend/src/pages/projects/new.vue                             | 2 +-
 .../src/pages/templates/[templateId]/history/[historyDate].vue  | 2 +-
 frontend/src/pages/templates/[templateId]/index.vue             | 2 +-
 frontend/src/pages/templates/fromfinding.vue                    | 2 +-
 frontend/src/pages/templates/index.vue                          | 2 +-
 frontend/src/pages/templates/new.vue                            | 2 +-
 frontend/src/pages/users/[userId].vue                           | 2 +-
 frontend/src/pages/users/index.vue                              | 2 +-
 frontend/src/pages/users/new.vue                                | 2 +-
 frontend/src/pages/users/self.vue                               | 2 +-
 frontend/src/utils/overrides.ts                                 | 2 +-
 21 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 2cd09d2e1..c83eb67ae 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -8,7 +8,7 @@
 
 <script setup lang="ts">
 const route = useRoute();
-useHead({
+useHeadExtended({
   titleTemplate: title => rootTitleTemplate(title, route),
 });
 
diff --git a/frontend/src/composables/lockedit.ts b/frontend/src/composables/lockedit.ts
index d6d78eb25..b031401a9 100644
--- a/frontend/src/composables/lockedit.ts
+++ b/frontend/src/composables/lockedit.ts
@@ -172,7 +172,7 @@ export function useProjectTypeLockEdit(options: {
 
   const baseUrl = computed(() => `/api/v1/projecttypes/${projectType.value.id}/`);
   // const projectType = await useFetchE<ProjectType>(baseUrl.value, { method: 'GET' });
-  useHead({
+  useHeadExtended({
     title: projectType.value.name
   });
 
diff --git a/frontend/src/pages/designs/[projectTypeId].vue b/frontend/src/pages/designs/[projectTypeId].vue
index acf5ffdfd..335446e1f 100644
--- a/frontend/src/pages/designs/[projectTypeId].vue
+++ b/frontend/src/pages/designs/[projectTypeId].vue
@@ -26,7 +26,7 @@ const projectTypeStore = useProjectTypeStore();
 await useAsyncDataE(async () => await projectTypeStore.getById(route.params.projectTypeId as string), { key: 'projectTypeMenu:projectType' });
 const projectType = computed(() => projectTypeStore.projectType(route.params.projectTypeId as string));
 
-useHead({
+useHeadExtended({
   titleTemplate: title => designTitleTemplate(projectType.value, title, route),
   breadcrumbs: () => designDetailBreadcrumbs(projectType.value),
 });
diff --git a/frontend/src/pages/designs/index.vue b/frontend/src/pages/designs/index.vue
index 54e65ba24..e2a70d3f8 100644
--- a/frontend/src/pages/designs/index.vue
+++ b/frontend/src/pages/designs/index.vue
@@ -58,7 +58,7 @@ definePageMeta({
   title: 'Designs',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => designListBreadcrumbs(),
 });
 
diff --git a/frontend/src/pages/license.vue b/frontend/src/pages/license.vue
index 60b7e489f..8b6bb050f 100644
--- a/frontend/src/pages/license.vue
+++ b/frontend/src/pages/license.vue
@@ -59,7 +59,7 @@ definePageMeta({
   title: 'License',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => [{ title: 'License', to: '/license/' }],
 });
 
diff --git a/frontend/src/pages/notes/personal.vue b/frontend/src/pages/notes/personal.vue
index 41fd4ae5f..e033dbacb 100644
--- a/frontend/src/pages/notes/personal.vue
+++ b/frontend/src/pages/notes/personal.vue
@@ -45,7 +45,7 @@ const route = useRoute();
 const localSettings = useLocalSettings();
 const userNotesStore = useUserNotesStore();
 
-useHead({
+useHeadExtended({
   titleTemplate: (title?: string|null) => userNotesTitleTemplate(title, route),
   breadcrumbs: () => [{ title: 'Notes', to: '/notes/personal/' }],
 });
diff --git a/frontend/src/pages/projects/[projectId].vue b/frontend/src/pages/projects/[projectId].vue
index 08e2e5fe3..7626f1c77 100644
--- a/frontend/src/pages/projects/[projectId].vue
+++ b/frontend/src/pages/projects/[projectId].vue
@@ -41,7 +41,7 @@ watch(() => project.value?.project_type, async () => {
   projectType.value = await projectTypeStore.getById(project.value.project_type);
 });
 
-useHead({
+useHeadExtended({
   titleTemplate: title => projectTitleTemplate(project.value, title, route),
   breadcrumbs: () => projectDetailBreadcrumbs(project.value),
 });
diff --git a/frontend/src/pages/projects/archived/[archiveId].vue b/frontend/src/pages/projects/archived/[archiveId].vue
index ed414ac00..07dd30f33 100644
--- a/frontend/src/pages/projects/archived/[archiveId].vue
+++ b/frontend/src/pages/projects/archived/[archiveId].vue
@@ -136,7 +136,7 @@ const restoreUntilDate = computed(() => {
   return 'in the next ' + formatDistanceToNowStrict(date, { unit: 'day' });
 })
 
-useHead({
+useHeadExtended({
   title: archive.value.name,
   breadcrumbs: () => archivedProjectDetailBreadcrumbs(archive.value),
 });
diff --git a/frontend/src/pages/projects/archived/index.vue b/frontend/src/pages/projects/archived/index.vue
index 1458f86cd..381fc4e14 100644
--- a/frontend/src/pages/projects/archived/index.vue
+++ b/frontend/src/pages/projects/archived/index.vue
@@ -53,7 +53,7 @@ definePageMeta({
   title: 'Projects',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => archivedProjectListBreadcrumbs(),
 });
 </script>
diff --git a/frontend/src/pages/projects/index.vue b/frontend/src/pages/projects/index.vue
index 493090162..54deb66d9 100644
--- a/frontend/src/pages/projects/index.vue
+++ b/frontend/src/pages/projects/index.vue
@@ -65,7 +65,7 @@ definePageMeta({
   title: 'Projects',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => projectListBreadcrumbs(),
 });
 
diff --git a/frontend/src/pages/projects/new.vue b/frontend/src/pages/projects/new.vue
index 6a6f665b2..74618b90a 100644
--- a/frontend/src/pages/projects/new.vue
+++ b/frontend/src/pages/projects/new.vue
@@ -43,7 +43,7 @@
 <script setup lang="ts">
 import type { VForm } from "vuetify/lib/components/index.mjs";
 
-useHead({
+useHeadExtended({
   title: 'Projects',
   breadcrumbs: () => projectListBreadcrumbs().concat([{ title: 'New', to: '/projects/new/' }]),
 });
diff --git a/frontend/src/pages/templates/[templateId]/history/[historyDate].vue b/frontend/src/pages/templates/[templateId]/history/[historyDate].vue
index 281d6905c..e7ad0b1da 100644
--- a/frontend/src/pages/templates/[templateId]/history/[historyDate].vue
+++ b/frontend/src/pages/templates/[templateId]/history/[historyDate].vue
@@ -52,7 +52,7 @@ const template = computed(() => fetchState.data.value);
 const mainTranslation = computed(() => template.value?.translations?.find(tr => tr.is_main));
 
 const title = computed(() => mainTranslation.value?.data?.title || null);
-useHead({
+useHeadExtended({
   title
 });
 
diff --git a/frontend/src/pages/templates/[templateId]/index.vue b/frontend/src/pages/templates/[templateId]/index.vue
index 48e53c4f0..219753b5c 100644
--- a/frontend/src/pages/templates/[templateId]/index.vue
+++ b/frontend/src/pages/templates/[templateId]/index.vue
@@ -57,7 +57,7 @@ const template = computed({
 const mainTranslation = computed(() => template.value?.translations?.find(tr => tr.is_main));
 
 const title = computed(() => mainTranslation.value?.data?.title || null);
-useHead({
+useHeadExtended({
   title,
   breadcrumbs: () => templateDetailBreadcrumbs(template.value),
 });
diff --git a/frontend/src/pages/templates/fromfinding.vue b/frontend/src/pages/templates/fromfinding.vue
index 58bbf8522..f50bbe19f 100644
--- a/frontend/src/pages/templates/fromfinding.vue
+++ b/frontend/src/pages/templates/fromfinding.vue
@@ -61,7 +61,7 @@ const localSettings = useLocalSettings();
 const projectStore = useProjectStore();
 const templateStore = useTemplateStore();
 
-useHead({
+useHeadExtended({
   title: 'Templates',
   breadcrumbs: () => templateListBreadcrumbs().concat([{ title: 'New', to: route.fullPath }]),
 });
diff --git a/frontend/src/pages/templates/index.vue b/frontend/src/pages/templates/index.vue
index ca4ddee87..d74e67a02 100644
--- a/frontend/src/pages/templates/index.vue
+++ b/frontend/src/pages/templates/index.vue
@@ -56,7 +56,7 @@ definePageMeta({
   title: 'Templates',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => templateListBreadcrumbs(),
 });
 
diff --git a/frontend/src/pages/templates/new.vue b/frontend/src/pages/templates/new.vue
index b269bd7e5..8a086701f 100644
--- a/frontend/src/pages/templates/new.vue
+++ b/frontend/src/pages/templates/new.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { v4 as uuidv4 } from 'uuid';
 
-useHead({
+useHeadExtended({
   title: 'Templates',
   breadcrumbs: () => templateListBreadcrumbs().concat([{ title: 'New', to: '/templates/new/' }]),
 });
diff --git a/frontend/src/pages/users/[userId].vue b/frontend/src/pages/users/[userId].vue
index 7e85e4cb2..239196341 100644
--- a/frontend/src/pages/users/[userId].vue
+++ b/frontend/src/pages/users/[userId].vue
@@ -46,7 +46,7 @@ const route = useRoute();
 const apiSettings = useApiSettings();
 const user = await useFetchE<User>(`/api/v1/pentestusers/${route.params.userId}/`, { method: 'GET' });
 
-useHead({
+useHeadExtended({
   breadcrumbs: () => userDetailBreadcrumbs(user.value),
 });
 </script>
diff --git a/frontend/src/pages/users/index.vue b/frontend/src/pages/users/index.vue
index 8c3a7c388..7d95d9cd0 100644
--- a/frontend/src/pages/users/index.vue
+++ b/frontend/src/pages/users/index.vue
@@ -50,7 +50,7 @@ definePageMeta({
   title: 'Users',
   toplevel: true,
 });
-useHead({
+useHeadExtended({
   breadcrumbs: () => userListBreadcrumbs(),
 });
 
diff --git a/frontend/src/pages/users/new.vue b/frontend/src/pages/users/new.vue
index 6b1f2a76f..0f0153bc4 100644
--- a/frontend/src/pages/users/new.vue
+++ b/frontend/src/pages/users/new.vue
@@ -47,7 +47,7 @@
 <script setup lang="ts">
 import type { VForm } from "vuetify/lib/components/index.mjs";
 
-useHead({
+useHeadExtended({
   breadcrumbs: () => userListBreadcrumbs().concat([{ title: 'New', to: '/users/new/' }]),
 });
 
diff --git a/frontend/src/pages/users/self.vue b/frontend/src/pages/users/self.vue
index 863901a06..31bd521d9 100644
--- a/frontend/src/pages/users/self.vue
+++ b/frontend/src/pages/users/self.vue
@@ -39,7 +39,7 @@
 import { profileTitleTemplate } from "~/utils/title";
 
 const route = useRoute();
-useHead({
+useHeadExtended({
   titleTemplate: (title?: string|null) => profileTitleTemplate(title, route),
   breadcrumbs: () => [{ title: 'Profile', to: '/users/self/' }],
 });
diff --git a/frontend/src/utils/overrides.ts b/frontend/src/utils/overrides.ts
index 3fed4f517..231a54904 100644
--- a/frontend/src/utils/overrides.ts
+++ b/frontend/src/utils/overrides.ts
@@ -2,7 +2,7 @@ import { useHead as useHeadOriginal } from '@unhead/vue';
 import type { ReactiveHead } from '@unhead/vue';
 import type { Breadcrumbs } from './types';
 
-export function useHead(options: ReactiveHead & { breadcrumbs?: () => Breadcrumbs }) {
+export function useHeadExtended(options: ReactiveHead & { breadcrumbs?: () => Breadcrumbs }) {
   // Extend useHead to accept more options and prevent TypeScript errors
   return useHeadOriginal(options);
 }