update Models tab in AAE page to use Ready/Failed/Unknown status labels

Author: jharan1

packages/gen-ai/frontend/src/app/AIAssets/components/AIModelTableRow.tsx

@@ -124,7 +124,7 @@ const AIModelTableRow: React.FC<AIModelTableRowProps> = ({
               case 'Stop':
                 return (
                   <Label status="danger" variant="outline">
-                    Inactive
+                    Failed
                   </Label>
                 );
               default:

packages/gen-ai/frontend/src/app/AIAssets/components/__tests__/AIModelTableRow.spec.tsx

@@ -203,15 +203,15 @@ describe('AIModelTableRow', () => {
       expect(screen.getByText('Ready')).toBeInTheDocument();
     });
 
-    it('should show Inactive status when model is not Running', () => {
+    it('should show Failed status when model is stopped', () => {
       const model = createMockAIModel({ status: 'Stop' });
       render(
         <TestWrapper>
           <AIModelTableRow {...defaultProps} model={model} />
         </TestWrapper>,
       );
 
-      expect(screen.getByText('Inactive')).toBeInTheDocument();
+      expect(screen.getByText('Failed')).toBeInTheDocument();
     });
 
     it('should show Unknown status when model status is not Running or Stop', () => {

packages/gen-ai/frontend/src/app/AIAssets/data/filterOptions.ts

@@ -17,5 +17,5 @@ export const assetsFilterOptions: Record<string, string> = {
 };
 
 export const assetsFilterSelectOptions: Partial<Record<AssetsFilterOptions, string[]>> = {
-  [AssetsFilterOptions.STATUS]: ['Active', 'Inactive'],
+  [AssetsFilterOptions.STATUS]: ['Ready', 'Failed', 'Unknown'],
 };

packages/gen-ai/frontend/src/app/AIAssets/hooks/__tests__/useAIModelsFilter.spec.ts

@@ -132,7 +132,7 @@ describe('useAIModelsFilter', () => {
   });
 
   describe('Filter by status', () => {
-    it('should filter models by status (select filter)', () => {
+    it('should filter models by Ready status', () => {
       const models = [
         createMockAIModel({ model_id: 'model-1', status: 'Running' }),
         createMockAIModel({ model_id: 'model-2', status: 'Stop' }),
@@ -142,15 +142,15 @@ describe('useAIModelsFilter', () => {
       const { result } = testHook(useAIModelsFilter)(models);
 
       act(() => {
-        result.current.onFilterUpdate(AssetsFilterOptions.STATUS, 'Active');
+        result.current.onFilterUpdate(AssetsFilterOptions.STATUS, 'Ready');
       });
 
       expect(result.current.filteredModels).toHaveLength(2);
       expect(result.current.filteredModels[0].model_id).toBe('model-1');
       expect(result.current.filteredModels[1].model_id).toBe('model-3');
     });
 
-    it('should filter for inactive models', () => {
+    it('should filter models by Failed status', () => {
       const models = [
         createMockAIModel({ model_id: 'model-1', status: 'Running' }),
         createMockAIModel({ model_id: 'model-2', status: 'Stop' }),
@@ -159,12 +159,29 @@ describe('useAIModelsFilter', () => {
       const { result } = testHook(useAIModelsFilter)(models);
 
       act(() => {
-        result.current.onFilterUpdate(AssetsFilterOptions.STATUS, 'Inactive');
+        result.current.onFilterUpdate(AssetsFilterOptions.STATUS, 'Failed');
       });
 
       expect(result.current.filteredModels).toHaveLength(1);
       expect(result.current.filteredModels[0].model_id).toBe('model-2');
     });
+
+    it('should filter models by Unknown status', () => {
+      const models = [
+        createMockAIModel({ model_id: 'model-1', status: 'Running' }),
+        createMockAIModel({ model_id: 'model-2', status: 'Stop' }),
+        createMockAIModel({ model_id: 'model-3', status: 'Pending' }),
+      ];
+
+      const { result } = testHook(useAIModelsFilter)(models);
+
+      act(() => {
+        result.current.onFilterUpdate(AssetsFilterOptions.STATUS, 'Unknown');
+      });
+
+      expect(result.current.filteredModels).toHaveLength(1);
+      expect(result.current.filteredModels[0].model_id).toBe('model-3');
+    });
   });
 
   describe('Multiple filters', () => {

packages/gen-ai/frontend/src/app/AIAssets/hooks/useAIModelsFilter.ts

@@ -4,7 +4,16 @@ import { AssetsFilterOptions, assetsFilterSelectOptions } from '~/app/AIAssets/d
 
 export type FilterData = Record<string, string | string[] | undefined>;
 
-const getStatusLabel = (status: string): string => (status === 'Running' ? 'Active' : 'Inactive');
+const getStatusLabel = (status: string): string => {
+  switch (status) {
+    case 'Running':
+      return 'Ready';
+    case 'Stop':
+      return 'Failed';
+    default:
+      return 'Unknown';
+  }
+};
 
 const isSelectFilter = (filterType: string): boolean => filterType in assetsFilterSelectOptions;