Implement Excludes and Sum Platform Costs api call (#1852)

Author: asmasarw

workspaces/redhat-resource-optimization/plugins/redhat-resource-optimization-common/src/clients/optimizations/OptimizationsClient.ts

@@ -191,6 +191,7 @@ export class OptimizationsClient implements OptimizationsApi {
     this.appendDynamicParams(queryParams, request, 'group_by[');
     this.appendDynamicParams(queryParams, request, 'order_by[');
     this.appendDynamicFilterParams(queryParams, request);
+    this.appendDynamicExcludeParams(queryParams, request);
     return queryParams;
   }
 
@@ -208,6 +209,7 @@ export class OptimizationsClient implements OptimizationsApi {
     }> = [
       { key: 'currency', paramName: 'currency' },
       { key: 'delta', paramName: 'delta' },
+      { key: 'category', paramName: 'category' },
       {
         key: 'filter[limit]',
         paramName: 'filter[limit]',
@@ -288,6 +290,23 @@ export class OptimizationsClient implements OptimizationsApi {
     }
   }
 
+  /**
+   * Appends dynamic exclude parameters (e.g., exclude[project], exclude[cluster], exclude[tag:key])
+   */
+  private appendDynamicExcludeParams(
+    queryParams: URLSearchParams,
+    request: GetCostManagementRequest,
+  ): void {
+    for (const key of Object.keys(request.query)) {
+      if (key.startsWith('exclude[') && key.endsWith(']')) {
+        const value = request.query[key as keyof typeof request.query];
+        if (value) {
+          queryParams.append(key, String(value));
+        }
+      }
+    }
+  }
+
   /**
    * Search OpenShift projects
    * @param search - Search term to filter projects

workspaces/redhat-resource-optimization/plugins/redhat-resource-optimization/src/pages/openshift/OpenShiftPage.tsx

@@ -125,13 +125,28 @@ export function OpenShiftPage() {
         'filter[time_scope_value]': timeScopeValue,
       };
 
+      // Add category parameter when showPlatformSum is enabled
+      if (showPlatformSum) {
+        queryParams.category = 'Platform';
+      }
+
       queryParams[groupByParam] = '*';
 
-      // Handle tag filtering differently
+      // Handle filtering based on operation (includes/excludes)
       if (filterBy === 'tag' && selectedTagKey && selectedTagValue) {
-        queryParams[`filter[tag:${selectedTagKey}]`] = selectedTagValue;
+        // Tag filtering uses filter[tag:key] or exclude[tag:key]
+        if (filterOperation === 'excludes') {
+          queryParams[`exclude[tag:${selectedTagKey}]`] = selectedTagValue;
+        } else {
+          queryParams[`filter[tag:${selectedTagKey}]`] = selectedTagValue;
+        }
       } else if (filterValue) {
-        queryParams[`filter[${filterBy}]`] = filterValue;
+        // Regular filtering uses filter[field] or exclude[field]
+        if (filterOperation === 'excludes') {
+          queryParams[`exclude[${filterBy}]`] = filterValue;
+        } else {
+          queryParams[`filter[${filterBy}]`] = filterValue;
+        }
       }
 
       if (sortField) {
@@ -164,13 +179,14 @@ export function OpenShiftPage() {
     groupBy,
     filterBy,
     filterValue,
+    filterOperation,
+    showPlatformSum,
     api,
     currentPage,
     pageSize,
     sortField,
     sortDirection,
     selectedTag,
-    filterBy,
     selectedTagKey,
     selectedTagValue,
   ]);
@@ -532,6 +548,10 @@ export function OpenShiftPage() {
               if (value !== 'tag') {
                 setSelectedTag('');
               }
+              // Reset showPlatformSum when groupBy changes away from 'project'
+              if (value !== 'project') {
+                setShowPlatformSum(false);
+              }
             }}
             selectedTag={selectedTag}
             onSelectedTagChange={value => {
@@ -592,6 +612,7 @@ export function OpenShiftPage() {
                       showPlatformSum={showPlatformSum}
                       setShowPlatformSum={setShowPlatformSum}
                       projectsCount={displayData?.projects?.length || 0}
+                      groupBy={groupBy}
                     />
                   ),
                 }}

workspaces/redhat-resource-optimization/plugins/redhat-resource-optimization/src/pages/openshift/components/TableToolbar.tsx

@@ -35,11 +35,12 @@ type TableToolbarProps = {
   showPlatformSum: boolean;
   setShowPlatformSum: (showPlatformSum: boolean) => void;
   projectsCount: number;
+  groupBy: string;
 };
 
 /** @public */
 export function TableToolbar(props: TableToolbarProps) {
-  const { showPlatformSum, setShowPlatformSum, projectsCount } = props;
+  const { showPlatformSum, setShowPlatformSum, projectsCount, groupBy } = props;
   const classes = useStyles();
 
   return (
@@ -63,22 +64,24 @@ export function TableToolbar(props: TableToolbarProps) {
             Projects ({projectsCount})
           </Typography>
 
-          <div
-            style={{
-              display: 'flex',
-              alignItems: 'center',
-              gap: '8px',
-            }}
-          >
-            <Switch
-              checked={showPlatformSum}
-              onChange={e => setShowPlatformSum(e.target.checked)}
-              className={classes.switchOff}
-            />
-            <Typography variant="body2" style={{ color: '#6A6E73' }}>
-              Sum platform costs
-            </Typography>
-          </div>
+          {groupBy === 'project' && (
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                gap: '8px',
+              }}
+            >
+              <Switch
+                checked={showPlatformSum}
+                onChange={e => setShowPlatformSum(e.target.checked)}
+                className={classes.switchOff}
+              />
+              <Typography variant="body2" style={{ color: '#6A6E73' }}>
+                Sum platform costs
+              </Typography>
+            </div>
+          )}
 
           <div
             style={{