feat: implement dependent projects + members breakdown/filter (#6395)

* feat: implement dependent project breakdown

* implement dependent project type filter

* feat: show dependent on column if there are multiple projects selected

* feat: different tooltip for when both project version and dependent breakdowns are on

* feat: implement dependents query filter

* feat: add project icon to query filter

* fix: dont show dependent on column when project breakdown is selected

* feat: add org icon

* remove: dependent on project column and project version project column

* refactor: pnpm prepr

* fix: all project selection gets unselected when reload page

* pnpm prepr

* fix: still using old search formatter

* feat: implement projects in table click to link to project page

* feat: handle analytics values that dont have a dependent project as a "No dependent" row

* pnpm prepr

* feat: remove org icon for dependents projects and change unknown label

* feat: do not include unknown rows for showing top 8

* feat: separate out no dependents based on download reason

* fix: use compatible dependencies for query filter options

* feat: implement members breakdown/filter frontend (#6470)

* feat: add link to user in table

* fix: do not allow breakdowns to occur without shared stats

* pnpm prepr

* fix: i18n and passing params for formatter

apps/frontend/src/components/analytics-dashboard/analytics-chart/use-analytics-chart-datasets.ts

@@ -1,12 +1,15 @@
+import type { Labrinth } from '@modrinth/api-client'
 import { useVIntl } from '@modrinth/ui'
 import { computed, type ComputedRef, ref, watch } from 'vue'
 
 import { useTheme } from '~/composables/nuxt-accessors'
 import { isDarkTheme } from '~/plugins/theme/index.ts'
 import type {
+	AnalyticsBreakdownPreset,
 	AnalyticsDashboardContextValue,
 	AnalyticsDashboardProject,
 	AnalyticsDashboardStat,
+	AnalyticsSelectedFilters,
 } from '~/providers/analytics/analytics'
 
 import {
@@ -47,12 +50,16 @@ export function useAnalyticsChartDatasets(
 		| 'displayedPreviousTimeSlices'
 		| 'displayedSelectedGroupBy'
 		| 'displayedSelectedBreakdowns'
+		| 'displayedSelectedFilters'
 		| 'hiddenGraphDatasetIds'
 		| 'hasExplicitGraphDatasetSelection'
 		| 'isGraphDatasetSelectionActive'
 		| 'selectedGraphDatasetIds'
 		| 'defaultGraphDatasetIds'
 		| 'topGraphDatasetIds'
+		| 'projectNamesById'
+		| 'userNamesById'
+		| 'dependentProjectTypesById'
 		| 'getVersionDisplayName'
 		| 'getVersionProjectName'
 	>,
@@ -160,6 +167,10 @@ export function useAnalyticsChartDatasets(
 			selectedProjects.value,
 			legendPalette.value,
 			context.displayedSelectedBreakdowns.value,
+			context.displayedSelectedFilters.value,
+			context.dependentProjectTypesById.value,
+			context.projectNamesById.value,
+			context.userNamesById.value,
 			context.getVersionDisplayName,
 			showProjectVersionNames.value ? context.getVersionProjectName : undefined,
 			formatMessage,
@@ -172,6 +183,10 @@ export function useAnalyticsChartDatasets(
 			selectedProjects.value,
 			legendPalette.value,
 			context.displayedSelectedBreakdowns.value,
+			context.displayedSelectedFilters.value,
+			context.dependentProjectTypesById.value,
+			context.projectNamesById.value,
+			context.userNamesById.value,
 			context.getVersionDisplayName,
 			showProjectVersionNames.value ? context.getVersionProjectName : undefined,
 			formatMessage,
@@ -357,12 +372,16 @@ export function useAnalyticsChartDatasets(
 }
 
 function buildDatasetsByStat(
-	timeSlices: Parameters<typeof buildChartDatasets>[0],
+	timeSlices: Labrinth.Analytics.v3.TimeSlice[],
 	selectedProjects: AnalyticsDashboardProject[],
 	palette: string[],
-	selectedBreakdowns: Parameters<typeof buildChartDatasets>[4],
-	getVersionDisplayName: Parameters<typeof buildChartDatasets>[5],
-	getVersionProjectName: Parameters<typeof buildChartDatasets>[6],
+	selectedBreakdowns: readonly AnalyticsBreakdownPreset[],
+	selectedFilters: AnalyticsSelectedFilters,
+	dependentProjectTypesById: ReadonlyMap<string, readonly string[]>,
+	projectNamesById: ReadonlyMap<string, string>,
+	userNamesById: ReadonlyMap<string, string>,
+	getVersionDisplayName: (versionId: string) => string,
+	getVersionProjectName: ((versionId: string) => string | undefined) | undefined,
 	formatMessage: FormatMessage,
 	sliceCount: number,
 ) {
@@ -374,6 +393,10 @@ function buildDatasetsByStat(
 			stat,
 			palette,
 			selectedBreakdowns,
+			selectedFilters,
+			dependentProjectTypesById,
+			projectNamesById,
+			userNamesById,
 			getVersionDisplayName,
 			getVersionProjectName,
 			formatMessage,