Bugfixes/fix provider gpus UI

api/src/routes/v1/providers/byAddress.ts

@@ -62,6 +62,14 @@ const route = createRoute({
               memory: z.number(),
               storage: z.number()
             }),
+            gpuModels: z.array(
+              z.object({
+                vendor: z.string(),
+                model: z.string(),
+                ram: z.string(),
+                interface: z.string()
+              })
+            ),
             attributes: z.array(
               z.object({
                 key: z.string(),

api/src/routes/v1/providers/list.ts

@@ -55,6 +55,14 @@ const route = createRoute({
                 memory: z.number(),
                 storage: z.number()
               }),
+              gpuModels: z.array(
+                z.object({
+                  vendor: z.string(),
+                  model: z.string(),
+                  ram: z.string(),
+                  interface: z.string()
+                })
+              ),
               attributes: z.array(
                 z.object({
                   key: z.string(),

api/src/services/db/providerStatusService.ts

@@ -1,4 +1,4 @@
-import { Provider, ProviderAttribute, ProviderAttributeSignature } from "@shared/dbSchemas/akash";
+import { Provider, ProviderAttribute, ProviderAttributeSignature, ProviderSnapshotNode, ProviderSnapshotNodeGPU } from "@shared/dbSchemas/akash";
 import { ProviderSnapshot } from "@shared/dbSchemas/akash/providerSnapshot";
 import { toUTC } from "@src/utils";
 import { add } from "date-fns";
@@ -42,6 +42,7 @@ export async function getNetworkCapacity() {
 }
 
 export const getProviderList = async () => {
+  // Fetch provider list with their attributes & auditors
   const providers = await Provider.findAll({
     where: {
       deletedHeight: null
@@ -56,13 +57,41 @@ export const getProviderList = async () => {
       }
     ]
   });
+
+  // Fetch latest snapshot nodes for each provider
+  const providerNodes = await Provider.findAll({
+    attributes: ["owner"],
+    where: {
+      deletedHeight: null
+    },
+    include: [
+      {
+        model: ProviderSnapshot,
+        attributes: ["id"],
+        required: true,
+        as: "lastSnapshot",
+        include: [
+          {
+            model: ProviderSnapshotNode,
+            attributes: ["id"],
+            required: true,
+            include: [{ model: ProviderSnapshotNodeGPU, required: true }]
+          }
+        ]
+      }
+    ]
+  });
+
   const filteredProviders = providers.filter((value, index, self) => self.map((x) => x.hostUri).lastIndexOf(value.hostUri) === index);
   const providerAttributeSchemaQuery = getProviderAttributesSchema();
   const auditorsQuery = getAuditors();
 
   const [auditors, providerAttributeSchema] = await Promise.all([auditorsQuery, providerAttributeSchemaQuery]);
 
-  return filteredProviders.map((x) => mapProviderToList(x, providerAttributeSchema, auditors));
+  return filteredProviders.map((x) => {
+    const nodes = providerNodes.find((p) => p.owner === x.owner)?.lastSnapshot?.nodes;
+    return mapProviderToList(x, providerAttributeSchema, auditors, nodes);
+  });
 };
 
 export const getProviderDetail = async (address: string): Promise<ProviderDetail> => {
@@ -78,32 +107,43 @@ export const getProviderDetail = async (address: string): Promise<ProviderDetail
       },
       {
         model: ProviderAttributeSignature
-      },
-      {
-        model: ProviderSnapshot,
-        as: "providerSnapshots",
-        attributes: ["isOnline", "id", "checkDate"],
-        required: false,
-        separate: true,
-        where: {
-          checkDate: {
-            [Op.gte]: add(nowUtc, { days: -1 })
-          }
-        }
       }
     ]
   });
 
   if (!provider) return null;
 
+  const uptimeSnapshots = await ProviderSnapshot.findAll({
+    attributes: ["isOnline", "id", "checkDate"],
+    where: {
+      owner: provider.owner,
+      checkDate: {
+        [Op.gte]: add(nowUtc, { days: -1 })
+      }
+    }
+  });
+
+  const lastSnapshot = await ProviderSnapshot.findOne({
+    where: {
+      id: provider.lastSnapshotId
+    },
+    order: [["checkDate", "DESC"]],
+    include: [
+      {
+        model: ProviderSnapshotNode,
+        include: [{ model: ProviderSnapshotNodeGPU }]
+      }
+    ]
+  });
+
   const providerAttributeSchemaQuery = getProviderAttributesSchema();
   const auditorsQuery = getAuditors();
 
   const [auditors, providerAttributeSchema] = await Promise.all([auditorsQuery, providerAttributeSchemaQuery]);
 
   return {
-    ...mapProviderToList(provider, providerAttributeSchema, auditors),
-    uptime: provider.providerSnapshots.map((ps) => ({
+    ...mapProviderToList(provider, providerAttributeSchema, auditors, lastSnapshot?.nodes),
+    uptime: uptimeSnapshots.map((ps) => ({
       id: ps.id,
       isOnline: ps.isOnline,
       checkDate: ps.checkDate

api/src/types/provider.ts

@@ -22,6 +22,7 @@ export interface ProviderList {
   isValidVersion: boolean;
   isOnline: boolean;
   isAudited: boolean;
+  gpuModels: { vendor: string; model: string; ram: string; interface: string }[];
   activeStats: {
     cpu: number;
     gpu: number;

api/src/utils/map/provider.ts

@@ -1,10 +1,19 @@
-import { Provider } from "@shared/dbSchemas/akash";
+import { Provider, ProviderSnapshotNode } from "@shared/dbSchemas/akash";
 import { Auditor, ProviderAttributesSchema, ProviderList } from "@src/types/provider";
 import semver from "semver";
 
-export const mapProviderToList = (provider: Provider, providerAttributeSchema: ProviderAttributesSchema, auditors: Array<Auditor>): ProviderList => {
+export const mapProviderToList = (
+  provider: Provider,
+  providerAttributeSchema: ProviderAttributesSchema,
+  auditors: Array<Auditor>,
+  nodes?: ProviderSnapshotNode[]
+): ProviderList => {
   const isValidVersion = provider.cosmosSdkVersion ? semver.gte(provider.cosmosSdkVersion, "v0.45.9") : false;
   const name = provider.isOnline ? new URL(provider.hostUri).hostname : null;
+  const gpuModels = (nodes || [])
+    .flatMap((x) => x.gpus)
+    .map((x) => ({ vendor: x.vendor, model: x.name, ram: x.memorySize, interface: x.interface }))
+    .filter((x, i, arr) => arr.findIndex((o) => x.vendor === o.vendor && x.model === o.model && x.ram === o.ram && x.interface === o.interface) === i);
 
   return {
     owner: provider.owner,
@@ -42,6 +51,7 @@ export const mapProviderToList = (provider: Provider, providerAttributeSchema: P
       memory: isValidVersion ? provider.availableMemory : 0,
       storage: isValidVersion ? provider.availableStorage : 0
     },
+    gpuModels: gpuModels,
     uptime1d: provider.uptime1d,
     uptime7d: provider.uptime7d,
     uptime30d: provider.uptime30d,

deploy-web/src/components/providers/ProviderListRow.tsx

@@ -62,7 +62,7 @@ export const ProviderListRow: React.FunctionComponent<Props> = ({ provider }) =>
   const _totalStorage = provider.isOnline
     ? bytesToShrink(provider.availableStats.storage + provider.pendingStats.storage + provider.activeStats.storage)
     : null;
-  const gpuModels = provider.hardwareGpuModels.map(gpu => gpu.substring(gpu.lastIndexOf(" ") + 1, gpu.length));
+  const gpuModels = provider.gpuModels.map(x => x.model).filter((x, i, arr) => arr.indexOf(x) === i);
 
   const onStarClick = event => {
     event.preventDefault();

deploy-web/src/components/providers/ProviderSpecs.tsx

@@ -1,10 +1,8 @@
 import { Box, Chip, Paper } from "@mui/material";
 import { makeStyles } from "tss-react/mui";
-import { useRouter } from "next/router";
 import { ClientProviderDetailWithStatus } from "@src/types/provider";
 import { LabelValue } from "../shared/LabelValue";
 import CheckIcon from "@mui/icons-material/Check";
-import { ProviderAttributesSchema } from "@src/types/providerAttributes";
 
 const useStyles = makeStyles()(theme => ({
   root: {
@@ -20,12 +18,16 @@ const useStyles = makeStyles()(theme => ({
 
 type Props = {
   provider: Partial<ClientProviderDetailWithStatus>;
-  providerAttributesSchema: ProviderAttributesSchema;
 };
 
-export const ProviderSpecs: React.FunctionComponent<Props> = ({ provider, providerAttributesSchema }) => {
+export const ProviderSpecs: React.FunctionComponent<Props> = ({ provider }) => {
   const { classes } = useStyles();
-  const router = useRouter();
+
+  const gpuModels =
+    provider?.gpuModels
+      ?.map(x => x.model + " " + x.ram)
+      .filter((x, i, arr) => arr.indexOf(x) === i)
+      .sort((a, b) => a.localeCompare(b)) || [];
 
   return (
     <Paper className={classes.root}>
@@ -41,7 +43,7 @@ export const ProviderSpecs: React.FunctionComponent<Props> = ({ provider, provid
       <Box>
         <LabelValue
           label="GPU Models"
-          value={provider.hardwareGpuModels.map(x => (
+          value={gpuModels.map(x => (
             <Chip key={x} label={x} size="small" sx={{ marginRight: ".5rem" }} />
           ))}
         />

deploy-web/src/pages/providers/[owner]/index.tsx

@@ -186,7 +186,7 @@ const ProviderDetailPage: React.FunctionComponent<Props> = ({ owner, _provider }
               <Typography variant="body2" sx={{ marginBottom: "1rem" }}>
                 Specs
               </Typography>
-              <ProviderSpecs provider={provider} providerAttributesSchema={providerAttributesSchema} />
+              <ProviderSpecs provider={provider} />
 
               <Typography variant="body2" sx={{ marginBottom: "1rem", marginTop: "1rem" }}>
                 Features

deploy-web/src/types/provider.ts

@@ -206,6 +206,7 @@ export interface ApiProviderList {
   isValidVersion: boolean;
   isOnline: boolean;
   isAudited: boolean;
+  gpuModels: { vendor: string; model: string; ram: string; interface: string }[];
   activeStats: {
     cpu: number;
     gpu: number;

shared/dbSchemas/akash/providerSnapshot.ts

@@ -1,6 +1,7 @@
-import { Column, Default, Model, PrimaryKey, Table } from "sequelize-typescript";
+import { Column, Default, HasMany, Model, PrimaryKey, Table } from "sequelize-typescript";
 import { DataTypes } from "sequelize";
 import { Required } from "../decorators/requiredDecorator";
+import { ProviderSnapshotNode } from "./providerSnapshotNode";
 
 @Table({
   modelName: "providerSnapshot",
@@ -33,4 +34,6 @@ export class ProviderSnapshot extends Model {
   @Column(DataTypes.BIGINT) availableGPU?: number;
   @Column(DataTypes.BIGINT) availableMemory?: number;
   @Column(DataTypes.BIGINT) availableStorage?: number;
+
+  @HasMany(() => ProviderSnapshotNode, "snapshotId") nodes: ProviderSnapshotNode[];
 }

shared/dbSchemas/akash/providerSnapshotNode.ts

@@ -1,9 +1,12 @@
-import { Column, Default, Model, PrimaryKey, Table } from "sequelize-typescript";
+import { Column, Default, HasMany, Model, PrimaryKey, Table } from "sequelize-typescript";
 import { DataTypes } from "sequelize";
 import { Required } from "../decorators/requiredDecorator";
+import { ProviderSnapshotNodeGPU } from "./providerSnapshotNodeGPU";
+import { ProviderSnapshotNodeCPU } from "./providerSnapshotNodeCPU";
 
 @Table({
-  modelName: "providerSnapshotNode"
+  modelName: "providerSnapshotNode",
+  indexes: [{ unique: false, fields: ["snapshotId"] }]
 })
 export class ProviderSnapshotNode extends Model {
   @Required @PrimaryKey @Default(DataTypes.UUIDV4) @Column(DataTypes.UUID) id: string;
@@ -26,4 +29,7 @@ export class ProviderSnapshotNode extends Model {
 
   @Column(DataTypes.BIGINT) gpuAllocatable: number;
   @Column(DataTypes.BIGINT) gpuAllocated: number;
+
+  @HasMany(() => ProviderSnapshotNodeGPU, "snapshotNodeId") gpus: ProviderSnapshotNodeGPU[];
+  @HasMany(() => ProviderSnapshotNodeCPU, "snapshotNodeId") cpus: ProviderSnapshotNodeCPU[];
 }

shared/dbSchemas/akash/providerSnapshotNodeCPU.ts

@@ -3,7 +3,8 @@ import { DataTypes } from "sequelize";
 import { Required } from "../decorators/requiredDecorator";
 
 @Table({
-  modelName: "providerSnapshotNodeCPU"
+  modelName: "providerSnapshotNodeCPU",
+  indexes: [{ unique: false, fields: ["snapshotNodeId"] }]
 })
 export class ProviderSnapshotNodeCPU extends Model {
   @Required @PrimaryKey @Default(DataTypes.UUIDV4) @Column(DataTypes.UUID) id: string;

shared/dbSchemas/akash/providerSnapshotNodeGPU.ts

@@ -3,7 +3,8 @@ import { DataTypes } from "sequelize";
 import { Required } from "../decorators/requiredDecorator";
 
 @Table({
-  modelName: "providerSnapshotNodeGPU"
+  modelName: "providerSnapshotNodeGPU",
+  indexes: [{ unique: false, fields: ["snapshotNodeId"] }]
 })
 export class ProviderSnapshotNodeGPU extends Model {
   @Required @PrimaryKey @Default(DataTypes.UUIDV4) @Column(DataTypes.UUID) id: string;