feat: roles SPA foundations

web/src/views/HomeView.vue

@@ -11,6 +11,7 @@ import RecentActivityCard from '@/components/RecentActivityCard.vue'
 import UpdateBanner from '@/components/UpdateBanner.vue'
 import { useArticles, type Article, type ArticleCounts } from '@/composables/useArticles'
 import { useSessionStore } from '@/stores/session'
+import { usePermissionsStore } from '@/stores/permissions'
 import { useUpdateStore } from '@/stores/update'
 import { accountName } from '@/lib/accountName'
 import { formatRelativeDate } from '@/lib/relativeDate'
@@ -24,6 +25,7 @@ type LoadState = 'loading' | 'default' | 'empty' | 'error'
 const router = useRouter()
 const toast = useLocalizedToast()
 const session = useSessionStore()
+const permissions = usePermissionsStore()
 const update = useUpdateStore()
 const { listArticles } = useArticles()
 
@@ -153,9 +155,9 @@ function dismissBanner() {
 }
 
 watch(
-	() => update.isOwner,
-	(isOwner) => {
-		if (isOwner) {
+	() => update.canApply,
+	(canApply) => {
+		if (canApply) {
 			update.load()
 		}
 	},
@@ -337,7 +339,7 @@ onMounted(loadArticles)
 					</template>
 				</UAlert>
 
-				<RecentActivityCard />
+				<RecentActivityCard v-if="permissions.scopeOf('activity.view') !== 'none'" />
 
 				<div class="flex items-start gap-3.5 border border-default bg-default p-4">
 					<div