Improvement/project page mobile

frontend/app/components/modules/project/components/contributors/active-contributors.vue

@@ -2,8 +2,13 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Active contributors</h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits, issues, or pull requests
-      during the selected time period.
+      Active contributor is an individual who performed activities such as commits, issues, or
+      pull requests during the selected time period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -67,6 +72,7 @@ import { formatNumber } from '~/components/shared/utils/formatter';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/contributors/active-organizations.vue

@@ -2,8 +2,13 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Active organizations</h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active organization is an organization performing tasks such as commits, issues, or pull
-      requests during the selected time period.
+      Organizations that had at least one activity during the selected period, carried out by contributors on their
+      behalf.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -67,6 +72,7 @@ import { formatNumber } from '~/components/shared/utils/formatter';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/contributors/contributor-dependency.vue

@@ -2,8 +2,13 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Contributor dependency</h3>
     <p class="text-body-2 text-neutral-500 mb-5">
-      Distribution of contributions among different contributors, highlighting key individuals who
-      are actively involved in the project.
+      Distribution of contributions among different contributors, highlighting key individuals who are actively
+      involved in the project during the selected time period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
 
     <hr>
@@ -64,6 +69,7 @@ import LfxAvatarGroup from '~/components/uikit/avatar-group/avatar-group.vue';
 import LfxAvatar from '~/components/uikit/avatar/avatar.vue';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/contributors/contributors-leaderboard.vue

@@ -2,8 +2,12 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Contributors leaderboard</h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      It ranks contributors based on the number of code commits, pull requests, issues closed, and
-      other metrics representing their relative activity levels and impact on the project.
+      Contributor ranking based on the number of activities performed and the impact on the project.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
 
     <hr>
@@ -38,6 +42,7 @@ import type { ContributorLeaderboard } from '~~/types/contributors/responses.typ
 import LfxCard from '~/components/uikit/card/card.vue';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/contributors/geographical-distribution.vue

@@ -3,7 +3,13 @@
     <div class="px-6">
       <h3 class="text-heading-3 font-semibold font-secondary pb-3">Geographical distribution</h3>
       <p class="text-body-2 text-neutral-500 mb-6">
-        Distribution of contributors based on geographical location.
+        Distribution of contributors and organizations based on geographical location at the time of their contributions
+        during the selected period.
+        <a
+          :href="links.learnMore"
+          class="text-brand-500"
+          target="_blank"
+        >Learn more</a>
       </p>
       <hr>
     </div>
@@ -89,6 +95,7 @@ import { getGeoMapChartConfig } from '~/components/uikit/chart/configs/geo-map.c
 import { formatNumber } from '~/components/shared/utils/formatter';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const metricOptions = metricsOptions;
 

frontend/app/components/modules/project/components/contributors/organization-dependency.vue

@@ -2,8 +2,13 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Organization dependency</h3>
     <p class="text-body-2 text-neutral-500 mb-5">
-      Distribution of contributions by different organizations to the project. A project is at risk
-      if only a few organizations are responsible for a large portion of the total activities.
+      Distribution of contributions across different organizations, whose contributors were actively involved in the
+      project during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
 
     <hr>
@@ -64,6 +69,7 @@ import LfxAvatarGroup from '~/components/uikit/avatar-group/avatar-group.vue';
 import LfxAvatar from '~/components/uikit/avatar/avatar.vue';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/contributors/organizations-leaderboard.vue

@@ -2,8 +2,13 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Organizations leaderboard</h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      It ranks contributors based on the number of code commits, pull requests, issues closed, and
-      other metrics representing their relative activity levels and impact on the project.
+      Organization ranking based on the number of activities performed by contributors on their behalf and the impact on
+      the project.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -38,6 +43,7 @@ import type { OrganizationLeaderboard } from '~~/types/contributors/responses.ty
 import LfxCard from '~/components/uikit/card/card.vue';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/contributors/retention.vue

@@ -2,7 +2,12 @@
   <lfx-card class="p-6">
     <h3 class="text-heading-3 font-semibold font-secondary pb-3">Retention</h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Rate at which contributors join and remain active participants of the project.
+      Rate at which contributors and organizations continued contributing to the project during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -60,6 +65,7 @@ import { lineGranularities } from '~/components/shared/types/granularity';
 import type { Retention } from '~~/types/contributors/responses.types';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
 import type { Granularity } from '~~/types/shared/granularity';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/development/active-days.vue

@@ -4,8 +4,7 @@
       Active days
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      (TBD)
     </p>
     <hr>
     <section class="mt-5">

frontend/app/components/modules/project/components/development/average-time-to-merge.vue

@@ -4,8 +4,12 @@
       Average time to merge
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Average time taken for pull requests to be merged during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -68,6 +72,7 @@ import { isEmptyData } from '~/components/shared/utils/helper';
 import { barGranularities } from '~/components/shared/types/granularity';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
 import type { Granularity } from '~~/types/shared/granularity';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/development/code-review-engagement.vue

@@ -4,8 +4,12 @@
       Code review engagement
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Level of contributors involvement and participation in code review activities during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -69,6 +73,7 @@ import LfxTabs from '~/components/uikit/tabs/tabs.vue';
 import { formatNumber } from '~/components/shared/utils/formatter';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore());
 

frontend/app/components/modules/project/components/development/contributions-outside-work-hours.vue

@@ -4,8 +4,13 @@
       Contributions outside work hours
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Contributors’ activity patterns focused on contributions performed during non-business hours and weekends during
+      the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -101,6 +106,7 @@ import { getScatterChartConfig } from '~/components/uikit/chart/configs/scatter.
 import { formatNumber } from '~/components/shared/utils/formatter';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/development/issues-resolution.vue

@@ -4,8 +4,12 @@
       Issues resolution
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Comparison between total number of issues vs. closed issues during the selected time period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -102,6 +106,7 @@ import { isEmptyData } from '~/components/shared/utils/helper';
 import { lineGranularities } from '~/components/shared/types/granularity';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
 import type { Granularity } from '~~/types/shared/granularity';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/development/merge-lead-time.vue

@@ -4,8 +4,12 @@
       Merge lead time
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Average time taken for pull requests to be raised, reviewed, accepted and merged during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -82,6 +86,7 @@ import { formatNumber } from '~/components/shared/utils/formatter';
 import type { Summary } from '~~/types/shared/summary.types';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
 import { isEmptyData } from '~/components/shared/utils/helper';
+import { links } from '~/config/links';
 
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore())
 

frontend/app/components/modules/project/components/development/pull-requests.vue

@@ -4,8 +4,12 @@
       Pull requests
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Comparison between opened and merged (or closed) pull requests during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -108,6 +112,7 @@ import { isEmptyData } from '~/components/shared/utils/helper';
 import { barGranularities } from '~/components/shared/types/granularity';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
 import type { Granularity } from '~~/types/shared/granularity';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity

frontend/app/components/modules/project/components/development/review-time-by-pull-request-size.vue

@@ -4,8 +4,12 @@
       Review time by pull request size
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Average time taken to review pull requests, sorted by number of code line changes during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -53,6 +57,7 @@ import LfxCard from '~/components/uikit/card/card.vue';
 import LfxProgressBar from '~/components/uikit/progress-bar/progress-bar.vue';
 import { isEmptyData } from '~/components/shared/utils/helper';
 import { useProjectStore } from "~/components/modules/project/store/project.store";
+import { links } from '~/config/links';
 
 const route = useRoute();
 const { startDate, endDate, selectedRepository } = storeToRefs(useProjectStore());

frontend/app/components/modules/project/components/development/wait-time-first-review.vue

@@ -4,8 +4,12 @@
       Wait time for 1st review
     </h3>
     <p class="text-body-2 text-neutral-500 mb-6">
-      Active contributor is an individual performing tasks such as commits,
-      issues, or pull requests during the selected time period.
+      Average time taken between pull request submission and its first review during the selected period.
+      <a
+        :href="links.learnMore"
+        class="text-brand-500"
+        target="_blank"
+      >Learn more</a>
     </p>
     <hr>
     <section class="mt-5">
@@ -68,6 +72,7 @@ import { isEmptyData } from '~/components/shared/utils/helper';
 import { barGranularities } from '~/components/shared/types/granularity';
 import { dateOptKeys } from '~/components/modules/project/config/date-options';
 import type { Granularity } from '~~/types/shared/granularity';
+import { links } from '~/config/links';
 
 const {
   startDate, endDate, selectedRepository, selectedTimeRangeKey, customRangeGranularity