[Recommendations Hub] Implement central plugin for recommendations

📓 Summary

Implement a centralized recommendations hub to unify the registration, management, and display of recommendations from various initiatives and projects. This hub will include a plugin that hosts the recommendations page and APIs for server-side and client-side registration and rendering of recommendations.

✔️ Acceptance Criteria

A new recommendations-hub plugin is developed.
Server-side components are built to allow projects to register their recommendation collectors.
The hub supports categorization by groups (e.g., integration detection, logs structuring).
Client-side renderers are created to display recommendations according to their types.
A centralized recommendations page is created to display all collected recommendations.

💡 Technical Implementation

Server-Side Registration:

Develop a standardized interface for projects to register their recommendation collectors.

The recommendations should adhere to a given contract, providing metadata and properties.

type Recommendation<Props> = {
id: string;
type: "integration-rerouting" | "logs-structuring" | ...;
status: "pending" | "resolved" | "rejected";
created_at: string;
updated_at: string;
schema: ZodSchema;
properties: Props
}

Collectors submit recommendations along with metadata

plugins.recommendationsHub.register<LogRecommendation>((context) => {
return {
collect: async (params) => {
  return logsStructuringClient.getRecommendations(params);
},
apply: async ({recommendations}) => {
  const ack = await logsStructuringClient.applyRecommendations({recommendations});
  return ack;
}
};
});

Client-Side Rendering:

plugins.recommendationsHub.registerTypeRenderer<LogRecommendation>({
type: 'logs-structuring',
render: ({ recommendation }) => {
return <LogsStructuringRecommendation recommendation={recommendation} />;
}
});

Centralized Page:
- Develop an interface to display all registered recommendations.
- Include controls for triggering the on-demand collection of recommendations.

elastic / kibana