diff --git a/apps/profile/src/views/ProfileApp.vue b/apps/profile/src/views/ProfileApp.vue
index 973b0d4b5964e..0dd36c9e192f1 100644
--- a/apps/profile/src/views/ProfileApp.vue
+++ b/apps/profile/src/views/ProfileApp.vue
@@ -369,6 +369,38 @@ $content-max-width: 640px;
 	}
 }
 
+.user-actions {
+	display: flex;
+	flex-direction: column;
+	gap: 8px 0;
+	margin-top: 20px;
+	max-width: 300px;
+
+	&__primary {
+		margin: 0 auto;
+		max-width: 100%;
+
+		&__icon {
+			filter: var(--primary-invert-if-dark);
+		}
+	}
+
+	&__other {
+		display: flex;
+		justify-content: center;
+		gap: 0 4px;
+
+		&__icon {
+			height: 20px;
+			width: 20px;
+			object-fit: contain;
+			filter: var(--background-invert-if-dark);
+			align-self: center;
+			margin: 12px; // so we get 44px x 44px
+		}
+	}
+}
+
 @media only screen and (max-width: 1024px) {
 	.profile {
 		&__header {
@@ -419,37 +451,12 @@ $content-max-width: 640px;
 			position: unset;
 		}
 	}
-}
 
-.user-actions {
-	display: flex;
-	flex-direction: column;
-	gap: 8px 0;
-	margin-top: 20px;
-	max-width: 300px;
-
-	&__primary {
+	.user-actions {
+		width: unset;
+		max-width: 600px;
 		margin: 0 auto;
-		max-width: 100%;
-
-		&__icon {
-			filter: var(--primary-invert-if-dark);
-		}
-	}
-
-	&__other {
-		display: flex;
-		justify-content: center;
-		gap: 0 4px;
-
-		&__icon {
-			height: 20px;
-			width: 20px;
-			object-fit: contain;
-			filter: var(--background-invert-if-dark);
-			align-self: center;
-			margin: 12px; // so we get 44px x 44px
-		}
+		padding: 20px 50px 0px 50px;
 	}
 }
 </style>
diff --git a/dist/profile-main.css b/dist/profile-main.css
index 52490b6e9c7a5..30e3362f25229 100644
--- a/dist/profile-main.css
+++ b/dist/profile-main.css
@@ -1,5 +1,5 @@
 /* extracted by css-entry-points-plugin */
-@import './profile-profile-main-YvNfSVUo.chunk.css';
+@import './profile-profile-main-65fj8xOs.chunk.css';
 @import './createElementId-DhjFt1I9-C_oBIsvc.chunk.css';
 @import './logger-D3RVzcfQ-D7L4ZBkR.chunk.css';
 @import './mdi-BYHcrfvW.chunk.css';
diff --git a/dist/profile-main.mjs b/dist/profile-main.mjs
index 7688f68ededa0..c12fbbf3d7b74 100644
--- a/dist/profile-main.mjs
+++ b/dist/profile-main.mjs
@@ -1,2 +1,2 @@
-import{j as r,o as s,k as t,l as o,t as l,z as C,b as P,c as p,J as U,n as $,r as M,N as B,A as E,Z as H,w as d,e as h,u as i,g as f,H as Z,F as A,C as z,p as L,h as T}from"./runtime-dom.esm-bundler-CgYXkLV7.chunk.mjs";import{a as j,s as F,u as q,g as D}from"./index-Bndk0DrU.chunk.mjs";import{a as J}from"./index-C1xmmKTZ-DHV8JZOG.chunk.mjs";import{a as k,l as N}from"./index-BgmsSgl5.chunk.mjs";import{t as y}from"./translation-DoG5ZELJ-XUrtIRvk.chunk.mjs";import{g as Y}from"./createElementId-DhjFt1I9-D6sOOWeT.chunk.mjs";import{N as G}from"./NcDateTime.vue_vue_type_script_setup_true_lang-B4upiZjL-DnxW8VJB.chunk.mjs";import{a as K}from"./index-C493a1t-.chunk.mjs";import{N as Q,a as R,b as W}from"./NcRichText-D_ssz6sB-DW_PHdHl.chunk.mjs";import{N as X}from"./NcAvatar-ruClKRzS-BgeUBh5W.chunk.mjs";import{N as w}from"./logger-D3RVzcfQ-88xHyoDn.chunk.mjs";import{N as ee}from"./Plus-xxJZmotj.chunk.mjs";import{P as ie}from"./PencilOutline-JA7iF0oB.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./NcNoteCard-CWiO3Dse-DJ5wV2Sw.chunk.mjs";import"./mdi-36VzJ0Uy.chunk.mjs";import"./NcCheckboxRadioSwitch-D0gFwEVl-DCiJhL6I.chunk.mjs";import"./index-IPON9qO1.chunk.mjs";import"./index-sH3U_332.chunk.mjs";import"./NcSelect-B1uITk_3-CsHvKsDu.chunk.mjs";import"./TrashCanOutline-rMwsRZQn.chunk.mjs";import"./NcInputField-CPL-a_MM-6ClrUH-f.chunk.mjs";import"./colors-BfjxNgsx-dKEg53sb.chunk.mjs";import"./NcUserStatusIcon-JWiuiAXe-CiPikwn2.chunk.mjs";const se={name:"AccountOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},ae=["aria-hidden","aria-label"],re=["fill","width","height"],te={d:"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z"},oe={key:0};function le(n,e,a,g,b,u){return s(),r("span",C(n.$attrs,{"aria-hidden":a.title?null:"true","aria-label":a.title,class:"material-design-icon account-outline-icon",role:"img",onClick:e[0]||(e[0]=c=>n.$emit("click",c))}),[(s(),r("svg",{fill:a.fillColor,class:"material-design-icon__svg",width:a.size,height:a.size,viewBox:"0 0 24 24"},[t("path",te,[a.title?(s(),r("title",oe,l(a.title),1)):o("",!0)])],8,re))],16,ae)}const ne=k(se,[["render",le]]),de={name:"MapMarkerIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},ce=["aria-hidden","aria-label"],ue=["fill","width","height"],pe={d:"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"},me={key:0};function _e(n,e,a,g,b,u){return s(),r("span",C(n.$attrs,{"aria-hidden":a.title?null:"true","aria-label":a.title,class:"material-design-icon map-marker-icon",role:"img",onClick:e[0]||(e[0]=c=>n.$emit("click",c))}),[(s(),r("svg",{fill:a.fillColor,class:"material-design-icon__svg",width:a.size,height:a.size,viewBox:"0 0 24 24"},[t("path",pe,[a.title?(s(),r("title",me,l(a.title),1)):o("",!0)])],8,ue))],16,ce)}const fe=k(de,[["render",_e]]),he=P({__name:"ProfileSection",props:{section:{},userId:{}},setup(n){return(e,a)=>(s(),r("div",{class:$(e.$style.profileSection)},[(s(),p(U(n.section.tagName),C(n.section.params,{".user":n.userId}),null,48,[".user"]))],2))}}),ge="_profileSection_1o17g_2",ye={profileSection:ge},ve={$style:ye},ke=k(he,[["__cssModules",ve]]),be={class:"profile__header"},Ae={class:"profile__header__container"},we={class:"profile__header__container__displayname"},Ce={key:0},Ie={key:1,class:"profile__header__container__pronouns"},Se={class:"profile__wrapper"},Me={class:"profile__content"},ze={class:"profile__sidebar"},Ne={class:"user-actions"},Pe=["src"],$e=["src"],xe={class:"profile__blocks"},Ve={key:0,class:"profile__blocks-details"},Oe={key:0,class:"detail"},Ue={key:0},Be={key:1,class:"detail"},Ee={key:0,class:"profile__blocks-headline"},He=P({__name:"ProfileApp",setup(n){const e=N("profile","profileParameters",{userId:void 0,displayname:void 0,address:void 0,organisation:void 0,role:void 0,headline:void 0,biography:void 0,actions:[],isUserAvatarVisible:!1,pronouns:void 0}),a=M(N("profile","status",{})),g=M([]),b=L(()=>[...g.value].sort((m,v)=>v.order-m.order));B(()=>{g.value=window.OCA.Profile.ProfileSections.getSections()});const u=j()?.uid===e.userId,c=e.actions[0],x=e.actions.slice(1),V=Y("/settings/user"),O=u?y("profile","You have not added any info yet"):y("profile","{user} has not added any info yet",{user:e.displayname||e.userId||""});E(()=>{document.title=`${e.displayname||e.userId} - ${document.title}`,F("user_status:status.updated",I)}),H(()=>{q("user_status:status.updated",I)});function I(m){u&&m.userId===e.userId&&(a.value=m)}function S(){if(!u)return;const m=document.querySelector(".user-status-menu-item");m?m.click():J(y("profile","Error opening the user status modal, try hard refreshing the page"))}return(m,v)=>(s(),p(i(W),{appName:"profile"},{default:d(()=>[h(i(Q),null,{default:d(()=>[t("div",be,[t("div",Ae,[v[0]||(v[0]=t("div",{class:"profile__header__container__placeholder"},null,-1)),t("div",we,[t("h2",null,l(i(e).displayname||i(e).userId),1),i(e).pronouns?(s(),r("span",Ce,"·")):o("",!0),i(e).pronouns?(s(),r("span",Ie,l(i(e).pronouns),1)):o("",!0),u?(s(),p(i(w),{key:2,variant:"primary",href:i(V)},{icon:d(()=>[h(ie,{size:20})]),default:d(()=>[f(" "+l(i(y)("profile","Edit Profile")),1)]),_:1},8,["href"])):o("",!0)]),a.value.icon||a.value.message?(s(),p(i(w),{key:0,disabled:!u,variant:u?"tertiary":"tertiary-no-background",onClick:S},{default:d(()=>[f(l(a.value.icon)+" "+l(a.value.message),1)]),_:1},8,["disabled","variant"])):o("",!0)])]),t("div",Se,[t("div",Me,[t("div",ze,[h(i(X),{class:$(["avatar",{interactive:u}]),user:i(e).userId,size:180,disableMenu:!0,disableTooltip:!0,isNoUser:!i(e).isUserAvatarVisible,onClick:Z(S,["prevent","stop"])},null,8,["class","user","isNoUser"]),t("div",Ne,[i(c)?(s(),p(i(w),{key:0,variant:"primary",class:"user-actions__primary",href:i(c).target,icon:i(c).icon,target:i(c).id==="phone"?"_self":"_blank"},{icon:d(()=>[t("img",{src:i(c).icon,alt:"",class:"user-actions__primary__icon"},null,8,Pe)]),default:d(()=>[f(" "+l(i(c).title),1)]),_:1},8,["href","icon","target"])):o("",!0),h(i(K),{class:"user-actions__other",inline:4},{default:d(()=>[(s(!0),r(A,null,z(i(x),_=>(s(),p(i(G),{key:_.id,closeAfterClick:!0,href:_.target,target:_.id==="phone"?"_self":"_blank"},{icon:d(()=>[t("img",{src:_.icon,alt:"",class:"user-actions__other__icon"},null,8,$e)]),default:d(()=>[f(" "+l(_.title),1)]),_:2},1032,["href","target"]))),128))]),_:1})])]),t("div",xe,[i(e).organisation||i(e).role||i(e).address?(s(),r("div",Ve,[i(e).organisation||i(e).role?(s(),r("div",Oe,[t("p",null,[f(l(i(e).organisation)+" ",1),i(e).organisation&&i(e).role?(s(),r("span",Ue,"•")):o("",!0),f(" "+l(i(e).role),1)])])):o("",!0),i(e).address?(s(),r("div",Be,[t("p",null,[h(fe,{class:"map-icon",size:16}),f(" "+l(i(e).address),1)])])):o("",!0)])):o("",!0),i(e).headline||i(e).biography||g.value.length>0?(s(),r(A,{key:1},[i(e).headline?(s(),r("h3",Ee,l(i(e).headline),1)):o("",!0),i(e).biography?(s(),p(i(R),{key:1,text:i(e).biography,useExtendedMarkdown:""},null,8,["text"])):o("",!0),(s(!0),r(A,null,z(b.value,_=>(s(),p(ke,{key:_.id,section:_,userId:i(e).userId},null,8,["section","userId"]))),128))],64)):(s(),p(i(ee),{key:2,class:"profile__blocks-empty-info",name:i(O),description:i(y)("profile","The headline and about sections will show up here")},{icon:d(()=>[h(ne,{size:60})]),_:1},8,["name","description"]))])])])]),_:1})]),_:1}))}}),Ze=k(He,[["__scopeId","data-v-4561b582"]]),Le=D().setApp("profile").detectLogLevel().build();class Te{#e;constructor(){this.#e=new Map}registerSection(e){this.#e.has(e.id)&&Le.warn(`Profile section with id '${e.id}' is already registered.`),this.#e.set(e.id,e)}getSections(){return[...this.#e.values()]}}window.OCA.Profile??={},window.OCA.Profile.ProfileSections=new Te;const je=T(Ze);je.mount("#content");
+import{j as r,o as s,k as t,l as o,t as l,z as C,b as P,c as p,J as U,n as $,r as M,N as B,A as E,Z as H,w as d,e as h,u as i,g as f,H as Z,F as A,C as z,p as L,h as T}from"./runtime-dom.esm-bundler-CgYXkLV7.chunk.mjs";import{a as j,s as F,u as q,g as D}from"./index-Bndk0DrU.chunk.mjs";import{a as J}from"./index-C1xmmKTZ-DHV8JZOG.chunk.mjs";import{a as k,l as N}from"./index-BgmsSgl5.chunk.mjs";import{t as y}from"./translation-DoG5ZELJ-XUrtIRvk.chunk.mjs";import{g as Y}from"./createElementId-DhjFt1I9-D6sOOWeT.chunk.mjs";import{N as G}from"./NcDateTime.vue_vue_type_script_setup_true_lang-B4upiZjL-DnxW8VJB.chunk.mjs";import{a as K}from"./index-C493a1t-.chunk.mjs";import{N as Q,a as R,b as W}from"./NcRichText-D_ssz6sB-DW_PHdHl.chunk.mjs";import{N as X}from"./NcAvatar-ruClKRzS-BgeUBh5W.chunk.mjs";import{N as w}from"./logger-D3RVzcfQ-88xHyoDn.chunk.mjs";import{N as ee}from"./Plus-xxJZmotj.chunk.mjs";import{P as ie}from"./PencilOutline-JA7iF0oB.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./NcNoteCard-CWiO3Dse-DJ5wV2Sw.chunk.mjs";import"./mdi-36VzJ0Uy.chunk.mjs";import"./NcCheckboxRadioSwitch-D0gFwEVl-DCiJhL6I.chunk.mjs";import"./index-IPON9qO1.chunk.mjs";import"./index-sH3U_332.chunk.mjs";import"./NcSelect-B1uITk_3-CsHvKsDu.chunk.mjs";import"./TrashCanOutline-rMwsRZQn.chunk.mjs";import"./NcInputField-CPL-a_MM-6ClrUH-f.chunk.mjs";import"./colors-BfjxNgsx-dKEg53sb.chunk.mjs";import"./NcUserStatusIcon-JWiuiAXe-CiPikwn2.chunk.mjs";const se={name:"AccountOutlineIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},ae=["aria-hidden","aria-label"],re=["fill","width","height"],te={d:"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z"},oe={key:0};function le(n,e,a,g,b,u){return s(),r("span",C(n.$attrs,{"aria-hidden":a.title?null:"true","aria-label":a.title,class:"material-design-icon account-outline-icon",role:"img",onClick:e[0]||(e[0]=c=>n.$emit("click",c))}),[(s(),r("svg",{fill:a.fillColor,class:"material-design-icon__svg",width:a.size,height:a.size,viewBox:"0 0 24 24"},[t("path",te,[a.title?(s(),r("title",oe,l(a.title),1)):o("",!0)])],8,re))],16,ae)}const ne=k(se,[["render",le]]),de={name:"MapMarkerIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},ce=["aria-hidden","aria-label"],ue=["fill","width","height"],pe={d:"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"},me={key:0};function _e(n,e,a,g,b,u){return s(),r("span",C(n.$attrs,{"aria-hidden":a.title?null:"true","aria-label":a.title,class:"material-design-icon map-marker-icon",role:"img",onClick:e[0]||(e[0]=c=>n.$emit("click",c))}),[(s(),r("svg",{fill:a.fillColor,class:"material-design-icon__svg",width:a.size,height:a.size,viewBox:"0 0 24 24"},[t("path",pe,[a.title?(s(),r("title",me,l(a.title),1)):o("",!0)])],8,ue))],16,ce)}const fe=k(de,[["render",_e]]),he=P({__name:"ProfileSection",props:{section:{},userId:{}},setup(n){return(e,a)=>(s(),r("div",{class:$(e.$style.profileSection)},[(s(),p(U(n.section.tagName),C(n.section.params,{".user":n.userId}),null,48,[".user"]))],2))}}),ge="_profileSection_1o17g_2",ye={profileSection:ge},ve={$style:ye},ke=k(he,[["__cssModules",ve]]),be={class:"profile__header"},Ae={class:"profile__header__container"},we={class:"profile__header__container__displayname"},Ce={key:0},Ie={key:1,class:"profile__header__container__pronouns"},Se={class:"profile__wrapper"},Me={class:"profile__content"},ze={class:"profile__sidebar"},Ne={class:"user-actions"},Pe=["src"],$e=["src"],xe={class:"profile__blocks"},Ve={key:0,class:"profile__blocks-details"},Oe={key:0,class:"detail"},Ue={key:0},Be={key:1,class:"detail"},Ee={key:0,class:"profile__blocks-headline"},He=P({__name:"ProfileApp",setup(n){const e=N("profile","profileParameters",{userId:void 0,displayname:void 0,address:void 0,organisation:void 0,role:void 0,headline:void 0,biography:void 0,actions:[],isUserAvatarVisible:!1,pronouns:void 0}),a=M(N("profile","status",{})),g=M([]),b=L(()=>[...g.value].sort((m,v)=>v.order-m.order));B(()=>{g.value=window.OCA.Profile.ProfileSections.getSections()});const u=j()?.uid===e.userId,c=e.actions[0],x=e.actions.slice(1),V=Y("/settings/user"),O=u?y("profile","You have not added any info yet"):y("profile","{user} has not added any info yet",{user:e.displayname||e.userId||""});E(()=>{document.title=`${e.displayname||e.userId} - ${document.title}`,F("user_status:status.updated",I)}),H(()=>{q("user_status:status.updated",I)});function I(m){u&&m.userId===e.userId&&(a.value=m)}function S(){if(!u)return;const m=document.querySelector(".user-status-menu-item");m?m.click():J(y("profile","Error opening the user status modal, try hard refreshing the page"))}return(m,v)=>(s(),p(i(W),{appName:"profile"},{default:d(()=>[h(i(Q),null,{default:d(()=>[t("div",be,[t("div",Ae,[v[0]||(v[0]=t("div",{class:"profile__header__container__placeholder"},null,-1)),t("div",we,[t("h2",null,l(i(e).displayname||i(e).userId),1),i(e).pronouns?(s(),r("span",Ce,"·")):o("",!0),i(e).pronouns?(s(),r("span",Ie,l(i(e).pronouns),1)):o("",!0),u?(s(),p(i(w),{key:2,variant:"primary",href:i(V)},{icon:d(()=>[h(ie,{size:20})]),default:d(()=>[f(" "+l(i(y)("profile","Edit Profile")),1)]),_:1},8,["href"])):o("",!0)]),a.value.icon||a.value.message?(s(),p(i(w),{key:0,disabled:!u,variant:u?"tertiary":"tertiary-no-background",onClick:S},{default:d(()=>[f(l(a.value.icon)+" "+l(a.value.message),1)]),_:1},8,["disabled","variant"])):o("",!0)])]),t("div",Se,[t("div",Me,[t("div",ze,[h(i(X),{class:$(["avatar",{interactive:u}]),user:i(e).userId,size:180,disableMenu:!0,disableTooltip:!0,isNoUser:!i(e).isUserAvatarVisible,onClick:Z(S,["prevent","stop"])},null,8,["class","user","isNoUser"]),t("div",Ne,[i(c)?(s(),p(i(w),{key:0,variant:"primary",class:"user-actions__primary",href:i(c).target,icon:i(c).icon,target:i(c).id==="phone"?"_self":"_blank"},{icon:d(()=>[t("img",{src:i(c).icon,alt:"",class:"user-actions__primary__icon"},null,8,Pe)]),default:d(()=>[f(" "+l(i(c).title),1)]),_:1},8,["href","icon","target"])):o("",!0),h(i(K),{class:"user-actions__other",inline:4},{default:d(()=>[(s(!0),r(A,null,z(i(x),_=>(s(),p(i(G),{key:_.id,closeAfterClick:!0,href:_.target,target:_.id==="phone"?"_self":"_blank"},{icon:d(()=>[t("img",{src:_.icon,alt:"",class:"user-actions__other__icon"},null,8,$e)]),default:d(()=>[f(" "+l(_.title),1)]),_:2},1032,["href","target"]))),128))]),_:1})])]),t("div",xe,[i(e).organisation||i(e).role||i(e).address?(s(),r("div",Ve,[i(e).organisation||i(e).role?(s(),r("div",Oe,[t("p",null,[f(l(i(e).organisation)+" ",1),i(e).organisation&&i(e).role?(s(),r("span",Ue,"•")):o("",!0),f(" "+l(i(e).role),1)])])):o("",!0),i(e).address?(s(),r("div",Be,[t("p",null,[h(fe,{class:"map-icon",size:16}),f(" "+l(i(e).address),1)])])):o("",!0)])):o("",!0),i(e).headline||i(e).biography||g.value.length>0?(s(),r(A,{key:1},[i(e).headline?(s(),r("h3",Ee,l(i(e).headline),1)):o("",!0),i(e).biography?(s(),p(i(R),{key:1,text:i(e).biography,useExtendedMarkdown:""},null,8,["text"])):o("",!0),(s(!0),r(A,null,z(b.value,_=>(s(),p(ke,{key:_.id,section:_,userId:i(e).userId},null,8,["section","userId"]))),128))],64)):(s(),p(i(ee),{key:2,class:"profile__blocks-empty-info",name:i(O),description:i(y)("profile","The headline and about sections will show up here")},{icon:d(()=>[h(ne,{size:60})]),_:1},8,["name","description"]))])])])]),_:1})]),_:1}))}}),Ze=k(He,[["__scopeId","data-v-596d11e3"]]),Le=D().setApp("profile").detectLogLevel().build();class Te{#e;constructor(){this.#e=new Map}registerSection(e){this.#e.has(e.id)&&Le.warn(`Profile section with id '${e.id}' is already registered.`),this.#e.set(e.id,e)}getSections(){return[...this.#e.values()]}}window.OCA.Profile??={},window.OCA.Profile.ProfileSections=new Te;const je=T(Ze);je.mount("#content");
 //# sourceMappingURL=profile-main.mjs.map
diff --git a/dist/profile-main.mjs.map b/dist/profile-main.mjs.map
index 54e74714d9137..e9e1f71a015b5 100644
--- a/dist/profile-main.mjs.map
+++ b/dist/profile-main.mjs.map
@@ -1 +1 @@
-{"version":3,"file":"profile-main.mjs","sources":["../node_modules/vue-material-design-icons/AccountOutline.vue","../node_modules/vue-material-design-icons/MapMarker.vue","../build/frontend/apps/profile/src/components/ProfileSection.vue","../build/frontend/apps/profile/src/views/ProfileApp.vue","../build/frontend/apps/profile/src/services/logger.ts","../build/frontend/apps/profile/src/services/ProfileSections.ts","../build/frontend/apps/profile/src/main.ts"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon account-outline-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AccountOutlineIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon map-marker-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"MapMarkerIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport type { IProfileSection } from '../services/ProfileSections.ts'\n\ndefineProps<{\n\tsection: IProfileSection\n\tuserId: string | undefined\n}>()\n</script>\n\n<template>\n\t<div :class=\"$style.profileSection\">\n\t\t<component\n\t\t\t:is=\"section.tagName\"\n\t\t\tv-bind.prop=\"section.params\"\n\t\t\t:user.prop=\"userId\" />\n\t</div>\n</template>\n\n<style module>\n.profileSection {\n\tmargin-top: 2rem;\n}\n</style>\n","<!--\n  - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport type { IProfileSection } from '../services/ProfileSections.ts'\n\nimport { getCurrentUser } from '@nextcloud/auth'\nimport { showError } from '@nextcloud/dialogs'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { loadState } from '@nextcloud/initial-state'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { computed, onBeforeMount, onBeforeUnmount, onMounted, ref } from 'vue'\nimport NcActionLink from '@nextcloud/vue/components/NcActionLink'\nimport NcActions from '@nextcloud/vue/components/NcActions'\nimport NcAppContent from '@nextcloud/vue/components/NcAppContent'\nimport NcAvatar from '@nextcloud/vue/components/NcAvatar'\nimport NcButton from '@nextcloud/vue/components/NcButton'\nimport NcContent from '@nextcloud/vue/components/NcContent'\nimport NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'\nimport NcRichText from '@nextcloud/vue/components/NcRichText'\nimport AccountIcon from 'vue-material-design-icons/AccountOutline.vue'\nimport MapMarkerIcon from 'vue-material-design-icons/MapMarker.vue'\nimport PencilIcon from 'vue-material-design-icons/PencilOutline.vue'\nimport ProfileSection from '../components/ProfileSection.vue'\n\ninterface IProfileAction {\n\ttarget: string\n\ticon: string\n\tid: string\n\ttitle: string\n}\n\ninterface IStatus {\n\ticon: string\n\tmessage: string\n\tuserId: string\n}\n\nconst profileParameters = loadState('profile', 'profileParameters', {\n\tuserId: undefined as string | undefined,\n\tdisplayname: undefined as string | undefined,\n\taddress: undefined as string | undefined,\n\torganisation: undefined as string | undefined,\n\trole: undefined as string | undefined,\n\theadline: undefined as string | undefined,\n\tbiography: undefined as string | undefined,\n\tactions: [] as IProfileAction[],\n\tisUserAvatarVisible: false,\n\tpronouns: undefined as string | undefined,\n})\n\nconst userStatus = ref(loadState<Partial<IStatus>>('profile', 'status', {}))\nconst sections = ref<IProfileSection[]>([])\nconst sortedSections = computed(() => [...sections.value].sort((a, b) => b.order - a.order))\nonBeforeMount(() => {\n\tsections.value = window.OCA.Profile.ProfileSections.getSections()\n})\n\nconst isCurrentUser = getCurrentUser()?.uid === profileParameters.userId\n\nconst primaryAction = profileParameters.actions[0]\nconst otherActions = profileParameters.actions.slice(1)\n\nconst settingsUrl = generateUrl('/settings/user')\nconst emptyProfileMessage = isCurrentUser\n\t? t('profile', 'You have not added any info yet')\n\t: t('profile', '{user} has not added any info yet', { user: (profileParameters.displayname || profileParameters.userId || '') })\n\nonMounted(() => {\n\t// Set the user's displayname or userId in the page title and preserve the default title of \"Nextcloud\" at the end\n\tdocument.title = `${profileParameters.displayname || profileParameters.userId} - ${document.title}`\n\tsubscribe('user_status:status.updated', handleStatusUpdate)\n})\n\nonBeforeUnmount(() => {\n\tunsubscribe('user_status:status.updated', handleStatusUpdate)\n})\n\n/**\n * Update the user status\n *\n * @param status - The new status\n */\nfunction handleStatusUpdate(status: IStatus) {\n\tif (isCurrentUser && status.userId === profileParameters.userId) {\n\t\tuserStatus.value = status\n\t}\n}\n\n/**\n * Open the user status modal by simulating a click on the hidden status menu item in the avatar menu\n */\nfunction openStatusModal() {\n\t// Changing the user status is only enabled if you are the current user\n\tif (!isCurrentUser) {\n\t\treturn\n\t}\n\n\tconst statusMenuItem = document.querySelector<HTMLButtonElement>('.user-status-menu-item')\n\tif (statusMenuItem) {\n\t\tstatusMenuItem.click()\n\t} else {\n\t\tshowError(t('profile', 'Error opening the user status modal, try hard refreshing the page'))\n\t}\n}\n</script>\n\n<template>\n\t<NcContent appName=\"profile\">\n\t\t<NcAppContent>\n\t\t\t<div class=\"profile__header\">\n\t\t\t\t<div class=\"profile__header__container\">\n\t\t\t\t\t<div class=\"profile__header__container__placeholder\" />\n\t\t\t\t\t<div class=\"profile__header__container__displayname\">\n\t\t\t\t\t\t<h2>{{ profileParameters.displayname || profileParameters.userId }}</h2>\n\t\t\t\t\t\t<span v-if=\"profileParameters.pronouns\">·</span>\n\t\t\t\t\t\t<span v-if=\"profileParameters.pronouns\" class=\"profile__header__container__pronouns\">{{ profileParameters.pronouns }}</span>\n\t\t\t\t\t\t<NcButton\n\t\t\t\t\t\t\tv-if=\"isCurrentUser\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t:href=\"settingsUrl\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<PencilIcon :size=\"20\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t{{ t('profile', 'Edit Profile') }}\n\t\t\t\t\t\t</NcButton>\n\t\t\t\t\t</div>\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"userStatus.icon || userStatus.message\"\n\t\t\t\t\t\t:disabled=\"!isCurrentUser\"\n\t\t\t\t\t\t:variant=\"isCurrentUser ? 'tertiary' : 'tertiary-no-background'\"\n\t\t\t\t\t\t@click=\"openStatusModal\">\n\t\t\t\t\t\t{{ userStatus.icon }} {{ userStatus.message }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"profile__wrapper\">\n\t\t\t\t<div class=\"profile__content\">\n\t\t\t\t\t<div class=\"profile__sidebar\">\n\t\t\t\t\t\t<NcAvatar\n\t\t\t\t\t\t\tclass=\"avatar\"\n\t\t\t\t\t\t\t:class=\"{ interactive: isCurrentUser }\"\n\t\t\t\t\t\t\t:user=\"profileParameters.userId\"\n\t\t\t\t\t\t\t:size=\"180\"\n\t\t\t\t\t\t\t:disableMenu=\"true\"\n\t\t\t\t\t\t\t:disableTooltip=\"true\"\n\t\t\t\t\t\t\t:isNoUser=\"!profileParameters.isUserAvatarVisible\"\n\t\t\t\t\t\t\t@click.prevent.stop=\"openStatusModal\" />\n\n\t\t\t\t\t\t<div class=\"user-actions\">\n\t\t\t\t\t\t\t<!-- When a tel: URL is opened with target=\"_blank\", a blank new tab is opened which is inconsistent with the handling of other URLs so we set target=\"_self\" for the phone action -->\n\t\t\t\t\t\t\t<NcButton\n\t\t\t\t\t\t\t\tv-if=\"primaryAction\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"user-actions__primary\"\n\t\t\t\t\t\t\t\t:href=\"primaryAction.target\"\n\t\t\t\t\t\t\t\t:icon=\"primaryAction.icon\"\n\t\t\t\t\t\t\t\t:target=\"primaryAction.id === 'phone' ? '_self' : '_blank'\">\n\t\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t\t<!-- Fix for https://github.com/nextcloud-libraries/nextcloud-vue/issues/2315 -->\n\t\t\t\t\t\t\t\t\t<img :src=\"primaryAction.icon\" alt=\"\" class=\"user-actions__primary__icon\">\n\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t{{ primaryAction.title }}\n\t\t\t\t\t\t\t</NcButton>\n\t\t\t\t\t\t\t<NcActions class=\"user-actions__other\" :inline=\"4\">\n\t\t\t\t\t\t\t\t<NcActionLink\n\t\t\t\t\t\t\t\t\tv-for=\"action in otherActions\"\n\t\t\t\t\t\t\t\t\t:key=\"action.id\"\n\t\t\t\t\t\t\t\t\t:closeAfterClick=\"true\"\n\t\t\t\t\t\t\t\t\t:href=\"action.target\"\n\t\t\t\t\t\t\t\t\t:target=\"action.id === 'phone' ? '_self' : '_blank'\">\n\t\t\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t\t\t<!-- Fix for https://github.com/nextcloud-libraries/nextcloud-vue/issues/2315 -->\n\t\t\t\t\t\t\t\t\t\t<img :src=\"action.icon\" alt=\"\" class=\"user-actions__other__icon\">\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t{{ action.title }}\n\t\t\t\t\t\t\t\t</NcActionLink>\n\t\t\t\t\t\t\t</NcActions>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"profile__blocks\">\n\t\t\t\t\t\t<div v-if=\"profileParameters.organisation || profileParameters.role || profileParameters.address\" class=\"profile__blocks-details\">\n\t\t\t\t\t\t\t<div v-if=\"profileParameters.organisation || profileParameters.role\" class=\"detail\">\n\t\t\t\t\t\t\t\t<p>{{ profileParameters.organisation }} <span v-if=\"profileParameters.organisation && profileParameters.role\">•</span> {{ profileParameters.role }}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-if=\"profileParameters.address\" class=\"detail\">\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t<MapMarkerIcon\n\t\t\t\t\t\t\t\t\t\tclass=\"map-icon\"\n\t\t\t\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t\t\t\t{{ profileParameters.address }}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<template v-if=\"profileParameters.headline || profileParameters.biography || sections.length > 0\">\n\t\t\t\t\t\t\t<h3 v-if=\"profileParameters.headline\" class=\"profile__blocks-headline\">\n\t\t\t\t\t\t\t\t{{ profileParameters.headline }}\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<NcRichText v-if=\"profileParameters.biography\" :text=\"profileParameters.biography\" useExtendedMarkdown />\n\n\t\t\t\t\t\t\t<!-- additional entries, use it with cautious -->\n\t\t\t\t\t\t\t<ProfileSection\n\t\t\t\t\t\t\t\tv-for=\"section in sortedSections\"\n\t\t\t\t\t\t\t\t:key=\"section.id\"\n\t\t\t\t\t\t\t\t:section=\"section\"\n\t\t\t\t\t\t\t\t:userId=\"profileParameters.userId\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<NcEmptyContent\n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\tclass=\"profile__blocks-empty-info\"\n\t\t\t\t\t\t\t:name=\"emptyProfileMessage\"\n\t\t\t\t\t\t\t:description=\"t('profile', 'The headline and about sections will show up here')\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<AccountIcon :size=\"60\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</NcEmptyContent>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</NcAppContent>\n\t</NcContent>\n</template>\n\n<style lang=\"scss\" scoped>\n$profile-max-width: 1024px;\n$content-max-width: 640px;\n\n:deep(#app-content-vue) {\n\tbackground-color: unset;\n}\n\n.profile {\n\twidth: 100%;\n\toverflow-y: auto;\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tposition: sticky;\n\t\theight: 190px;\n\t\ttop: -40px;\n\t\tbackground-color: var(--color-main-background-blur);\n\t\tbackdrop-filter: var(--filter-background-blur);\n\t\t-webkit-backdrop-filter: var(--filter-background-blur);\n\n\t\t&__container {\n\t\t\talign-self: flex-end;\n\t\t\twidth: 100%;\n\t\t\tmax-width: $profile-max-width;\n\t\t\tmargin: 8px auto;\n\t\t\trow-gap: 8px;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: max-content max-content;\n\t\t\tgrid-template-columns: 240px 1fr;\n\t\t\tjustify-content: center;\n\n\t\t\t&__placeholder {\n\t\t\t\tgrid-row: 1 / 3;\n\t\t\t}\n\n\t\t\t&__displayname {\n\t\t\t\tpadding-inline: 16px; // same as the status text button, see NcButton\n\t\t\t\twidth: $content-max-width;\n\t\t\t\theight: 45px;\n\t\t\t\tmargin-block: 125px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 18px;\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: 30px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__sidebar {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\talign-self: flex-start;\n\t\tpadding-top: 20px;\n\t\tmin-width: 220px;\n\t\tmargin-block: -150px 0;\n\t\tmargin-inline: 0 20px;\n\n\t\t// Specificity hack is needed to override Avatar component styles\n\t\t:deep(.avatar.avatardiv) {\n\t\t\ttext-align: center;\n\t\t\tmargin: auto;\n\t\t\tdisplay: block;\n\t\t\tpadding: 8px;\n\n\t\t\t&.interactive {\n\t\t\t\t.avatardiv__user-status {\n\t\t\t\t\t// Show that the status is interactive\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.avatardiv__user-status {\n\t\t\t\tinset-inline-end: 14px;\n\t\t\t\tbottom: 14px;\n\t\t\t\twidth: 34px;\n\t\t\t\theight: 34px;\n\t\t\t\tbackground-size: 28px;\n\t\t\t\tborder: none;\n\t\t\t\t// Styles when custom status icon and status text are set\n\t\t\t\tbackground-color: var(--color-main-background);\n\t\t\t\tline-height: 34px;\n\t\t\t\tfont-size: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__wrapper {\n\t\tbackground-color: var(--color-main-background);\n\t\tmin-height: 100%;\n\t}\n\n\t&__content {\n\t\tmax-width: $profile-max-width;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t}\n\n\t&__blocks {\n\t\tmargin: 18px 0 80px 0;\n\t\tdisplay: grid;\n\t\tgap: 16px 0;\n\t\twidth: $content-max-width;\n\n\t\tp, h3 {\n\t\t\tcursor: text;\n\t\t\toverflow-wrap: anywhere;\n\t\t}\n\n\t\t&-details {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 2px 0;\n\n\t\t\t.detail {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcolor: var(--color-text-maxcontrast);\n\n\t\t\t\tp .map-icon {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-headline {\n\t\t\tmargin-inline: 0;\n\t\t\tmargin-block: 10px 0;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 1024px) {\n\t.profile {\n\t\t&__header {\n\t\t\theight: 250px;\n\t\t\tposition: unset;\n\n\t\t\t&__container {\n\t\t\t\tgrid-template-columns: unset;\n\t\t\t\tmargin-bottom: 110px;\n\n\t\t\t\t&__displayname {\n\t\t\t\t\tmargin: 80px 20px 0px 0px!important;\n\t\t\t\t\twidth: unset;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tpadding-inline: 12px;\n\t\t\t\t}\n\n\t\t\t\t&__edit-button {\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 60px auto;\n\t\t\t\t}\n\n\t\t\t\t&__status-text {\n\t\t\t\t\tmargin: 4px auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tdisplay: block;\n\n\t\t\t .avatar {\n\t\t\t\t// Overlap avatar to top header\n\t\t\t\tmargin-top: -110px !important;\n\t\t\t }\n\t\t}\n\n\t\t&__blocks {\n\t\t\twidth: unset;\n\t\t\tmax-width: 600px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 20px 50px 50px 50px;\n\t\t}\n\n\t\t&__sidebar {\n\t\t\tmargin: unset;\n\t\t\tposition: unset;\n\t\t}\n\t}\n}\n\n.user-actions {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px 0;\n\tmargin-top: 20px;\n\tmax-width: 300px;\n\n\t&__primary {\n\t\tmargin: 0 auto;\n\t\tmax-width: 100%;\n\n\t\t&__icon {\n\t\t\tfilter: var(--primary-invert-if-dark);\n\t\t}\n\t}\n\n\t&__other {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 0 4px;\n\n\t\t&__icon {\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t\tobject-fit: contain;\n\t\t\tfilter: var(--background-invert-if-dark);\n\t\t\talign-self: center;\n\t\t\tmargin: 12px; // so we get 44px x 44px\n\t\t}\n\t}\n}\n</style>\n","/*\n * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { getLoggerBuilder } from '@nextcloud/logger'\n\nexport const logger = getLoggerBuilder()\n\t.setApp('profile')\n\t.detectLogLevel()\n\t.build()\n","/**\n * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { logger } from './logger.ts'\n\nexport interface IProfileSection {\n\t/**\n\t * Unique identifier for the section\n\t */\n\tid: string\n\t/**\n\t * The order in which the section should appear\n\t */\n\torder: number\n\t/**\n\t * The custom element tag name to be used for this section\n\t *\n\t * The custom element must have been registered beforehand,\n\t * and must have the a `user` property of type `string | undefined`.\n\t *\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Web_components\n\t */\n\ttagName: string\n\t/**\n\t * Static parameters to be passed to the custom web component\n\t */\n\tparams?: Record<string, unknown>\n}\n\nexport default class ProfileSections {\n\t#sections: Map<string, IProfileSection>\n\n\tconstructor() {\n\t\tthis.#sections = new Map()\n\t}\n\n\t/**\n\t * @param section To be called to mount the section to the profile page\n\t */\n\tregisterSection(section: IProfileSection) {\n\t\tif (this.#sections.has(section.id)) {\n\t\t\tlogger.warn(`Profile section with id '${section.id}' is already registered.`)\n\t\t}\n\t\tthis.#sections.set(section.id, section)\n\t}\n\n\tgetSections() {\n\t\treturn [...this.#sections.values()]\n\t}\n}\n","/*\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { createApp } from 'vue'\nimport ProfileApp from './views/ProfileApp.vue'\nimport ProfileSections from './services/ProfileSections.js'\n\nimport 'vite/modulepreload-polyfill'\n\nwindow.OCA.Profile ??= {}\nwindow.OCA.Profile.ProfileSections = new ProfileSections()\n\nconst app = createApp(ProfileApp)\napp.mount('#content')\n"],"names":["_sfc_main","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_openBlock","_normalizeClass","$style","_createBlock","_resolveDynamicComponent","__props","profileParameters","loadState","userStatus","ref","sections","sortedSections","computed","a","b","onBeforeMount","isCurrentUser","getCurrentUser","primaryAction","otherActions","settingsUrl","generateUrl","emptyProfileMessage","t","onMounted","subscribe","handleStatusUpdate","onBeforeUnmount","unsubscribe","status","openStatusModal","statusMenuItem","showError","_unref","NcContent","_createVNode","NcAppContent","_hoisted_1","_hoisted_2","_hoisted_5","_toDisplayString","NcButton","PencilIcon","_createTextVNode","_hoisted_6","_hoisted_7","_hoisted_8","NcAvatar","_hoisted_9","NcActions","_Fragment","_renderList","action","NcActionLink","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_16","MapMarkerIcon","_hoisted_17","NcRichText","section","ProfileSection","NcEmptyContent","AccountIcon","logger","getLoggerBuilder","ProfileSections","#sections","app","createApp","ProfileApp"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file
+{"version":3,"file":"profile-main.mjs","sources":["../node_modules/vue-material-design-icons/AccountOutline.vue","../node_modules/vue-material-design-icons/MapMarker.vue","../build/frontend/apps/profile/src/components/ProfileSection.vue","../build/frontend/apps/profile/src/views/ProfileApp.vue","../build/frontend/apps/profile/src/services/logger.ts","../build/frontend/apps/profile/src/services/ProfileSections.ts","../build/frontend/apps/profile/src/main.ts"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon account-outline-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AccountOutlineIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon map-marker-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"MapMarkerIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n  - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport type { IProfileSection } from '../services/ProfileSections.ts'\n\ndefineProps<{\n\tsection: IProfileSection\n\tuserId: string | undefined\n}>()\n</script>\n\n<template>\n\t<div :class=\"$style.profileSection\">\n\t\t<component\n\t\t\t:is=\"section.tagName\"\n\t\t\tv-bind.prop=\"section.params\"\n\t\t\t:user.prop=\"userId\" />\n\t</div>\n</template>\n\n<style module>\n.profileSection {\n\tmargin-top: 2rem;\n}\n</style>\n","<!--\n  - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport type { IProfileSection } from '../services/ProfileSections.ts'\n\nimport { getCurrentUser } from '@nextcloud/auth'\nimport { showError } from '@nextcloud/dialogs'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { loadState } from '@nextcloud/initial-state'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { computed, onBeforeMount, onBeforeUnmount, onMounted, ref } from 'vue'\nimport NcActionLink from '@nextcloud/vue/components/NcActionLink'\nimport NcActions from '@nextcloud/vue/components/NcActions'\nimport NcAppContent from '@nextcloud/vue/components/NcAppContent'\nimport NcAvatar from '@nextcloud/vue/components/NcAvatar'\nimport NcButton from '@nextcloud/vue/components/NcButton'\nimport NcContent from '@nextcloud/vue/components/NcContent'\nimport NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'\nimport NcRichText from '@nextcloud/vue/components/NcRichText'\nimport AccountIcon from 'vue-material-design-icons/AccountOutline.vue'\nimport MapMarkerIcon from 'vue-material-design-icons/MapMarker.vue'\nimport PencilIcon from 'vue-material-design-icons/PencilOutline.vue'\nimport ProfileSection from '../components/ProfileSection.vue'\n\ninterface IProfileAction {\n\ttarget: string\n\ticon: string\n\tid: string\n\ttitle: string\n}\n\ninterface IStatus {\n\ticon: string\n\tmessage: string\n\tuserId: string\n}\n\nconst profileParameters = loadState('profile', 'profileParameters', {\n\tuserId: undefined as string | undefined,\n\tdisplayname: undefined as string | undefined,\n\taddress: undefined as string | undefined,\n\torganisation: undefined as string | undefined,\n\trole: undefined as string | undefined,\n\theadline: undefined as string | undefined,\n\tbiography: undefined as string | undefined,\n\tactions: [] as IProfileAction[],\n\tisUserAvatarVisible: false,\n\tpronouns: undefined as string | undefined,\n})\n\nconst userStatus = ref(loadState<Partial<IStatus>>('profile', 'status', {}))\nconst sections = ref<IProfileSection[]>([])\nconst sortedSections = computed(() => [...sections.value].sort((a, b) => b.order - a.order))\nonBeforeMount(() => {\n\tsections.value = window.OCA.Profile.ProfileSections.getSections()\n})\n\nconst isCurrentUser = getCurrentUser()?.uid === profileParameters.userId\n\nconst primaryAction = profileParameters.actions[0]\nconst otherActions = profileParameters.actions.slice(1)\n\nconst settingsUrl = generateUrl('/settings/user')\nconst emptyProfileMessage = isCurrentUser\n\t? t('profile', 'You have not added any info yet')\n\t: t('profile', '{user} has not added any info yet', { user: (profileParameters.displayname || profileParameters.userId || '') })\n\nonMounted(() => {\n\t// Set the user's displayname or userId in the page title and preserve the default title of \"Nextcloud\" at the end\n\tdocument.title = `${profileParameters.displayname || profileParameters.userId} - ${document.title}`\n\tsubscribe('user_status:status.updated', handleStatusUpdate)\n})\n\nonBeforeUnmount(() => {\n\tunsubscribe('user_status:status.updated', handleStatusUpdate)\n})\n\n/**\n * Update the user status\n *\n * @param status - The new status\n */\nfunction handleStatusUpdate(status: IStatus) {\n\tif (isCurrentUser && status.userId === profileParameters.userId) {\n\t\tuserStatus.value = status\n\t}\n}\n\n/**\n * Open the user status modal by simulating a click on the hidden status menu item in the avatar menu\n */\nfunction openStatusModal() {\n\t// Changing the user status is only enabled if you are the current user\n\tif (!isCurrentUser) {\n\t\treturn\n\t}\n\n\tconst statusMenuItem = document.querySelector<HTMLButtonElement>('.user-status-menu-item')\n\tif (statusMenuItem) {\n\t\tstatusMenuItem.click()\n\t} else {\n\t\tshowError(t('profile', 'Error opening the user status modal, try hard refreshing the page'))\n\t}\n}\n</script>\n\n<template>\n\t<NcContent appName=\"profile\">\n\t\t<NcAppContent>\n\t\t\t<div class=\"profile__header\">\n\t\t\t\t<div class=\"profile__header__container\">\n\t\t\t\t\t<div class=\"profile__header__container__placeholder\" />\n\t\t\t\t\t<div class=\"profile__header__container__displayname\">\n\t\t\t\t\t\t<h2>{{ profileParameters.displayname || profileParameters.userId }}</h2>\n\t\t\t\t\t\t<span v-if=\"profileParameters.pronouns\">·</span>\n\t\t\t\t\t\t<span v-if=\"profileParameters.pronouns\" class=\"profile__header__container__pronouns\">{{ profileParameters.pronouns }}</span>\n\t\t\t\t\t\t<NcButton\n\t\t\t\t\t\t\tv-if=\"isCurrentUser\"\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t:href=\"settingsUrl\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<PencilIcon :size=\"20\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t{{ t('profile', 'Edit Profile') }}\n\t\t\t\t\t\t</NcButton>\n\t\t\t\t\t</div>\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"userStatus.icon || userStatus.message\"\n\t\t\t\t\t\t:disabled=\"!isCurrentUser\"\n\t\t\t\t\t\t:variant=\"isCurrentUser ? 'tertiary' : 'tertiary-no-background'\"\n\t\t\t\t\t\t@click=\"openStatusModal\">\n\t\t\t\t\t\t{{ userStatus.icon }} {{ userStatus.message }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"profile__wrapper\">\n\t\t\t\t<div class=\"profile__content\">\n\t\t\t\t\t<div class=\"profile__sidebar\">\n\t\t\t\t\t\t<NcAvatar\n\t\t\t\t\t\t\tclass=\"avatar\"\n\t\t\t\t\t\t\t:class=\"{ interactive: isCurrentUser }\"\n\t\t\t\t\t\t\t:user=\"profileParameters.userId\"\n\t\t\t\t\t\t\t:size=\"180\"\n\t\t\t\t\t\t\t:disableMenu=\"true\"\n\t\t\t\t\t\t\t:disableTooltip=\"true\"\n\t\t\t\t\t\t\t:isNoUser=\"!profileParameters.isUserAvatarVisible\"\n\t\t\t\t\t\t\t@click.prevent.stop=\"openStatusModal\" />\n\n\t\t\t\t\t\t<div class=\"user-actions\">\n\t\t\t\t\t\t\t<!-- When a tel: URL is opened with target=\"_blank\", a blank new tab is opened which is inconsistent with the handling of other URLs so we set target=\"_self\" for the phone action -->\n\t\t\t\t\t\t\t<NcButton\n\t\t\t\t\t\t\t\tv-if=\"primaryAction\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tclass=\"user-actions__primary\"\n\t\t\t\t\t\t\t\t:href=\"primaryAction.target\"\n\t\t\t\t\t\t\t\t:icon=\"primaryAction.icon\"\n\t\t\t\t\t\t\t\t:target=\"primaryAction.id === 'phone' ? '_self' : '_blank'\">\n\t\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t\t<!-- Fix for https://github.com/nextcloud-libraries/nextcloud-vue/issues/2315 -->\n\t\t\t\t\t\t\t\t\t<img :src=\"primaryAction.icon\" alt=\"\" class=\"user-actions__primary__icon\">\n\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t{{ primaryAction.title }}\n\t\t\t\t\t\t\t</NcButton>\n\t\t\t\t\t\t\t<NcActions class=\"user-actions__other\" :inline=\"4\">\n\t\t\t\t\t\t\t\t<NcActionLink\n\t\t\t\t\t\t\t\t\tv-for=\"action in otherActions\"\n\t\t\t\t\t\t\t\t\t:key=\"action.id\"\n\t\t\t\t\t\t\t\t\t:closeAfterClick=\"true\"\n\t\t\t\t\t\t\t\t\t:href=\"action.target\"\n\t\t\t\t\t\t\t\t\t:target=\"action.id === 'phone' ? '_self' : '_blank'\">\n\t\t\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t\t\t<!-- Fix for https://github.com/nextcloud-libraries/nextcloud-vue/issues/2315 -->\n\t\t\t\t\t\t\t\t\t\t<img :src=\"action.icon\" alt=\"\" class=\"user-actions__other__icon\">\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t{{ action.title }}\n\t\t\t\t\t\t\t\t</NcActionLink>\n\t\t\t\t\t\t\t</NcActions>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"profile__blocks\">\n\t\t\t\t\t\t<div v-if=\"profileParameters.organisation || profileParameters.role || profileParameters.address\" class=\"profile__blocks-details\">\n\t\t\t\t\t\t\t<div v-if=\"profileParameters.organisation || profileParameters.role\" class=\"detail\">\n\t\t\t\t\t\t\t\t<p>{{ profileParameters.organisation }} <span v-if=\"profileParameters.organisation && profileParameters.role\">•</span> {{ profileParameters.role }}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-if=\"profileParameters.address\" class=\"detail\">\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t<MapMarkerIcon\n\t\t\t\t\t\t\t\t\t\tclass=\"map-icon\"\n\t\t\t\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t\t\t\t{{ profileParameters.address }}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<template v-if=\"profileParameters.headline || profileParameters.biography || sections.length > 0\">\n\t\t\t\t\t\t\t<h3 v-if=\"profileParameters.headline\" class=\"profile__blocks-headline\">\n\t\t\t\t\t\t\t\t{{ profileParameters.headline }}\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<NcRichText v-if=\"profileParameters.biography\" :text=\"profileParameters.biography\" useExtendedMarkdown />\n\n\t\t\t\t\t\t\t<!-- additional entries, use it with cautious -->\n\t\t\t\t\t\t\t<ProfileSection\n\t\t\t\t\t\t\t\tv-for=\"section in sortedSections\"\n\t\t\t\t\t\t\t\t:key=\"section.id\"\n\t\t\t\t\t\t\t\t:section=\"section\"\n\t\t\t\t\t\t\t\t:userId=\"profileParameters.userId\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<NcEmptyContent\n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\tclass=\"profile__blocks-empty-info\"\n\t\t\t\t\t\t\t:name=\"emptyProfileMessage\"\n\t\t\t\t\t\t\t:description=\"t('profile', 'The headline and about sections will show up here')\">\n\t\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t\t<AccountIcon :size=\"60\" />\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</NcEmptyContent>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</NcAppContent>\n\t</NcContent>\n</template>\n\n<style lang=\"scss\" scoped>\n$profile-max-width: 1024px;\n$content-max-width: 640px;\n\n:deep(#app-content-vue) {\n\tbackground-color: unset;\n}\n\n.profile {\n\twidth: 100%;\n\toverflow-y: auto;\n\n\t&__header {\n\t\tdisplay: flex;\n\t\tposition: sticky;\n\t\theight: 190px;\n\t\ttop: -40px;\n\t\tbackground-color: var(--color-main-background-blur);\n\t\tbackdrop-filter: var(--filter-background-blur);\n\t\t-webkit-backdrop-filter: var(--filter-background-blur);\n\n\t\t&__container {\n\t\t\talign-self: flex-end;\n\t\t\twidth: 100%;\n\t\t\tmax-width: $profile-max-width;\n\t\t\tmargin: 8px auto;\n\t\t\trow-gap: 8px;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: max-content max-content;\n\t\t\tgrid-template-columns: 240px 1fr;\n\t\t\tjustify-content: center;\n\n\t\t\t&__placeholder {\n\t\t\t\tgrid-row: 1 / 3;\n\t\t\t}\n\n\t\t\t&__displayname {\n\t\t\t\tpadding-inline: 16px; // same as the status text button, see NcButton\n\t\t\t\twidth: $content-max-width;\n\t\t\t\theight: 45px;\n\t\t\t\tmargin-block: 125px 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 18px;\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: 30px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__sidebar {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\talign-self: flex-start;\n\t\tpadding-top: 20px;\n\t\tmin-width: 220px;\n\t\tmargin-block: -150px 0;\n\t\tmargin-inline: 0 20px;\n\n\t\t// Specificity hack is needed to override Avatar component styles\n\t\t:deep(.avatar.avatardiv) {\n\t\t\ttext-align: center;\n\t\t\tmargin: auto;\n\t\t\tdisplay: block;\n\t\t\tpadding: 8px;\n\n\t\t\t&.interactive {\n\t\t\t\t.avatardiv__user-status {\n\t\t\t\t\t// Show that the status is interactive\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.avatardiv__user-status {\n\t\t\t\tinset-inline-end: 14px;\n\t\t\t\tbottom: 14px;\n\t\t\t\twidth: 34px;\n\t\t\t\theight: 34px;\n\t\t\t\tbackground-size: 28px;\n\t\t\t\tborder: none;\n\t\t\t\t// Styles when custom status icon and status text are set\n\t\t\t\tbackground-color: var(--color-main-background);\n\t\t\t\tline-height: 34px;\n\t\t\t\tfont-size: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__wrapper {\n\t\tbackground-color: var(--color-main-background);\n\t\tmin-height: 100%;\n\t}\n\n\t&__content {\n\t\tmax-width: $profile-max-width;\n\t\tmargin: 0 auto;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t}\n\n\t&__blocks {\n\t\tmargin: 18px 0 80px 0;\n\t\tdisplay: grid;\n\t\tgap: 16px 0;\n\t\twidth: $content-max-width;\n\n\t\tp, h3 {\n\t\t\tcursor: text;\n\t\t\toverflow-wrap: anywhere;\n\t\t}\n\n\t\t&-details {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 2px 0;\n\n\t\t\t.detail {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcolor: var(--color-text-maxcontrast);\n\n\t\t\t\tp .map-icon {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-headline {\n\t\t\tmargin-inline: 0;\n\t\t\tmargin-block: 10px 0;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n}\n\n.user-actions {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px 0;\n\tmargin-top: 20px;\n\tmax-width: 300px;\n\n\t&__primary {\n\t\tmargin: 0 auto;\n\t\tmax-width: 100%;\n\n\t\t&__icon {\n\t\t\tfilter: var(--primary-invert-if-dark);\n\t\t}\n\t}\n\n\t&__other {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 0 4px;\n\n\t\t&__icon {\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t\tobject-fit: contain;\n\t\t\tfilter: var(--background-invert-if-dark);\n\t\t\talign-self: center;\n\t\t\tmargin: 12px; // so we get 44px x 44px\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 1024px) {\n\t.profile {\n\t\t&__header {\n\t\t\theight: 250px;\n\t\t\tposition: unset;\n\n\t\t\t&__container {\n\t\t\t\tgrid-template-columns: unset;\n\t\t\t\tmargin-bottom: 110px;\n\n\t\t\t\t&__displayname {\n\t\t\t\t\tmargin: 80px 20px 0px 0px!important;\n\t\t\t\t\twidth: unset;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tpadding-inline: 12px;\n\t\t\t\t}\n\n\t\t\t\t&__edit-button {\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 60px auto;\n\t\t\t\t}\n\n\t\t\t\t&__status-text {\n\t\t\t\t\tmargin: 4px auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tdisplay: block;\n\n\t\t\t .avatar {\n\t\t\t\t// Overlap avatar to top header\n\t\t\t\tmargin-top: -110px !important;\n\t\t\t }\n\t\t}\n\n\t\t&__blocks {\n\t\t\twidth: unset;\n\t\t\tmax-width: 600px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 20px 50px 50px 50px;\n\t\t}\n\n\t\t&__sidebar {\n\t\t\tmargin: unset;\n\t\t\tposition: unset;\n\t\t}\n\t}\n\n\t.user-actions {\n\t\twidth: unset;\n\t\tmax-width: 600px;\n\t\tmargin: 0 auto;\n\t\tpadding: 20px 50px 0px 50px;\n\t}\n}\n</style>\n","/*\n * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { getLoggerBuilder } from '@nextcloud/logger'\n\nexport const logger = getLoggerBuilder()\n\t.setApp('profile')\n\t.detectLogLevel()\n\t.build()\n","/**\n * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { logger } from './logger.ts'\n\nexport interface IProfileSection {\n\t/**\n\t * Unique identifier for the section\n\t */\n\tid: string\n\t/**\n\t * The order in which the section should appear\n\t */\n\torder: number\n\t/**\n\t * The custom element tag name to be used for this section\n\t *\n\t * The custom element must have been registered beforehand,\n\t * and must have the a `user` property of type `string | undefined`.\n\t *\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Web_components\n\t */\n\ttagName: string\n\t/**\n\t * Static parameters to be passed to the custom web component\n\t */\n\tparams?: Record<string, unknown>\n}\n\nexport default class ProfileSections {\n\t#sections: Map<string, IProfileSection>\n\n\tconstructor() {\n\t\tthis.#sections = new Map()\n\t}\n\n\t/**\n\t * @param section To be called to mount the section to the profile page\n\t */\n\tregisterSection(section: IProfileSection) {\n\t\tif (this.#sections.has(section.id)) {\n\t\t\tlogger.warn(`Profile section with id '${section.id}' is already registered.`)\n\t\t}\n\t\tthis.#sections.set(section.id, section)\n\t}\n\n\tgetSections() {\n\t\treturn [...this.#sections.values()]\n\t}\n}\n","/*\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { createApp } from 'vue'\nimport ProfileApp from './views/ProfileApp.vue'\nimport ProfileSections from './services/ProfileSections.js'\n\nimport 'vite/modulepreload-polyfill'\n\nwindow.OCA.Profile ??= {}\nwindow.OCA.Profile.ProfileSections = new ProfileSections()\n\nconst app = createApp(ProfileApp)\napp.mount('#content')\n"],"names":["_sfc_main","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_openBlock","_normalizeClass","$style","_createBlock","_resolveDynamicComponent","__props","profileParameters","loadState","userStatus","ref","sections","sortedSections","computed","a","b","onBeforeMount","isCurrentUser","getCurrentUser","primaryAction","otherActions","settingsUrl","generateUrl","emptyProfileMessage","t","onMounted","subscribe","handleStatusUpdate","onBeforeUnmount","unsubscribe","status","openStatusModal","statusMenuItem","showError","_unref","NcContent","_createVNode","NcAppContent","_hoisted_1","_hoisted_2","_hoisted_5","_toDisplayString","NcButton","PencilIcon","_createTextVNode","_hoisted_6","_hoisted_7","_hoisted_8","NcAvatar","_hoisted_9","NcActions","_Fragment","_renderList","action","NcActionLink","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_16","MapMarkerIcon","_hoisted_17","NcRichText","section","ProfileSection","NcEmptyContent","AccountIcon","logger","getLoggerBuilder","ProfileSections","#sections","app","createApp","ProfileApp"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file
diff --git a/dist/profile-profile-main-65fj8xOs.chunk.css b/dist/profile-profile-main-65fj8xOs.chunk.css
new file mode 100644
index 0000000000000..3a1847beb207c
--- /dev/null
+++ b/dist/profile-profile-main-65fj8xOs.chunk.css
@@ -0,0 +1 @@
+._profileSection_1o17g_2{margin-top:2rem}[data-v-596d11e3] #app-content-vue{background-color:unset}.profile[data-v-596d11e3]{width:100%;overflow-y:auto}.profile__header[data-v-596d11e3]{display:flex;position:sticky;height:190px;top:-40px;background-color:var(--color-main-background-blur);backdrop-filter:var(--filter-background-blur);-webkit-backdrop-filter:var(--filter-background-blur)}.profile__header__container[data-v-596d11e3]{align-self:flex-end;width:100%;max-width:1024px;margin:8px auto;row-gap:8px;display:grid;grid-template-rows:max-content max-content;grid-template-columns:240px 1fr;justify-content:center}.profile__header__container__placeholder[data-v-596d11e3]{grid-row:1/3}.profile__header__container__displayname[data-v-596d11e3]{padding-inline:16px;width:640px;height:45px;margin-block:125px 0;display:flex;align-items:center;gap:18px}.profile__header__container__displayname h2[data-v-596d11e3]{font-size:30px;margin:0}.profile__header__container__displayname span[data-v-596d11e3]{font-size:20px}.profile__sidebar[data-v-596d11e3]{position:sticky;top:0;align-self:flex-start;padding-top:20px;min-width:220px;margin-block:-150px 0;margin-inline:0 20px}.profile__sidebar[data-v-596d11e3] .avatar.avatardiv{text-align:center;margin:auto;display:block;padding:8px}.profile__sidebar[data-v-596d11e3] .avatar.avatardiv.interactive .avatardiv__user-status{cursor:pointer}.profile__sidebar[data-v-596d11e3] .avatar.avatardiv .avatardiv__user-status{inset-inline-end:14px;bottom:14px;width:34px;height:34px;background-size:28px;border:none;background-color:var(--color-main-background);line-height:34px;font-size:20px}.profile__wrapper[data-v-596d11e3]{background-color:var(--color-main-background);min-height:100%}.profile__content[data-v-596d11e3]{max-width:1024px;margin:0 auto;display:flex;width:100%}.profile__blocks[data-v-596d11e3]{margin:18px 0 80px;display:grid;gap:16px 0;width:640px}.profile__blocks p[data-v-596d11e3],.profile__blocks h3[data-v-596d11e3]{cursor:text;overflow-wrap:anywhere}.profile__blocks-details[data-v-596d11e3]{display:flex;flex-direction:column;gap:2px 0}.profile__blocks-details .detail[data-v-596d11e3]{display:inline-block;color:var(--color-text-maxcontrast)}.profile__blocks-details .detail p .map-icon[data-v-596d11e3]{display:inline-block;vertical-align:middle}.profile__blocks-headline[data-v-596d11e3]{margin-inline:0;margin-block:10px 0;font-weight:700;font-size:20px}.user-actions[data-v-596d11e3]{display:flex;flex-direction:column;gap:8px 0;margin-top:20px;max-width:300px}.user-actions__primary[data-v-596d11e3]{margin:0 auto;max-width:100%}.user-actions__primary__icon[data-v-596d11e3]{filter:var(--primary-invert-if-dark)}.user-actions__other[data-v-596d11e3]{display:flex;justify-content:center;gap:0 4px}.user-actions__other__icon[data-v-596d11e3]{height:20px;width:20px;object-fit:contain;filter:var(--background-invert-if-dark);align-self:center;margin:12px}@media only screen and (max-width:1024px){.profile__header[data-v-596d11e3]{height:250px;position:unset}.profile__header__container[data-v-596d11e3]{grid-template-columns:unset;margin-bottom:110px}.profile__header__container__displayname[data-v-596d11e3]{margin:80px 20px 0 0!important;width:unset;text-align:center;padding-inline:12px}.profile__header__container__edit-button[data-v-596d11e3]{width:fit-content;display:block;margin:60px auto}.profile__header__container__status-text[data-v-596d11e3]{margin:4px auto}.profile__content[data-v-596d11e3]{display:block}.profile__content .avatar[data-v-596d11e3]{margin-top:-110px!important}.profile__blocks[data-v-596d11e3]{width:unset;max-width:600px;margin:0 auto;padding:20px 50px 50px}.profile__sidebar[data-v-596d11e3]{margin:unset;position:unset}.user-actions[data-v-596d11e3]{width:unset;max-width:600px;margin:0 auto;padding:20px 50px 0}}
diff --git a/dist/profile-profile-main-YvNfSVUo.chunk.css b/dist/profile-profile-main-YvNfSVUo.chunk.css
deleted file mode 100644
index d7ec387378df0..0000000000000
--- a/dist/profile-profile-main-YvNfSVUo.chunk.css
+++ /dev/null
@@ -1 +0,0 @@
-._profileSection_1o17g_2{margin-top:2rem}[data-v-4561b582] #app-content-vue{background-color:unset}.profile[data-v-4561b582]{width:100%;overflow-y:auto}.profile__header[data-v-4561b582]{display:flex;position:sticky;height:190px;top:-40px;background-color:var(--color-main-background-blur);backdrop-filter:var(--filter-background-blur);-webkit-backdrop-filter:var(--filter-background-blur)}.profile__header__container[data-v-4561b582]{align-self:flex-end;width:100%;max-width:1024px;margin:8px auto;row-gap:8px;display:grid;grid-template-rows:max-content max-content;grid-template-columns:240px 1fr;justify-content:center}.profile__header__container__placeholder[data-v-4561b582]{grid-row:1/3}.profile__header__container__displayname[data-v-4561b582]{padding-inline:16px;width:640px;height:45px;margin-block:125px 0;display:flex;align-items:center;gap:18px}.profile__header__container__displayname h2[data-v-4561b582]{font-size:30px;margin:0}.profile__header__container__displayname span[data-v-4561b582]{font-size:20px}.profile__sidebar[data-v-4561b582]{position:sticky;top:0;align-self:flex-start;padding-top:20px;min-width:220px;margin-block:-150px 0;margin-inline:0 20px}.profile__sidebar[data-v-4561b582] .avatar.avatardiv{text-align:center;margin:auto;display:block;padding:8px}.profile__sidebar[data-v-4561b582] .avatar.avatardiv.interactive .avatardiv__user-status{cursor:pointer}.profile__sidebar[data-v-4561b582] .avatar.avatardiv .avatardiv__user-status{inset-inline-end:14px;bottom:14px;width:34px;height:34px;background-size:28px;border:none;background-color:var(--color-main-background);line-height:34px;font-size:20px}.profile__wrapper[data-v-4561b582]{background-color:var(--color-main-background);min-height:100%}.profile__content[data-v-4561b582]{max-width:1024px;margin:0 auto;display:flex;width:100%}.profile__blocks[data-v-4561b582]{margin:18px 0 80px;display:grid;gap:16px 0;width:640px}.profile__blocks p[data-v-4561b582],.profile__blocks h3[data-v-4561b582]{cursor:text;overflow-wrap:anywhere}.profile__blocks-details[data-v-4561b582]{display:flex;flex-direction:column;gap:2px 0}.profile__blocks-details .detail[data-v-4561b582]{display:inline-block;color:var(--color-text-maxcontrast)}.profile__blocks-details .detail p .map-icon[data-v-4561b582]{display:inline-block;vertical-align:middle}.profile__blocks-headline[data-v-4561b582]{margin-inline:0;margin-block:10px 0;font-weight:700;font-size:20px}@media only screen and (max-width:1024px){.profile__header[data-v-4561b582]{height:250px;position:unset}.profile__header__container[data-v-4561b582]{grid-template-columns:unset;margin-bottom:110px}.profile__header__container__displayname[data-v-4561b582]{margin:80px 20px 0 0!important;width:unset;text-align:center;padding-inline:12px}.profile__header__container__edit-button[data-v-4561b582]{width:fit-content;display:block;margin:60px auto}.profile__header__container__status-text[data-v-4561b582]{margin:4px auto}.profile__content[data-v-4561b582]{display:block}.profile__content .avatar[data-v-4561b582]{margin-top:-110px!important}.profile__blocks[data-v-4561b582]{width:unset;max-width:600px;margin:0 auto;padding:20px 50px 50px}.profile__sidebar[data-v-4561b582]{margin:unset;position:unset}}.user-actions[data-v-4561b582]{display:flex;flex-direction:column;gap:8px 0;margin-top:20px;max-width:300px}.user-actions__primary[data-v-4561b582]{margin:0 auto;max-width:100%}.user-actions__primary__icon[data-v-4561b582]{filter:var(--primary-invert-if-dark)}.user-actions__other[data-v-4561b582]{display:flex;justify-content:center;gap:0 4px}.user-actions__other__icon[data-v-4561b582]{height:20px;width:20px;object-fit:contain;filter:var(--background-invert-if-dark);align-self:center;margin:12px}