ai trust centre and model inventory changes

Author: Harsh

Clients/src/presentation/pages/AITrustCenter/index.tsx

@@ -136,7 +136,7 @@ const AITrustCenter: React.FC = () => {
                 value="settings"
                 disableRipple
               />
-              <div data-joyride-id="preview-mode-button">
+              <div data-joyride-id="preview-mode-button" style={{ marginLeft: "auto" }}>
                 <CustomizableButton
                   variant="contained"
                   text="Preview mode"

Clients/src/presentation/pages/AITrustCenter/styles.ts

@@ -38,6 +38,4 @@ export const aiTrustCenterPreviewButtonStyle = {
   backgroundColor: "#13715B",
   border: "1px solid #13715B",
   gap: 2,
-  marginLeft: "auto",
-  marginRight: "0",
 };

Clients/src/presentation/pages/ModelInventory/ModelRisksTable.tsx

@@ -23,9 +23,11 @@ const SelectorVertical = (props: any) => <ChevronsUpDown size={16} {...props} />
 import RiskChip from "../../components/RiskLevel/RiskChip";
 import { IModelRisk } from "../../../domain/interfaces/i.modelRisk";
 import { User } from "../../../domain/types/User";
+import { IModelInventory } from "../../../domain/interfaces/i.modelInventory";
 
 const titleOfTableColumns = [
   "risk name",
+  "model name",
   "category",
   "risk level",
   "status",
@@ -41,6 +43,7 @@ interface ModelRisksTableProps {
   onDelete: (riskId: number) => void;
   deletingId?: number | null;
   users?: User[];
+  models?: IModelInventory[];
 }
 
 const ModelRisksTable: React.FC<ModelRisksTableProps> = ({
@@ -50,6 +53,7 @@ const ModelRisksTable: React.FC<ModelRisksTableProps> = ({
   onDelete,
   deletingId,
   users = [],
+  models = [],
 }) => {
   const theme = useTheme();
   const [page, setPage] = useState(0);
@@ -104,6 +108,12 @@ const ModelRisksTable: React.FC<ModelRisksTableProps> = ({
     return owner?.name || "Unknown";
   };
 
+  const getModelName = (modelId: number | null | undefined) => {
+    if (!modelId) return "N/A";
+    const model = models.find((m) => m.id == modelId);
+    return model?.model || "Unknown";
+  };
+
   const tableHeader = useMemo(
     () => (
       <TableHead
@@ -161,6 +171,9 @@ const ModelRisksTable: React.FC<ModelRisksTableProps> = ({
                     {row.risk_name}
                   </Typography>
                 </TableCell>
+                <TableCell sx={getCellStyle(row)}>
+                  {getModelName(row.model_id)}
+                </TableCell>
                 <TableCell sx={getCellStyle(row)}>
                   {row.risk_category}
                 </TableCell>
@@ -227,6 +240,7 @@ const ModelRisksTable: React.FC<ModelRisksTableProps> = ({
       rowsPerPage,
       cellStyle,
       formattedUsers,
+      models,
       onEdit,
       onDelete,
       deletingId,

Clients/src/presentation/pages/ModelInventory/index.tsx

@@ -916,6 +916,7 @@ const ModelInventory: React.FC = () => {
               onDelete={handleDeleteModelRisk}
               deletingId={deletingModelRiskId}
               users={users}
+              models={modelInventoryData}
             />
           </>
         )}