ydb-embedded-ui 4.32.0 → 5.0.0

package/dist/containers/Tenant/Diagnostics/Partitions/utils/constants.ts

@@ -1,86 +0,0 @@
-export const PARTITIONS_COLUMNS_IDS = {
-    PARTITION_ID: 'partitionId',
-
-    STORE_SIZE: 'storeSize',
-
-    WRITE_SPEED: 'writeSpeed',
-    READ_SPEED: 'readSpeed',
-
-    WRITE_LAGS: 'writeLags',
-    READ_LAGS: 'readLags',
-
-    UNCOMMITED_MESSAGES: 'uncommitedMessages',
-    UNREAD_MESSAGES: 'unreadMessages',
-
-    START_OFFSET: 'startOffset',
-    END_OFFSET: 'endOffset',
-    COMMITED_OFFSET: 'commitedOffset',
-
-    READ_SESSION_ID: 'readSessionId',
-    READER_NAME: 'readerName',
-
-    PARTITION_HOST: 'partitionHost',
-    CONNECTION_HOST: 'connectionHost',
-} as const;
-
-export const PARTITIONS_COLUMNS_TITILES = {
-    [PARTITIONS_COLUMNS_IDS.PARTITION_ID]: 'Partition ID',
-
-    [PARTITIONS_COLUMNS_IDS.STORE_SIZE]: 'Store size',
-
-    [PARTITIONS_COLUMNS_IDS.WRITE_SPEED]: 'Write speed',
-    [PARTITIONS_COLUMNS_IDS.READ_SPEED]: 'Read speed',
-
-    [PARTITIONS_COLUMNS_IDS.WRITE_LAGS]: 'Write lags, duration',
-
-    [PARTITIONS_COLUMNS_IDS.READ_LAGS]: 'Read lags, duration',
-
-    [PARTITIONS_COLUMNS_IDS.UNCOMMITED_MESSAGES]: 'Uncommited messages',
-    [PARTITIONS_COLUMNS_IDS.UNREAD_MESSAGES]: 'Unread messages',
-
-    [PARTITIONS_COLUMNS_IDS.START_OFFSET]: 'Start offset',
-    [PARTITIONS_COLUMNS_IDS.END_OFFSET]: 'End offset',
-    [PARTITIONS_COLUMNS_IDS.COMMITED_OFFSET]: 'Commited offset',
-
-    [PARTITIONS_COLUMNS_IDS.READ_SESSION_ID]: 'Read session ID',
-    [PARTITIONS_COLUMNS_IDS.READER_NAME]: 'Reader name',
-
-    [PARTITIONS_COLUMNS_IDS.PARTITION_HOST]: 'Partition host',
-    [PARTITIONS_COLUMNS_IDS.CONNECTION_HOST]: 'Connection host',
-} as const;
-
-export const PARTITIONS_WRITE_LAGS_SUB_COLUMNS_IDS = {
-    PARTITION_WRITE_LAG: 'partitionWriteLag',
-    PARTITION_WRITE_IDLE_TIME: 'partitionWriteIdleTime',
-} as const;
-
-export const PARTITIONS_WRITE_LAGS_SUB_COLUMNS_TITLES = {
-    [PARTITIONS_WRITE_LAGS_SUB_COLUMNS_IDS.PARTITION_WRITE_LAG]: 'write lag',
-    [PARTITIONS_WRITE_LAGS_SUB_COLUMNS_IDS.PARTITION_WRITE_IDLE_TIME]: 'write idle time',
-} as const;
-
-export const PARTITIONS_READ_LAGS_SUB_COLUMNS_IDS = {
-    CONSUMER_WRITE_LAG: 'consumerWriteLag',
-    CONSUMER_READ_LAG: 'consumerReadLag',
-    CONSUMER_READ_IDLE_TIME: 'consumerReadIdleTime',
-} as const;
-
-export const PARTITIONS_READ_LAGS_SUB_COLUMNS_TITLES = {
-    [PARTITIONS_READ_LAGS_SUB_COLUMNS_IDS.CONSUMER_WRITE_LAG]: 'write lag',
-    [PARTITIONS_READ_LAGS_SUB_COLUMNS_IDS.CONSUMER_READ_LAG]: 'read lag',
-    [PARTITIONS_READ_LAGS_SUB_COLUMNS_IDS.CONSUMER_READ_IDLE_TIME]: 'read idle time',
-} as const;
-
-// Topics without consumers have partitions data with no data corresponding to consumers
-// These columns will be empty and should not be displayed
-export const generalPartitionColumnsIds = [
-    PARTITIONS_COLUMNS_IDS.PARTITION_ID,
-    PARTITIONS_COLUMNS_IDS.STORE_SIZE,
-    PARTITIONS_COLUMNS_IDS.WRITE_SPEED,
-    PARTITIONS_COLUMNS_IDS.WRITE_LAGS,
-    PARTITIONS_COLUMNS_IDS.START_OFFSET,
-    PARTITIONS_COLUMNS_IDS.END_OFFSET,
-    PARTITIONS_COLUMNS_IDS.PARTITION_HOST,
-];
-
-export const allPartitionsColumnsIds = Object.values(PARTITIONS_COLUMNS_IDS);

package/dist/containers/Tenant/Diagnostics/Partitions/utils/index.ts

@@ -1,26 +0,0 @@
-import type {PreparedPartitionData} from '../../../../../store/reducers/partitions/types';
-import type {NodesMap} from '../../../../../types/store/nodesList';
-import type {PreparedPartitionDataWithHosts} from './types';
-
-export const addHostToPartitions = (
-    partitions: PreparedPartitionData[] = [],
-    nodesMap?: NodesMap,
-): PreparedPartitionDataWithHosts[] => {
-    return partitions?.map((partition) => {
-        const partitionHost =
-            partition.partitionNodeId && nodesMap
-                ? nodesMap.get(partition.partitionNodeId)
-                : undefined;
-
-        const connectionHost =
-            partition.connectionNodeId && nodesMap
-                ? nodesMap.get(partition.connectionNodeId)
-                : undefined;
-
-        return {
-            ...partition,
-            partitionHost,
-            connectionHost,
-        };
-    });
-};

package/dist/containers/Tenant/Diagnostics/Partitions/utils/types.ts

@@ -1,6 +0,0 @@
-import type {PreparedPartitionData} from '../../../../../store/reducers/partitions/types';
-
-export interface PreparedPartitionDataWithHosts extends PreparedPartitionData {
-    partitionHost: string | undefined;
-    connectionHost: string | undefined;
-}

package/dist/containers/Tenant/Diagnostics/Partitions/utils/useGetPartitionsColumns.ts

@@ -1,27 +0,0 @@
-import {useEffect, useState} from 'react';
-
-import type {Column} from '@gravity-ui/react-data-table';
-
-import type {PreparedPartitionDataWithHosts} from './types';
-import {allColumns, generalColumns} from '../columns';
-import {allPartitionsColumnsIds, generalPartitionColumnsIds} from './constants';
-
-// Columns are different for partitions with consumers and without
-export const useGetPartitionsColumns = (
-    selectedConsumer: string | undefined,
-): [Column<PreparedPartitionDataWithHosts>[], string[]] => {
-    const [columns, setColumns] = useState<Column<PreparedPartitionDataWithHosts>[]>([]);
-    const [columnsIdsForSelector, setColumnsIdsForSelector] = useState<string[]>([]);
-
-    useEffect(() => {
-        if (selectedConsumer) {
-            setColumns(allColumns);
-            setColumnsIdsForSelector(allPartitionsColumnsIds);
-        } else {
-            setColumns(generalColumns);
-            setColumnsIdsForSelector(generalPartitionColumnsIds);
-        }
-    }, [selectedConsumer]);
-
-    return [columns, columnsIdsForSelector];
-};

package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultDashboard.tsx

@@ -1,50 +0,0 @@
-import {type ChartConfig, TenantDashboard} from './TenantDashboard/TenantDashboard';
-import i18n from './i18n';
-
-const defaultDashboardConfig: ChartConfig[] = [
-    {
-        title: i18n('charts.queries-per-second'),
-        metrics: [
-            {
-                target: 'queries.requests',
-                title: i18n('charts.queries-per-second'),
-            },
-        ],
-    },
-    {
-        title: i18n('charts.transaction-latency', {percentile: ''}),
-        metrics: [
-            {
-                target: 'queries.latencies.p50',
-                title: i18n('charts.transaction-latency', {
-                    percentile: 'p50',
-                }),
-            },
-            {
-                target: 'queries.latencies.p75',
-                title: i18n('charts.transaction-latency', {
-                    percentile: 'p75',
-                }),
-            },
-            {
-                target: 'queries.latencies.p90',
-                title: i18n('charts.transaction-latency', {
-                    percentile: 'p90',
-                }),
-            },
-            {
-                target: 'queries.latencies.p99',
-                title: i18n('charts.transaction-latency', {
-                    percentile: 'p99',
-                }),
-            },
-        ],
-        options: {
-            dataType: 'ms',
-        },
-    },
-];
-
-export const DefaultDashboard = () => {
-    return <TenantDashboard charts={defaultDashboardConfig} />;
-};

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.tsx

@@ -1,52 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import type {IResponseError} from '../../../../../types/api/error';
-import type {IIssuesTree} from '../../../../../types/store/healthcheck';
-import {ResponseError} from '../../../../../components/Errors/ResponseError';
-import {Loader} from '../../../../../components/Loader';
-
-import IssueTree from './IssuesViewer/IssueTree';
-
-import i18n from './i18n';
-import './Healthcheck.scss';
-
-const b = cn('healthcheck');
-
-interface HealthcheckDetailsProps {
-    issueTrees?: IIssuesTree[];
-    loading?: boolean;
-    wasLoaded?: boolean;
-    error?: IResponseError;
-}
-
-export function HealthcheckDetails(props: HealthcheckDetailsProps) {
-    const {issueTrees, loading, wasLoaded, error} = props;
-
-    const renderContent = () => {
-        if (error) {
-            return <ResponseError error={error} defaultMessage={i18n('no-data')} />;
-        }
-
-        if (loading && !wasLoaded) {
-            return <Loader size="m" />;
-        }
-
-        if (!issueTrees || !issueTrees.length) {
-            return i18n('status_message.ok');
-        }
-
-        return (
-            <>
-                {issueTrees.map((issueTree) => (
-                    <IssueTree key={issueTree.id} issueTree={issueTree} />
-                ))}
-            </>
-        );
-    };
-
-    return (
-        <div className={b('details')}>
-            <div className={b('details-content-wrapper')}>{renderContent()}</div>
-        </div>
-    );
-}

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx

@@ -1,93 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {Button, Icon} from '@gravity-ui/uikit';
-
-import updateArrow from '../../../../../assets/icons/update-arrow.svg';
-
-import {SelfCheckResult, type StatusFlag} from '../../../../../types/api/healthcheck';
-import type {IResponseError} from '../../../../../types/api/error';
-import {DiagnosticCard} from '../../../../../components/DiagnosticCard/DiagnosticCard';
-import EntityStatus from '../../../../../components/EntityStatus/EntityStatus';
-import {ResponseError} from '../../../../../components/Errors/ResponseError';
-import {Loader} from '../../../../../components/Loader';
-
-import i18n from './i18n';
-import './Healthcheck.scss';
-
-const b = cn('healthcheck');
-
-interface HealthcheckPreviewProps {
-    selfCheckResult: SelfCheckResult;
-    issuesStatistics?: [StatusFlag, number][];
-    loading?: boolean;
-    wasLoaded?: boolean;
-    onUpdate: VoidFunction;
-    error?: IResponseError;
-    active?: boolean;
-}
-
-export function HealthcheckPreview(props: HealthcheckPreviewProps) {
-    const {selfCheckResult, issuesStatistics, loading, wasLoaded, onUpdate, error, active} = props;
-
-    const renderHeader = () => {
-        const modifier = selfCheckResult.toLowerCase();
-
-        if (loading && !wasLoaded) {
-            return null;
-        }
-
-        return (
-            <div className={b('preview-header')}>
-                <div className={b('preview-title-wrapper')}>
-                    <div className={b('preview-title')}>{i18n('title.healthcheck')}</div>
-                    <Button size="s" onClick={onUpdate} loading={loading} view="flat-secondary">
-                        <Icon data={updateArrow} width={20} height={20} />
-                    </Button>
-                </div>
-                <div className={b('self-check-status-indicator', {[modifier]: true})}>
-                    {selfCheckResult}
-                </div>
-            </div>
-        );
-    };
-
-    const renderContent = () => {
-        if (error) {
-            return <ResponseError error={error} defaultMessage={i18n('no-data')} />;
-        }
-
-        if (loading && !wasLoaded) {
-            return <Loader size="m" />;
-        }
-
-        return (
-            <div className={b('preview-content')}>
-                {!issuesStatistics || !issuesStatistics.length ? (
-                    i18n('status_message.ok')
-                ) : (
-                    <>
-                        <div>{i18n('label.issues')}</div>
-                        <div className={b('issues-statistics')}>
-                            {issuesStatistics.map(([status, count]) => (
-                                <EntityStatus
-                                    key={status}
-                                    mode="icons"
-                                    status={status}
-                                    label={count.toString()}
-                                    size="l"
-                                />
-                            ))}
-                        </div>
-                    </>
-                )}
-            </div>
-        );
-    };
-
-    return (
-        <DiagnosticCard className={b('preview')} active={active}>
-            {renderHeader()}
-            {renderContent()}
-        </DiagnosticCard>
-    );
-}

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTree.tsx

@@ -1,86 +0,0 @@
-import {useCallback, useState} from 'react';
-import cn from 'bem-cn-lite';
-import _omit from 'lodash/omit';
-
-import JSONTree from 'react-json-inspector';
-
-import {TreeView} from 'ydb-ui-components';
-
-import {IIssuesTree} from '../../../../../../types/store/healthcheck';
-
-import {IssueTreeItem} from './IssueTreeItem';
-
-import './IssueTree.scss';
-
-const b = cn('issue-tree');
-
-interface IssuesViewerProps {
-    issueTree: IIssuesTree;
-}
-
-const IssueTree = ({issueTree}: IssuesViewerProps) => {
-    const [collapsedIssues, setCollapsedIssues] = useState<Record<string, boolean>>({});
-
-    const renderTree = useCallback(
-        (data: IIssuesTree[]) => {
-            return data.map((item) => {
-                const {id} = item;
-                const {status, message, type, reasonsItems, level, ...rest} = item;
-
-                const isCollapsed =
-                    typeof collapsedIssues[id] === 'undefined' || collapsedIssues[id];
-
-                const toggleCollapsed = () => {
-                    setCollapsedIssues((collapsedIssues) => ({
-                        ...collapsedIssues,
-                        [id]: !isCollapsed,
-                    }));
-                };
-
-                return (
-                    <TreeView
-                        key={id}
-                        name={<IssueTreeItem status={status} message={message} type={type} />}
-                        collapsed={isCollapsed}
-                        hasArrow={true}
-                        onClick={toggleCollapsed}
-                        onArrowClick={toggleCollapsed}
-                        level={level - 1}
-                    >
-                        {renderInfoPanel(_omit(rest, ['reason']))}
-                        {renderTree(reasonsItems || [])}
-                    </TreeView>
-                );
-            });
-        },
-        [issueTree, collapsedIssues],
-    );
-
-    const renderInfoPanel = useCallback(
-        (info) => {
-            if (!info) {
-                return null;
-            }
-
-            return (
-                <div className={b('info-panel')}>
-                    <JSONTree
-                        data={info}
-                        search={false}
-                        isExpanded={() => true}
-                        className={b('inspector')}
-                    />
-                </div>
-            );
-        },
-        [issueTree],
-    );
-
-    return (
-        <div className={b()}>
-            <div className={b('block')}>{renderTree([issueTree])}</div>
-        </div>
-    );
-};
-
-export default IssueTree;

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/IssuesViewer/IssueTreeItem/IssueTreeItem.tsx

@@ -1,25 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import EntityStatus from '../../../../../../../components/EntityStatus/EntityStatus';
-
-import './IssueTreeItem.scss';
-
-const b = cn('issue-tree-item');
-
-interface IssueRowProps {
-    status: string;
-    message: string;
-    type: string;
-    onClick?: VoidFunction;
-}
-
-export const IssueTreeItem = ({status, message, type, onClick}: IssueRowProps) => {
-    return (
-        <div className={b()} onClick={onClick}>
-            <div className={b('field', {status: true})}>
-                <EntityStatus mode="icons" status={status} name={type} />
-            </div>
-            <div className={b('field', {message: true})}>{message}</div>
-        </div>
-    );
-};

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/i18n/index.ts

@@ -1,11 +0,0 @@
-import {i18n, Lang} from '../../../../../../utils/i18n';
-
-import en from './en.json';
-import ru from './ru.json';
-
-const COMPONENT = 'ydb-diagnostics-healthcheck';
-
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-
-export default i18n.keyset(COMPONENT);

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricCard/MetricCard.tsx

@@ -1,48 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {CircularProgressBar} from '../../../../../../components/CircularProgressBar/CircularProgressBar';
-import {DiagnosticCard} from '../../../../../../components/DiagnosticCard/DiagnosticCard';
-import {formatUsage} from '../../../../../../store/reducers/tenants/utils';
-import type {MetricStatus} from '../../../../../../store/reducers/tenants/types';
-
-import i18n from '../../i18n';
-
-import './MetricCard.scss';
-
-const b = cn('ydb-metrics-card');
-
-interface MetricCardProps {
-    active?: boolean;
-    progress?: number;
-    label?: string;
-    status?: MetricStatus;
-    resourcesUsed?: string;
-}
-
-export function MetricCard({active, progress, label, status, resourcesUsed}: MetricCardProps) {
-    const renderContent = () => {
-        return (
-            <div className={b('content')}>
-                {progress && <div className={b('progress')}>{formatUsage(progress)}</div>}
-                {resourcesUsed ? (
-                    <div className={b('resources')}>{resourcesUsed}</div>
-                ) : (
-                    i18n('no-data')
-                )}
-            </div>
-        );
-    };
-    return (
-        <DiagnosticCard className={b({active})} active={active}>
-            <div className={b('header')}>{label && <div className={b('label')}>{label}</div>}</div>
-            <CircularProgressBar
-                size={172}
-                strokeWidth={11}
-                progress={progress || 0}
-                content={renderContent()}
-                status={status}
-                circleBgClassName={b('progress-bar-circle-bg')}
-            />
-        </DiagnosticCard>
-    );
-}

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.tsx

@@ -1,145 +0,0 @@
-import cn from 'bem-cn-lite';
-
-import {Link, useLocation} from 'react-router-dom';
-
-import type {TenantMetricsTab} from '../../../../../store/reducers/tenant/types';
-import {TENANT_METRICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
-import {useTypedSelector} from '../../../../../utils/hooks';
-import {parseQuery} from '../../../../../routes';
-import {TenantTabsGroups, getTenantPath} from '../../../TenantPages';
-import {
-    calculateUsage,
-    cpuUsageToStatus,
-    storageUsageToStatus,
-    memoryUsageToStatus,
-    formatTenantMetrics,
-} from '../../../../../store/reducers/tenants/utils';
-import type {SelfCheckResult, StatusFlag} from '../../../../../types/api/healthcheck';
-import type {IResponseError} from '../../../../../types/api/error';
-import {HealthcheckPreview} from '../Healthcheck/HealthcheckPreview';
-import {MetricCard} from './MetricCard/MetricCard';
-
-import './MetricsCards.scss';
-
-const b = cn('metrics-cards');
-
-export interface TenantMetrics {
-    memoryUsed?: number;
-    memoryLimit?: number;
-    cpuUsed?: number;
-    cpuUsage?: number;
-    storageUsed?: number;
-    storageLimit?: number;
-}
-
-interface MetricsCardsProps {
-    metrics?: TenantMetrics;
-    issuesStatistics?: [StatusFlag, number][];
-    selfCheckResult: SelfCheckResult;
-    fetchHealthcheck: VoidFunction;
-    healthcheckLoading?: boolean;
-    healthCheckWasLoaded?: boolean;
-    healthcheckError?: IResponseError;
-}
-
-export function MetricsCards({
-    metrics,
-    issuesStatistics,
-    selfCheckResult,
-    fetchHealthcheck,
-    healthcheckLoading,
-    healthCheckWasLoaded,
-    healthcheckError,
-}: MetricsCardsProps) {
-    const location = useLocation();
-
-    const {memoryUsed, memoryLimit, cpuUsed, cpuUsage, storageUsed, storageLimit} = metrics || {};
-
-    const {metricsTab} = useTypedSelector((state) => state.tenant);
-
-    const storageUsage = calculateUsage(storageUsed, storageLimit);
-    const memoryUsage = calculateUsage(memoryUsed, memoryLimit);
-
-    const cpuStatus = cpuUsageToStatus(cpuUsage);
-    const storageStatus = storageUsageToStatus(storageUsage);
-    const memoryStatus = memoryUsageToStatus(memoryUsage);
-
-    const {cpu, storage, memory} = formatTenantMetrics({
-        cpu: cpuUsed,
-        storage: storageUsed,
-        memory: memoryUsed,
-    });
-
-    const queryParams = parseQuery(location);
-
-    // Allow tabs untoggle behaviour
-    const getTabIfNotActive = (tab: TenantMetricsTab) => {
-        if (tab === metricsTab) {
-            return '';
-        }
-
-        return tab;
-    };
-
-    const tabLinks: Record<TenantMetricsTab, string> = {
-        [TENANT_METRICS_TABS_IDS.cpu]: getTenantPath({
-            ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.cpu),
-        }),
-        [TENANT_METRICS_TABS_IDS.storage]: getTenantPath({
-            ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.storage),
-        }),
-        [TENANT_METRICS_TABS_IDS.memory]: getTenantPath({
-            ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.memory),
-        }),
-        [TENANT_METRICS_TABS_IDS.healthcheck]: getTenantPath({
-            ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.healthcheck),
-        }),
-    };
-
-    return (
-        <div className={b()}>
-            <Link to={tabLinks.cpu} className={b('tab')}>
-                <MetricCard
-                    label="CPU"
-                    progress={cpuUsage}
-                    status={cpuStatus}
-                    resourcesUsed={cpu}
-                    active={metricsTab === TENANT_METRICS_TABS_IDS.cpu}
-                />
-            </Link>
-            <Link to={tabLinks.storage} className={b('tab')}>
-                <MetricCard
-                    label="Storage"
-                    progress={storageUsage}
-                    status={storageStatus}
-                    resourcesUsed={storage}
-                    active={metricsTab === TENANT_METRICS_TABS_IDS.storage}
-                />
-            </Link>
-            <Link to={tabLinks.memory} className={b('tab')}>
-                <MetricCard
-                    label="Memory"
-                    progress={memoryUsage}
-                    status={memoryStatus}
-                    resourcesUsed={memory}
-                    active={metricsTab === TENANT_METRICS_TABS_IDS.memory}
-                />
-            </Link>
-            <Link to={tabLinks.healthcheck} className={b('tab')}>
-                <HealthcheckPreview
-                    selfCheckResult={selfCheckResult}
-                    issuesStatistics={issuesStatistics}
-                    onUpdate={fetchHealthcheck}
-                    loading={healthcheckLoading}
-                    wasLoaded={healthCheckWasLoaded}
-                    error={healthcheckError}
-                    active={metricsTab === TENANT_METRICS_TABS_IDS.healthcheck}
-                />
-            </Link>
-        </div>
-    );
-}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/CpuDashboard.tsx

@@ -1,18 +0,0 @@
-import {type ChartConfig, TenantDashboard} from '../TenantDashboard/TenantDashboard';
-import i18n from '../i18n';
-
-const cpuDashboardConfig: ChartConfig[] = [
-    {
-        title: i18n('charts.cpu-usage'),
-        metrics: [
-            {
-                target: 'resources.cpu.usage',
-                title: i18n('charts.cpu-usage'),
-            },
-        ],
-    },
-];
-
-export const CpuDashboard = () => {
-    return <TenantDashboard charts={cpuDashboardConfig} />;
-};