Fix incorrect labels for dashboards with project configurator

We need to update aliases if projects are updated to keep them in sync

dashboard/new-dashboard/src/components/charts/GroupProjectsChart.vue

@@ -36,13 +36,15 @@ const props = withDefaults(defineProps<Props>(), {
 
 const serverConfigurator = injectOrError(serverConfiguratorKey)
 const dashboardConfigurators = injectOrError(dashboardConfiguratorsKey)
-const aliases = props.aliases ?? removeCommonSegments(props.projects)
-const scenarioConfigurator = dimensionConfigurator("project", serverConfigurator, null, true, [...(dashboardConfigurators as FilterConfigurator[])], null, aliases)
+const scenarioConfigurator = dimensionConfigurator("project", serverConfigurator, null, true, [...(dashboardConfigurators as FilterConfigurator[])], null)
 const configurators = [...dashboardConfigurators, scenarioConfigurator, serverConfigurator]
 
 watch(
-  () => props.projects,
-  (projects) => {
+  () => [props.projects, props.aliases],
+  ([projects, aliases]) => {
+    if (projects != null) {
+      scenarioConfigurator.aliases = aliases ?? removeCommonSegments(projects)
+    }
     scenarioConfigurator.selected.value = projects
   },
   { immediate: true }

dashboard/new-dashboard/src/configurators/DimensionConfigurator.ts

@@ -18,7 +18,7 @@ export class DimensionConfigurator implements DataQueryConfigurator, FilterConfi
   constructor(
     readonly name: string,
     readonly multiple: boolean,
-    readonly aliases: string[] | null = null
+    public aliases: string[] | null = null
   ) {
     this.observable = refToObservable(this.selected, true).pipe(shareReplay(1))
   }