From ea81e1e76a5cab8836b7f1c819d1f8d78b31dc0f Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Tue, 18 Feb 2025 17:15:09 +0100
Subject: [PATCH 1/2] fix(actorStore): move actor groups to the actorStore

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../MessagesGroup/Message/MessagePart/Mention.vue           | 5 +----
 src/store/actorStore.js                                     | 6 ++++++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
index b5595d199df..5645c53699f 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
@@ -16,8 +16,6 @@
 </template>
 
 <script>
-import { loadState } from '@nextcloud/initial-state'
-
 import NcUserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
 import { useIsDarkTheme } from '@nextcloud/vue/dist/Composables/useIsDarkTheme.js'
 
@@ -105,8 +103,7 @@ export default {
 				&& this.id === this.$store.getters.getUserId()
 		},
 		isCurrentUserGroup() {
-			return this.isGroupMention
-				&& loadState('spreed', 'user_group_ids', []).includes(this.id)
+			return this.isGroupMention && this.$store.getters.isActorMemberOfGroup(this.id)
 		},
 		isCurrentUserTeam() {
 			// FIXME need backend support here
diff --git a/src/store/actorStore.js b/src/store/actorStore.js
index 787ea4417e6..64484c06087 100644
--- a/src/store/actorStore.js
+++ b/src/store/actorStore.js
@@ -10,6 +10,8 @@
  * If an as no userId, they are a guest and identified by actorType + sessionId.
  */
 
+import { loadState } from '@nextcloud/initial-state'
+
 import { ATTENDEE, PARTICIPANT } from '../constants.ts'
 
 const state = {
@@ -19,6 +21,7 @@ const state = {
 	actorId: null,
 	actorType: null,
 	displayName: '',
+	actorGroups: loadState('spreed', 'user_group_ids', []),
 }
 
 const getters = {
@@ -43,6 +46,9 @@ const getters = {
 	isActorGuest: (state) => () => {
 		return state.actorType === ATTENDEE.ACTOR_TYPE.GUESTS
 	},
+	isActorMemberOfGroup: (state) => (groupId) => {
+		return state.actorGroups.includes(groupId)
+	},
 	getDisplayName: (state) => () => {
 		return state.displayName
 	},

From 9fc490dee5ac2ac2592ed2a66ed4bdc0d20e1885 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Tue, 18 Feb 2025 17:32:52 +0100
Subject: [PATCH 2/2] fix(actorStore): fetch and use actor teams in mentions

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 src/App.vue                                   |  1 +
 .../Message/MessagePart/Mention.vue           |  3 +-
 src/services/teamsService.ts                  | 20 ++++++++++++
 src/store/actorStore.js                       | 32 +++++++++++++++++++
 src/types/index.ts                            | 16 ++++++++++
 5 files changed, 70 insertions(+), 2 deletions(-)
 create mode 100644 src/services/teamsService.ts

diff --git a/src/App.vue b/src/App.vue
index 5f990705220..1b238c7e4bb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -388,6 +388,7 @@ export default {
 		if (getCurrentUser()) {
 			console.debug('Setting current user')
 			this.$store.dispatch('setCurrentUser', getCurrentUser())
+			this.$store.dispatch('getCurrentUserTeams')
 		} else {
 			console.debug('Can not set current user because it\'s a guest')
 		}
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
index 5645c53699f..c9e5dbbef52 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
@@ -106,8 +106,7 @@ export default {
 			return this.isGroupMention && this.$store.getters.isActorMemberOfGroup(this.id)
 		},
 		isCurrentUserTeam() {
-			// FIXME need backend support here
-			return this.isTeamMention && false
+			return this.isTeamMention && this.$store.getters.isActorMemberOfTeam(this.id)
 		},
 		primary() {
 			return this.isMentionToAll
diff --git a/src/services/teamsService.ts b/src/services/teamsService.ts
new file mode 100644
index 00000000000..99e22ba9546
--- /dev/null
+++ b/src/services/teamsService.ts
@@ -0,0 +1,20 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import axios from '@nextcloud/axios'
+import { generateOcsUrl } from '@nextcloud/router'
+
+import type { getTeamsProbeResponse } from '../types/index.ts'
+
+/**
+ * Get teams (circles) for a current user
+ */
+const getTeams = async (): getTeamsProbeResponse => {
+	return axios.get(generateOcsUrl('/apps/circles/probecircles'))
+}
+
+export {
+	getTeams,
+}
diff --git a/src/store/actorStore.js b/src/store/actorStore.js
index 64484c06087..dc86ca3fa0b 100644
--- a/src/store/actorStore.js
+++ b/src/store/actorStore.js
@@ -13,6 +13,7 @@
 import { loadState } from '@nextcloud/initial-state'
 
 import { ATTENDEE, PARTICIPANT } from '../constants.ts'
+import { getTeams } from '../services/teamsService.ts'
 
 const state = {
 	userId: null,
@@ -22,6 +23,7 @@ const state = {
 	actorType: null,
 	displayName: '',
 	actorGroups: loadState('spreed', 'user_group_ids', []),
+	actorTeams: [],
 }
 
 const getters = {
@@ -49,6 +51,9 @@ const getters = {
 	isActorMemberOfGroup: (state) => (groupId) => {
 		return state.actorGroups.includes(groupId)
 	},
+	isActorMemberOfTeam: (state) => (teamId) => {
+		return state.actorTeams.includes(teamId)
+	},
 	getDisplayName: (state) => () => {
 		return state.displayName
 	},
@@ -118,6 +123,15 @@ const mutations = {
 	setActorType(state, actorType) {
 		state.actorType = actorType
 	},
+	/**
+	 * Set the user teams ids
+	 *
+	 * @param {object} state current store state;
+	 * @param {Array} teams Teams ids of the current user
+	 */
+	setCurrentUserTeams(state, teams) {
+		state.actorTeams = teams
+	},
 }
 
 const actions = {
@@ -168,6 +182,24 @@ const actions = {
 	setDisplayName(context, displayName) {
 		context.commit('setDisplayName', displayName)
 	},
+	/**
+	 * Sets current user teams, if circles app enabled
+	 *
+	 * @param {object} context default store context;
+	 */
+	async getCurrentUserTeams(context) {
+		if (!loadState('spreed', 'circles_enabled', false)) {
+			return
+		}
+
+		try {
+			const response = await getTeams()
+			const teams = response.data.ocs.data.map(team => team.id)
+			context.commit('setCurrentUserTeams', teams)
+		} catch (error) {
+			console.error(error)
+		}
+	},
 }
 
 export default { state, mutations, getters, actions }
diff --git a/src/types/index.ts b/src/types/index.ts
index ccd704e721c..8b844a6b948 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -265,6 +265,22 @@ export type TaskProcessingResponse = ApiResponseUnwrapped<{
 	}
 }>
 
+// Teams (circles)
+export type TeamProbe = {
+	id: string,
+	name: string,
+	displayName: string,
+	sanitizedName: string,
+	source: number,
+	population: number,
+	config: number,
+	description: string,
+	url: string,
+	creation: number,
+	initiator: null
+}
+export type getTeamsProbeResponse = ApiResponseUnwrapped<TeamProbe[]>
+
 // Groupware
 export type DavPrincipal = {
 	calendarHomes: string[],