Adapt dashboard components to self-control requirement failures

docker/osd-dev/dev.sh

@@ -122,6 +122,8 @@ export OSD_MAJOR_NUMBER=$(echo $OSD_VERSION | cut -d. -f1)
 export COMPOSE_PROJECT_NAME=os-dev-${OSD_VERSION//./}
 export WAZUH_STACK=""
 export WAZUH_VERSION_DEVELOPMENT=$(jq -r '.version' $PACKAGE_PATH)
+export SRC_DASHBOARD=$(realpath ../../../wazuh-dashboard)
+export SRC_SECURITY_PLUGIN=$(realpath ../../../wazuh-security-dashboards-plugin)
 
 if [[ "$OSD_MAJOR_NUMBER" -ge 2 ]]; then
   export OSD_MAJOR="2.x"

plugins/main/common/constants.ts

@@ -636,9 +636,6 @@ export const PLUGIN_PLATFORM_WAZUH_DOCUMENTATION_URL_PATH_TROUBLESHOOTING =
   'user-manual/wazuh-dashboard/troubleshooting.html';
 export const PLUGIN_PLATFORM_WAZUH_DOCUMENTATION_URL_PATH_APP_CONFIGURATION =
   'user-manual/wazuh-dashboard/settings.html';
-export const PLUGIN_PLATFORM_URL_GUIDE =
-  'https://opensearch.org/docs/2.10/about';
-export const PLUGIN_PLATFORM_URL_GUIDE_TITLE = 'OpenSearch guide';
 
 export const PLUGIN_PLATFORM_REQUEST_HEADERS = {
   'osd-xsrf': 'kibana',

plugins/main/docs/prompts.md

@@ -0,0 +1,101 @@
+# Prompts
+
+The plugin uses prompts to display some problems or missing dependencies for the views.
+
+## Data source has an error. The filter related to the server API context can not be created due to the required data was not found. This is usually caused because there is no selected a server API. Ensure the server API is available and select it in the server API selector.
+
+This means the filter related to the selected server API (`cluster.name`/`manager.name` in the alerts case or `wazuh.cluster.name` in the inventories data) can not be created due to the required information is not available in some dashboard or inventory view. The required data to create the filter is stored in the `clusterInfo` cookie in the client browser.
+
+The cookie is set when getting the cluster information after the server API is selected through the selector or automatically when enters to some apps of Wazuh dashboard if possible.
+
+### Troubleshooting
+
+1. Ensure there is an server API selected in the selector (Wazuh dashboard header top right corner)
+2. Server API is available and the Wazuh dashboard can communicate with it.
+   > Use the `ping` command or try to do a request (`cURL`) from the Wazuh dashboard host to the server API to ensure teh communication using the host configuration in the `wazuh.yml`.
+3. Review the server API host configuration (URL, port, user credentials of the Wazuh server) are valid. The internal user should have permissions to retrieve the cluster information data so this can be set in the cookie.
+4. Ensure the `clusterInfo` cookie is set in the browser.
+
+## Data source has an error. Index pattern with ID or title [INDEX_PATTERN] not found. Review if you have at least one index pattern with this configuration. You can create the index patterns from Dashboard Management application if there are matching indices. If there are no matching indices, this could indicate the data collection is disabled or there is a problem in the collection or ingestion.
+
+This means the index pattern, that is used in some view or panel where the error is visible, could not be found.
+
+This could be caused because the expected index pattern does not exist. The Wazuh dashboard could try to create the index patterns if this find matching indices, so this could mean there is no matching indices due to the data collection could be disabled or there is a problem in the data collection (server) or ingestion (server and indexer).
+
+In some cases, it searches by index pattern ID, and in others, this could be the ID or title. This requirement is specified in the error depending on the view or panel.
+
+### Troubleshooting
+
+1. Ensure you have an index pattern with the requirements of ID or title that are speficied in the error.
+   The available index patterns can be listed in the **Dashboard Management** > **Index patterns**.
+
+In the case the index pattern is not created, you can create in the **Dashboard Management** > **Index patterns** if there are matching indices.
+
+If there is not matching indices, this could indicate:
+
+- the data collection is disabled: in this case the prompt is expected because the related indices do not exist
+- the data collection or ingestion has a problem: review the logs of the components (server and indexer) that run these actions for more information
+
+## Data source has an error. There is no selected index pattern for alerts. Ensure there is a compatible index pattern and select it using the index pattern selector. The index pattern selector is only available when there are multiple compatibles index patterns. If there is only a compatible index pattern, the selector is not visible, and it could indicate the index pattern was not selected due to some error or you could need to select it.
+
+This error indicates the index pattern related to alerts is not selected.
+
+The selection of the alerts index pattern is stored in the `currentPattern` cookie that stores the ID in the browser. If this cookie is not present or this has a falsy value, the error is thrown.
+
+Ensure the alerts index pattern is selected if this is available.
+
+### Troubleshooting
+
+1. Ensure the index pattern related to alerts is selected in the selector (Wazuh dashboard header top right corner).
+2. Ensure the environment has compatible index patterns with the alerts data. You can list the index patterns in **Dashboard Management** > **Index patterns**. The compatible index patterns are these have the following fields:
+
+- `timestamp`
+- `rule.groups`
+- `manager.name`
+- `agent.id`
+
+If there is not a compatible index pattern, it can be created if there are matching indices in **Dashboard Management** > **Index patterns**.
+
+If there is no matching indices and the alerts generation is enabled, this could indicate a problem in the
+data collection (server) or ingestion (server, Filebeat, indexer). Review the components responsibles of these actions.
+
+3. Ensure the `currentPattern` cookie is set in the browser with the ID of the index.
+
+## Server API is not available. The server API is currently not available. Review the connection with the selected server API, the service is running and the API host configuration is valid.
+
+This means the dashboard can not connect with the server API host.
+
+This could be caused by:
+
+- Server API host is not reachable from the Wazuh dashboard host.
+  - Network problem (firewall).
+- Server API is down/stopped.
+- Wrong server API host configuration (URL, port and credentials)
+
+### Troubleshooting
+
+1. Ensure the server API is running
+
+```
+systemctl status wazuh-manager
+```
+
+2. Ensure the server API host is reachable from the Wazuh dashboard host.
+
+Use the `ping` command or `cURL` to try the communication using the configuration for the server API host in the Wazuh dashboard.
+
+3. Review the server API host configuration in the Wazuh dashboard side (URL, port and credentials)
+
+## Server API is not selected. The server API is not selected. Select it using the server API selector.
+
+This means the server API host is not selected.
+
+The selection of the server API host is set in the `currentApi` cookie in the browser. If this is not set or has a falsy value, the error is displayed.
+
+This can be caused because the server API host is not selected or this could be set when entering to some apps in Wazuh dashboard.
+
+### Troubleshooting
+
+1. Ensure the server API host is selected in the selector (Wazuh dashboard header top right corner).
+2. Ensure the server API is available (online).
+3. Ensure the server API is reachable by the Wazuh dashboard host and its configuration (URL, port and creandentials) is ok.

plugins/main/public/app-router.tsx

@@ -10,7 +10,6 @@ import { WzMenuWrapper } from './components/wz-menu/wz-menu-wrapper';
 import { WzAgentSelectorWrapper } from './components/wz-agent-selector/wz-agent-selector-wrapper';
 import { ToastNotificationsModal } from './components/notifications/modal';
 import { WzUpdatesNotification } from './components/wz-updates-notification';
-import { WzBlankScreen } from './components/wz-blank-screen/wz-blank-screen';
 import { RegisterAgent } from './components/endpoints-summary/register-agent';
 import { MainEndpointsSummary } from './components/endpoints-summary';
 import { AgentView } from './components/endpoints-summary/agent';
@@ -23,6 +22,7 @@ import NavigationService from './react-services/navigation-service';
 import { SECTIONS } from './sections';
 import { withGuardAsync } from './components/common/hocs';
 import { WzRequest } from './react-services/wz-request';
+import { AlertsDataSourceSetup } from './components/common/data-source';
 
 export const Application = withGuardAsync(
   async (_props: any) => {
@@ -34,6 +34,11 @@ export const Application = withGuardAsync(
         // Load the app state
         loadAppConfig(),
       ]);
+
+      await Promise.allSettled([
+        // Setup the alerts index pattern
+        AlertsDataSourceSetup(),
+      ]);
     } catch {}
 
     return {
@@ -112,11 +117,6 @@ export const Application = withGuardAsync(
           exact
           render={props => <ToolsRouter {...props} />}
         ></Route>
-        <Route
-          path={`/${SECTIONS.BLANK_SCREEN}`}
-          exact
-          render={props => <WzBlankScreen {...props} />}
-        ></Route>
         <Redirect from='/' to={getWzMainParams()} />
       </Switch>
     </Router>

plugins/main/public/components/add-modules-data/sample-data.tsx

@@ -49,6 +49,7 @@ import {
   sampleSecurityInformationApplication,
   sampleThreatDetectionApplication,
 } from './helper';
+import { GenericRequest } from '../../react-services';
 
 export default class WzSampleData extends Component {
   categories: {
@@ -148,7 +149,7 @@ export default class WzSampleData extends Component {
       // Check if sample data for each category was added
       const results = await DeepPromiseResolver(
         this.categories.reduce((accum, cur) => {
-          accum[cur.categorySampleDataIndex] = WzRequest.genericReq(
+          accum[cur.categorySampleDataIndex] = GenericRequest.request(
             'GET',
             `/indexer/sampledata/${cur.categorySampleDataIndex}`,
           );
@@ -173,10 +174,22 @@ export default class WzSampleData extends Component {
       const clusterName = AppState.getClusterInfo().cluster;
       const managerName = AppState.getClusterInfo().manager;
 
+      if (!clusterName && !managerName) {
+        throw new Error(
+          'The data related to the server API context could not be obtained. This is required when adding sample data to match the server API context.',
+        );
+      }
+
       // eslint-disable-next-line camelcase
       this.generateAlertsParams.api_id = JSON.parse(
         AppState.getCurrentAPI() || '{}',
       )?.id;
+
+      if (!this.generateAlertsParams.api_id) {
+        throw new Error(
+          'The server API is not selected. Select it using the server API selector.',
+        );
+      }
       this.generateAlertsParams.manager = {
         name: managerName,
       };

plugins/main/public/components/agents/stats/table.test.tsx

@@ -22,6 +22,11 @@ jest.mock('../../../kibana-services', () => ({
       prepend: str => str,
     },
   }),
+  getCookies: () => {
+    return {
+      get: () => 'test',
+    };
+  },
 }));
 jest.mock(
   '../../../../../../node_modules/@elastic/eui/lib/services/accessibility/html_id_generator',

plugins/main/public/components/agents/syscollector/components/syscollector-metrics.tsx

@@ -159,7 +159,7 @@ export const InventoryMetrics = withSystemInventoryDataSource(
         };
         fetchInventoryHardwareSystemData();
       }
-    }, [itHygieneDataSource.isLoading, agent.id]);
+    }, [itHygieneDataSource.isLoading, itHygieneDataSource.fetchFilters]);
 
     const items: IRibbonItem[] = [
       {

plugins/main/public/components/common/dashboards/panel.tsx

@@ -71,6 +71,7 @@ export const createPanel = ({
     withDataSourceInitiated({
       isLoadingNameProp: 'dataSource.isLoading',
       dataSourceNameProp: 'dataSource.dataSource',
+      dataSourceErrorNameProp: 'dataSource.error',
     }),
   )(
     ({