diff --git a/keep-ui/app/topology/model/models.ts b/keep-ui/app/topology/model/models.ts index 23308640c..2d4c75a32 100644 --- a/keep-ui/app/topology/model/models.ts +++ b/keep-ui/app/topology/model/models.ts @@ -22,6 +22,7 @@ export interface TopologyService { ip_address?: string; mac_address?: string; manufacturer?: string; + category?: string; application_ids: string[]; // Added on client to optimize rendering applications: TopologyApplicationMinimal[]; diff --git a/keep-ui/app/topology/ui/map/service-node.tsx b/keep-ui/app/topology/ui/map/service-node.tsx index a15c7e3c7..b4e43b54a 100644 --- a/keep-ui/app/topology/ui/map/service-node.tsx +++ b/keep-ui/app/topology/ui/map/service-node.tsx @@ -7,6 +7,7 @@ import { ServiceNodeType, TopologyService } from "../../model/models"; import { Badge } from "@tremor/react"; import { getColorForUUID } from "@/app/topology/lib/badge-colors"; import { clsx } from "clsx"; +import Image from "next/image"; const THRESHOLD = 5; @@ -107,6 +108,18 @@ export function ServiceNode({ data, selected }: NodeProps) { onMouseEnter={() => setShowDetails(true)} onMouseLeave={() => setShowDetails(false)} > + {data.category && ( +
+ {data.category} +
+ )} {data.display_name || data.service} {alertCount > 0 && (