feat: add treeDetails build lab cards

Author: MarceloRobert

dashboard/src/locales/messages/index.ts

@@ -58,6 +58,7 @@ export const messages = {
     'filter.bootStatus': 'Boot Status',
     'filter.buildDuration': 'Build duration',
     'filter.buildIssue': 'Build Issue',
+    'filter.buildLab': 'Build Lab',
     'filter.buildOrigin': 'Build origin',
     'filter.buildStatus': 'Build Status',
     'filter.compatiblesSubtitle': 'Please select one or more compatibles:',
@@ -77,6 +78,8 @@ export const messages = {
     'filter.issueCulpritSubtitle': 'Select one or more issue culprits:',
     'filter.issueHasIncident': 'Has incident',
     'filter.issueSubtitle': 'Please select one or more issues:',
+    'filter.labs': 'Labs',
+    'filter.labsSubtitle': 'Please select one or more labs:',
     'filter.max': 'Max',
     'filter.min': 'Min',
     'filter.onlySpecificTab': 'Only affects a specific tab',

dashboard/src/pages/TreeDetails/Tabs/Build/BuildTab.tsx

@@ -64,6 +64,7 @@ interface IBuildsTab {
   failedBuildsWithUnknownIssues?: number;
   builds: AccordionItemBuilds[];
   origins: Record<string, RequiredStatusCount>;
+  labs: Record<string, RequiredStatusCount>;
 }
 
 const BuildTab = ({
@@ -146,6 +147,7 @@ const BuildTab = ({
       failedBuildsWithUnknownIssues: summaryBuildsData?.unknown_issues,
       builds: sanitizeBuilds(fullBuildsData),
       origins: summaryBuildsData?.origins || {},
+      labs: summaryBuildsData?.labs || {},
     }),
     [
       fullBuildsData,
@@ -155,6 +157,7 @@ const BuildTab = ({
       summaryBuildsData?.origins,
       summaryBuildsData?.status,
       summaryBuildsData?.unknown_issues,
+      summaryBuildsData?.labs,
     ],
   );
 
@@ -209,6 +212,13 @@ const BuildTab = ({
           toggleFilterBySection={toggleFilterBySection}
           diffFilter={diffFilter}
         />,
+        <MemoizedFilterCard
+          cardTitle="filter.labs"
+          key="labs"
+          diffFilter={diffFilter}
+          data={treeDetailsData.labs}
+          filterSection="buildLab"
+        />,
         <MemoizedFilterCard
           cardTitle="filter.origins"
           key="origins"

dashboard/src/pages/TreeDetails/TreeDetailsFilter.tsx

@@ -33,6 +33,7 @@ type PossibleTreeDetailsFilters = Pick<
   | 'buildOrigin'
   | 'bootOrigin'
   | 'testOrigin'
+  | 'buildLab'
 >;
 
 interface ITreeDetailsFilter {
@@ -67,6 +68,8 @@ export const createFilter = (data: TreeDetailsSummary): TFilter => {
   filters.bootOrigin = {};
   filters.testOrigin = {};
 
+  filters.buildLab = {};
+
   // Filters affecting all tabs
   const allFilters = data.filters.all;
   for (const config of allFilters.configs) {
@@ -95,6 +98,9 @@ export const createFilter = (data: TreeDetailsSummary): TFilter => {
   for (const o of buildFilters.origins) {
     filters.buildOrigin[o] = false;
   }
+  for (const l of buildFilters.labs) {
+    filters.buildLab[l] = false;
+  }
 
   // Boot tab filters
   const bootFilters = data.filters.boots;
@@ -196,7 +202,15 @@ const sectionTrees: ISectionItem[] = [
     sectionKey: 'testOrigin',
     isGlobal: false,
   },
+  {
+    title: 'filter.buildLab',
+    subtitle: 'filter.labsSubtitle',
+    sectionKey: 'buildLab',
+    isGlobal: false,
+  },
 ];
+
+// TODO: some sections can be hidden if there is only 1 value for them (e.g., origins, labs)
 const TreeDetailsFilter = ({
   paramFilter,
   treeUrl,

dashboard/src/types/commonDetails.ts

@@ -28,6 +28,7 @@ type BuildSummary = {
   origins: Record<string, RequiredStatusCount>;
   architectures: Architecture;
   configs: Record<string, RequiredStatusCount>;
+  labs: Record<string, RequiredStatusCount>;
   issues: TIssue[];
   unknown_issues: number;
 };
@@ -54,7 +55,7 @@ export type LocalFilters = {
 
 export type DetailsFilters = {
   all: GlobalFilters;
-  builds: LocalFilters;
+  builds: LocalFilters & { labs: string[] };
   boots: LocalFilters;
   tests: LocalFilters;
 };

dashboard/src/types/general.ts

@@ -163,6 +163,7 @@ export const zFilterObjectsKeys = z.enum([
   'buildOrigin',
   'bootOrigin',
   'testOrigin',
+  'buildLab',
 ]);
 
 export const zFilterNumberKeys = z.enum([
@@ -208,6 +209,7 @@ export const zDiffFilter = z
       buildOrigin: zFilterBoolValue,
       bootOrigin: zFilterBoolValue,
       testOrigin: zFilterBoolValue,
+      buildLab: zFilterBoolValue,
     } satisfies Record<TFilterKeys, unknown>),
     z.record(z.never()),
   ])
@@ -278,6 +280,7 @@ const requestFilters = {
     'build.origin',
     'boot.origin',
     'test.origin',
+    'build.lab',
   ],
   issueListing: [
     'origin',
@@ -321,6 +324,7 @@ export const filterFieldMap = {
   'test.issue': 'testIssue',
   'build.status': 'buildStatus',
   'build.origin': 'buildOrigin',
+  'build.lab': 'buildLab',
   origin: 'origins',
   'issue.culprit': 'issueCulprits',
   'issue.categories': 'issueCategories',