ydb-embedded-ui 16.0.0 → 16.2.0

package/dist/components/MetricChart/reducer.d.ts

@@ -1,4 +1,4 @@
 import type { GetChartDataParams } from './getChartData';
 export declare const chartApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, {
-    getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "CompactionList", import("./types").PreparedMetricsData | undefined, "api", any>;
-}, "api", "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "CompactionList", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
+    getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "OperationList", import("./types").PreparedMetricsData | undefined, "api", any>;
+}, "api", "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "OperationList", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;

package/dist/components/VDisk/VDisk.d.ts

@@ -15,5 +15,6 @@ export interface VDiskProps {
     highlighted?: boolean;
     placement?: PopupPlacement;
     popupOffset?: PopupProps['offset'];
+    withOpaqueBackground?: boolean;
 }
-export declare const VDisk: ({ data, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement, popupOffset, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VDisk: ({ data, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement, popupOffset, withOpaqueBackground, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VDisk/VDisk.js

@@ -10,7 +10,7 @@ import { i18n } from './i18n';
 import './VDisk.scss';
 const b = cn('ydb-vdisk-component');
 const DEFAULT_POPUP_OFFSET = { mainAxis: 2, crossAxis: 0 };
-export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement = ['top', 'bottom', 'left', 'right'], popupOffset = DEFAULT_POPUP_OFFSET, }) => {
+export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, highlighted, placement = ['top', 'bottom', 'left', 'right'], popupOffset = DEFAULT_POPUP_OFFSET, withOpaqueBackground, }) => {
     const getVDiskLink = useVDiskPagePath();
     const vDiskPath = getVDiskLink({ nodeId: data.NodeId, vDiskId: data.StringifiedId });
     const severity = data.Severity;
@@ -18,6 +18,9 @@ export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, on
     const isDonor = data.DonorMode;
     return (_jsx(HoverPopup, { showPopup: showPopup, onShowPopup: onShowPopup, onHidePopup: onHidePopup, renderPopupContent: () => _jsx(VDiskPopup, { data: data }), offset: popupOffset, delayClose: delayClose, delayOpen: delayOpen, 
         // Allow all placement options, component should choose first available
-        placement: placement, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content', { compact }), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: severity, compact: compact, inactive: inactive, striped: isReplicatingColor || isDonor, isDonor: isDonor, className: progressBarClassName, withIcon: withIcon, highlighted: highlighted, noDataPlaceholder: i18n('context_no-data') }) }) }) }));
+        placement: placement, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content', {
+                    compact,
+                    'with-opaque-background': withOpaqueBackground,
+                }), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: severity, compact: compact, inactive: inactive, striped: isReplicatingColor || isDonor, isDonor: isDonor, className: progressBarClassName, withIcon: withIcon, highlighted: highlighted, noDataPlaceholder: i18n('context_no-data') }) }) }) }));
 };
 //# sourceMappingURL=VDisk.js.map

package/dist/components/VDisk/VDisk.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oCAAoC,EAAC,MAAM,6BAA6B,CAAC;AAEjF,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAEpC,MAAM,oBAAoB,GAAyB,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAkB/E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAC9C,WAAW,GAAG,oBAAoB,GACzB,EAAE,EAAE;IACb,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAC,CAAC,CAAC;IAEnF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,kBAAkB,GAAG,QAAQ,KAAK,oCAAoC,CAAC,IAAI,CAAC;IAClF,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IAE/B,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS;QACpB,uEAAuE;QACvE,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,OAAO,EAAC,CAAC,YAC3D,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,IAAI,OAAO,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,GAC5C,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oCAAoC,EAAC,MAAM,6BAA6B,CAAC;AAEjF,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAEpC,MAAM,oBAAoB,GAAyB,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;AAmB/E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAC9C,WAAW,GAAG,oBAAoB,EAClC,oBAAoB,GACX,EAAE,EAAE;IACb,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAC,CAAC,CAAC;IAEnF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,kBAAkB,GAAG,QAAQ,KAAK,oCAAoC,CAAC,IAAI,CAAC;IAClF,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IAE/B,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS;QACpB,uEAAuE;QACvE,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IACT,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,OAAO;oBACP,wBAAwB,EAAE,oBAAoB;iBACjD,CAAC,YAEF,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,kBAAkB,IAAI,OAAO,EACtC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC,GAC5C,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/VDisk/VDisk.scss

@@ -6,7 +6,11 @@
         display: block;
 
         border-radius: var(--disk-border-radius); // to match interactive area with disk shape
-        background: var(--g-color-base-background);
+        background: transparent;
+
+        &_with-opaque-background {
+            background: var(--g-color-base-background);
+        }
     }
     &__content_compact {
         border-radius: var(

package/dist/components/VDisk/VDiskWithDonorsStack.d.ts

@@ -1,6 +1,6 @@
 import type { PreparedVDisk } from '../../utils/disks/types';
 import type { VDiskProps } from './VDisk';
-interface VDiskWithDonorsStackProps extends VDiskProps {
+interface VDiskWithDonorsStackProps extends Omit<VDiskProps, 'withOpaqueBackground'> {
     data?: PreparedVDisk;
     className?: string;
     stackClassName?: string;

package/dist/components/VDisk/VDiskWithDonorsStack.js

@@ -41,9 +41,10 @@ export function VDiskWithDonorsStack({ data, className, stackClassName, withIcon
         compact,
         withIcon,
         popupOffset: diskInStackPopupOffset,
+        withOpaqueBackground: true,
     };
     const mainDiskPlacement = (donors === null || donors === void 0 ? void 0 : donors.length) ? diskInStackPlacement : undefined;
-    const content = donors && donors.length > 0 ? (_jsxs(Stack, { className: stackClassName, compact: compact, expanded: highlightedVDiskInStack, children: [_jsx(VDisk, { placement: mainDiskPlacement, data: data, popupOffset: highlightedVDiskInStack ? diskInStackPopupOffset : undefined, ...mainVDiskProps }), donors.map((donor, index) => (_jsx(VDisk, { data: donor, placement: diskInStackPlacement, highlighted: donor.StringifiedId === internalHighlightedVDisk, onShowPopup: () => {
+    const content = donors && donors.length > 0 ? (_jsxs(Stack, { className: stackClassName, compact: compact, expanded: highlightedVDiskInStack, children: [_jsx(VDisk, { placement: mainDiskPlacement, data: data, popupOffset: highlightedVDiskInStack ? diskInStackPopupOffset : undefined, ...mainVDiskProps, withOpaqueBackground: true }), donors.map((donor, index) => (_jsx(VDisk, { data: donor, placement: diskInStackPlacement, highlighted: donor.StringifiedId === internalHighlightedVDisk, onShowPopup: () => {
                     if (donor.StringifiedId) {
                         setInternalHighlightedVDisk === null || setInternalHighlightedVDisk === void 0 ? void 0 : setInternalHighlightedVDisk(donor.StringifiedId);
                     }

package/dist/components/VDisk/VDiskWithDonorsStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDiskWithDonorsStack.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDiskWithDonorsStack.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VDiskWithDonorsStack.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDiskWithDonorsStack.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js

@@ -60,7 +60,7 @@ function ClusterDoughnuts({ cluster, loading, collapsed }) {
         valueIsDefined(cluster.MapStorageUsed) &&
         valueIsDefined(cluster.MapStorageTotal)) {
         const { MapStorageUsed, MapStorageTotal } = cluster;
-        const storageTypes = Array.from(new Set(Object.keys(MapStorageUsed).concat(Object.keys(MapStorageTotal))));
+        const storageTypes = Array.from(new Set(Object.keys(MapStorageUsed).concat(Object.keys(MapStorageTotal)))).sort();
         storageTypes.forEach((storageType) => {
             const used = MapStorageUsed[storageType];
             const total = MapStorageTotal[storageType];

package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterOverview.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterOverview/ClusterOverview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClusterOverview.js","sourceRoot":"","sources":["../../../../src/containers/Cluster/ClusterOverview/ClusterOverview.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Cluster/ClusterOverview/components/BridgeInfoTable.js

@@ -1,54 +1,173 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { DefinitionList, Flex, Label, Text } from '@gravity-ui/uikit';
-import { BridgePileState } from '../../../../types/api/cluster';
+import { ArrowChevronRight, Ban, CircleCheck, CirclePause, LinkSlash } from '@gravity-ui/icons';
+import { Flex, HelpMark, Icon, Label, Text } from '@gravity-ui/uikit';
+import { BridgePileGroupStatus, BridgePileState } from '../../../../types/api/cluster';
 import { cn } from '../../../../utils/cn';
 import { EMPTY_DATA_PLACEHOLDER } from '../../../../utils/constants';
 import { formatNumber } from '../../../../utils/dataFormatters/dataFormatters';
 import i18n from '../../i18n';
 import './BridgeInfoTable.scss';
-const b = cn('bridge-info-table');
-function getBridgePileStateTheme(state) {
-    if (!state) {
-        return 'unknown';
-    }
-    switch (state.toUpperCase()) {
+const b = cn('ydb-bridge-info-table');
+const progressB = cn('ydb-bridge-info-table-progress');
+const legendB = cn('ydb-bridge-info-table-legend');
+function getBridgePileStateInfo(state) {
+    switch (state) {
         case BridgePileState.PRIMARY:
+            return {
+                label: i18n('value_bridge-state-primary'),
+                theme: 'normal',
+            };
         case BridgePileState.PROMOTED:
+            return {
+                label: i18n('value_bridge-state-promoted'),
+                theme: 'normal',
+                icon: _jsx(Icon, { data: ArrowChevronRight, size: 12 }),
+                help: i18n('context_bridge-pile-state-promoted'),
+            };
         case BridgePileState.SYNCHRONIZED:
-            return 'success'; // Green - healthy states
+            return {
+                label: i18n('value_bridge-state-synchronised'),
+                theme: 'success',
+                icon: _jsx(Icon, { data: CircleCheck, size: 12 }),
+                help: i18n('context_bridge-pile-state-synchronised'),
+            };
         case BridgePileState.NOT_SYNCHRONIZED:
-            return 'warning'; // Yellow - needs attention
+            return {
+                label: i18n('value_bridge-state-not-synchronised'),
+                theme: 'normal',
+                icon: _jsx(Icon, { data: Ban, size: 12 }),
+                help: i18n('context_bridge-pile-state-not-synchronised'),
+            };
         case BridgePileState.SUSPENDED:
+            return {
+                label: i18n('value_bridge-state-suspended'),
+                theme: 'warning',
+                icon: _jsx(Icon, { data: CirclePause, size: 12 }),
+                help: i18n('context_bridge-pile-state-suspended'),
+            };
         case BridgePileState.DISCONNECTED:
-            return 'danger'; // Red - critical states
+            return {
+                label: i18n('value_bridge-state-disconnected'),
+                theme: 'unknown',
+                icon: _jsx(Icon, { data: LinkSlash, size: 12 }),
+                help: i18n('context_bridge-pile-state-disconnected'),
+            };
         case BridgePileState.UNSPECIFIED:
+            return {
+                label: i18n('value_bridge-state-unspecified'),
+                theme: 'unknown',
+            };
         default:
-            return 'unknown'; // Purple - unknown state
+            return {
+                label: state,
+                theme: 'unknown',
+            };
+    }
+}
+function getNodesLabel(nodes) {
+    if (nodes === undefined) {
+        return EMPTY_DATA_PLACEHOLDER;
+    }
+    return i18n('value_nodes', {
+        count: nodes,
+        formattedCount: formatNumber(nodes),
+    });
+}
+function getBridgePileGroupStatusInfo(status) {
+    switch (status) {
+        case BridgePileGroupStatus.UNKNOWN:
+            return {
+                label: i18n('value_bridge-group-status-unknown'),
+                theme: 'secondary',
+            };
+        case BridgePileGroupStatus.FULL:
+            return {
+                label: i18n('value_bridge-group-status-full'),
+                theme: 'positive',
+            };
+        case BridgePileGroupStatus.PARTIAL:
+            return {
+                label: i18n('value_bridge-group-status-partial'),
+                theme: 'warning',
+            };
+        case BridgePileGroupStatus.DEGRADED:
+            return {
+                label: i18n('value_bridge-group-status-degraded'),
+                theme: 'danger',
+            };
+        case BridgePileGroupStatus.DISINTEGRATED:
+            return {
+                label: i18n('value_bridge-group-status-disintegrated'),
+                theme: 'dark-complementary',
+            };
+        default:
+            return {
+                label: EMPTY_DATA_PLACEHOLDER,
+                theme: 'secondary',
+            };
+    }
+}
+function getBridgePileGroupStatus(status) {
+    if (Object.values(BridgePileGroupStatus).includes(status)) {
+        return status;
+    }
+    return undefined;
+}
+function prepareGroupStatuses(groupStatuses) {
+    return Object.entries(groupStatuses !== null && groupStatuses !== void 0 ? groupStatuses : {})
+        .map(([status, value]) => {
+        const groupStatus = getBridgePileGroupStatus(status);
+        const { label, theme } = groupStatus
+            ? getBridgePileGroupStatusInfo(groupStatus)
+            : { label: status, theme: 'secondary' };
+        const numericValue = Number(value);
+        if (!Number.isFinite(numericValue) || numericValue <= 0) {
+            return undefined;
+        }
+        return {
+            label,
+            theme,
+            value: numericValue,
+        };
+    })
+        .filter((status) => status !== undefined);
+}
+function SegmentedProgressBar({ statuses, describedBy }) {
+    const total = statuses.reduce((sum, { value }) => sum + value, 0);
+    if (!Number.isFinite(total) || total <= 0) {
+        return (_jsx("div", { className: progressB({ empty: true }), role: "img", "aria-label": i18n('context_group-statuses-empty') }));
+    }
+    return (_jsx("div", { className: progressB(), role: "img", "aria-label": i18n('context_group-statuses'), "aria-describedby": describedBy, children: statuses.map(({ label, theme, value }) => (_jsx("div", { className: progressB('item', { theme }), "aria-hidden": "true", style: {
+                width: `${(value / total) * 100}%`,
+            } }, `${label}-${value}`))) }));
+}
+function GroupStatusesLegend({ statuses, id }) {
+    if (!statuses.length) {
+        return (_jsx(Text, { variant: "caption-2", color: "secondary", children: EMPTY_DATA_PLACEHOLDER }));
     }
+    return (_jsx("ul", { id: id, className: legendB(), "aria-label": i18n('context_group-statuses'), children: statuses.map(({ label, theme, value }) => (_jsxs("li", { className: legendB('item'), children: [_jsx("span", { "aria-hidden": "true", className: legendB('dot', { theme }) }), _jsx(Text, { variant: "caption-2", className: legendB('label'), children: label }), _jsx(Text, { variant: "caption-2", color: "secondary", children: formatNumber(value) })] }, `${label}-${value}`))) }));
 }
 const BridgePileCard = React.memo(function BridgePileCard({ pile }) {
-    const renderStateStatus = React.useCallback(() => {
-        if (!pile.State) {
-            return EMPTY_DATA_PLACEHOLDER;
+    var _a;
+    const groupStatusesLegendId = React.useId();
+    const stateStatus = React.useMemo(() => {
+        const { label, theme, icon, help } = getBridgePileStateInfo(pile.State);
+        if (!label) {
+            return null;
         }
-        const theme = getBridgePileStateTheme(pile.State);
-        return _jsx(Label, { theme: theme, children: pile.State });
+        const showStateHelp = Boolean(help);
+        return (_jsx(Label, { theme: theme, size: "xs", icon: icon, className: b('state-label', { 'with-help': showStateHelp }), children: _jsxs(Flex, { alignItems: "center", gap: 2, wrap: "nowrap", children: [label, showStateHelp ? (_jsx(HelpMark, { iconSize: "s", className: b('state-help'), popoverProps: {
+                            placement: ['top', 'bottom'],
+                            className: b('state-help-popover'),
+                        }, children: help })) : null] }) }));
     }, [pile.State]);
-    const info = React.useMemo(() => [
-        {
-            name: i18n('field_state'),
-            content: renderStateStatus(),
-        },
-        {
-            name: i18n('field_nodes'),
-            content: pile.Nodes === undefined ? EMPTY_DATA_PLACEHOLDER : formatNumber(pile.Nodes),
-        },
-    ], [renderStateStatus, pile.Nodes]);
-    return (_jsxs(Flex, { direction: "column", gap: 3, className: b('pile-card'), children: [_jsx(Text, { variant: "body-2", children: pile.Name || EMPTY_DATA_PLACEHOLDER }), _jsx(DefinitionList, { nameMaxWidth: 160, children: info.map(({ name, content }) => (_jsx(DefinitionList.Item, { name: name, children: content }, name))) })] }));
+    const groupStatuses = React.useMemo(() => prepareGroupStatuses(pile.GroupStatuses), [pile.GroupStatuses]);
+    const groupStatusesDescriptionId = groupStatuses.length ? groupStatusesLegendId : undefined;
+    return (_jsxs(Flex, { direction: "column", gap: 2, className: b('pile'), children: [_jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", gap: 3, children: [_jsxs(Flex, { direction: "column", className: b('pile-title'), children: [_jsx(Text, { variant: "subheader-1", ellipsis: true, children: ((_a = pile.Name) === null || _a === void 0 ? void 0 : _a.trim()) || EMPTY_DATA_PLACEHOLDER }), _jsx(Text, { variant: "caption-2", color: "secondary", children: getNodesLabel(pile.Nodes) })] }), stateStatus] }), _jsxs(Flex, { direction: "column", gap: 1, className: b('statuses'), children: [_jsx(SegmentedProgressBar, { statuses: groupStatuses, describedBy: groupStatusesDescriptionId }), _jsx(GroupStatusesLegend, { statuses: groupStatuses, id: groupStatusesDescriptionId })] })] }));
 });
 export const BridgeInfoTable = React.memo(function BridgeInfoTable({ piles }) {
     const renderedPiles = React.useMemo(() => piles.map((pile, index) => { var _a; return _jsx(BridgePileCard, { pile: pile }, (_a = pile.PileId) !== null && _a !== void 0 ? _a : index); }), [piles]);
-    return (_jsx(Flex, { gap: 2, className: b(), children: renderedPiles }));
+    return (_jsx(Flex, { gap: 2, wrap: true, className: b(), children: renderedPiles }));
 });
 //# sourceMappingURL=BridgeInfoTable.js.map

package/dist/containers/Cluster/ClusterOverview/components/BridgeInfoTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeInfoTable.js","sourceRoot":"","sources":["../../../../../src/containers/Cluster/ClusterOverview/components/BridgeInfoTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BridgeInfoTable.js","sourceRoot":"","sources":["../../../../../src/containers/Cluster/ClusterOverview/components/BridgeInfoTable.tsx"],"names":[],"mappings":"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"}

package/dist/containers/Cluster/ClusterOverview/components/BridgeInfoTable.scss

@@ -1,11 +1,31 @@
 @use '../../../../styles/mixins.scss';
 
-.bridge-info-table {
-    height: 100%;
+@mixin bridge-group-status-background {
+    &_theme_positive {
+        background-color: var(--g-color-text-positive);
+    }
+
+    &_theme_warning {
+        background-color: var(--g-color-text-warning);
+    }
+
+    &_theme_danger {
+        background-color: var(--g-color-text-danger);
+    }
 
-    &__pile-card {
-        --g-definition-list-item-gap: var(--g-spacing-3);
+    &_theme_dark-complementary {
+        background-color: var(--g-color-text-dark-complementary);
+    }
+
+    &_theme_secondary {
+        background-color: var(--g-color-text-secondary);
+    }
+}
+
+.ydb-bridge-info-table {
+    height: 100%;
 
+    &__pile {
         width: 321px;
         padding: var(--g-spacing-3) var(--g-spacing-4);
 
@@ -15,13 +35,89 @@
         @include mixins.body-2-typography();
     }
 
-    &__status-icon {
-        &_primary {
-            color: var(--g-color-text-positive);
-        }
+    &__pile-title {
+        min-width: 0;
+    }
+
+    &__state-label {
+        flex-shrink: 0;
 
-        &:not(&_primary) {
-            color: var(--g-color-private-white-250);
+        &_with-help .g-label__text {
+            margin-inline: var(--g-spacing-1) var(--g-spacing-1);
         }
     }
+
+    &__state-help {
+        color: inherit;
+    }
+
+    &__state-help-popover {
+        white-space: pre-line;
+    }
+
+    &__statuses {
+        width: 100%;
+    }
+}
+
+.ydb-bridge-info-table-progress {
+    display: flex;
+    overflow: hidden;
+    align-items: center;
+    gap: var(--g-spacing-half);
+
+    height: 10px;
+
+    border-radius: var(--g-border-radius-xs);
+
+    &_empty {
+        background-color: var(--g-color-sfx-shadow);
+    }
+
+    &__item {
+        min-width: 8px;
+        height: 4px;
+
+        border-radius: var(--g-border-radius-xs);
+
+        @include bridge-group-status-background();
+    }
+}
+
+.ydb-bridge-info-table-legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--g-spacing-2);
+
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+
+    list-style: none;
+
+    &__item {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--g-spacing-1);
+
+        min-width: 0;
+    }
+
+    &__dot {
+        flex: 0 0 6px;
+
+        width: 6px;
+        height: 6px;
+
+        border-radius: 50%;
+
+        @include bridge-group-status-background();
+    }
+
+    &__label {
+        overflow: hidden;
+
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
 }

package/dist/containers/Cluster/i18n/en.json

@@ -13,6 +13,29 @@
     "label_overview": "Overview",
     "field_state": "State",
     "field_nodes": "Nodes",
+    "value_nodes": {
+        "one": "{{formattedCount}} node",
+        "other": "{{formattedCount}} nodes"
+    },
+    "value_bridge-state-primary": "Primary",
+    "value_bridge-state-promoted": "Promoted",
+    "value_bridge-state-synchronised": "Synchronised",
+    "value_bridge-state-not-synchronised": "Not synchronised",
+    "value_bridge-state-suspended": "Suspended",
+    "value_bridge-state-disconnected": "Disconnected",
+    "value_bridge-state-unspecified": "Unspecified",
+    "value_bridge-group-status-unknown": "Unknown",
+    "value_bridge-group-status-full": "Full",
+    "value_bridge-group-status-partial": "Partial",
+    "value_bridge-group-status-degraded": "Degraded",
+    "value_bridge-group-status-disintegrated": "Disintegrated",
+    "context_bridge-pile-state-promoted": "Pile that is being promoted from SYNCHRONIZED\nto PRIMARY. It stays in this state during the graceful\nswitchover. After completion, YDB will automatically\nset it to PRIMARY.",
+    "context_bridge-pile-state-synchronised": "Secondary pile where all storage groups are fully\nsynchronized with PRIMARY. In normal operation,\nthe pair works as PRIMARY + SYNCHRONISED.",
+    "context_bridge-pile-state-not-synchronised": "Storage groups of this pile are not yet fully synchronized\nwith PRIMARY. After synchronization is complete, YDB\nwill automatically transition the pile to SYNCHRONIZED.",
+    "context_bridge-pile-state-suspended": "Pile is being gracefully transitioned to DISCONNECTED\nstate. It remains in this state during the graceful shutdown.\nAfter completion, YDB will automatically move it\nto DISCONNECTED.",
+    "context_bridge-pile-state-disconnected": "Pile is disconnected from PRIMARY and does\nnot participate in operation execution.",
+    "context_group-statuses": "Storage group statuses",
+    "context_group-statuses-empty": "No storage group status data",
     "context_cpu": "CPU load",
     "context_memory": "Memory used",
     "title_storage-by-type": "Storage {{type}}",

package/dist/containers/Cluster/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "title_allocated" | "title_available-one" | "title_available-other" | "context_storage-group-allocation-progress" | "title_cpu" | "title_storage-groups" | "title_memory" | "title_network" | "title_links" | "title_details" | "title_bridge" | "label_overview" | "field_state" | "field_nodes" | "context_cpu" | "context_memory" | "title_storage-by-type" | "title_storage" | "context_network" | "context_cpu-description" | "context_memory-description" | "context_storage-by-type-description" | "context_storage-total-description" | "context_network-description" | "tab_databases" | "tab_nodes" | "tab_storage" | "tab_network" | "tab_versions" | "tab_tablets" | "tab_events" | "tab_configs" | "title_healthcheck-dashboard" | "action_download-healthcheck", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "title_allocated" | "title_available-one" | "title_available-other" | "context_storage-group-allocation-progress" | "title_cpu" | "title_storage-groups" | "title_memory" | "title_network" | "title_links" | "title_details" | "title_bridge" | "label_overview" | "field_state" | "field_nodes" | "value_nodes" | "value_bridge-state-primary" | "value_bridge-state-promoted" | "value_bridge-state-synchronised" | "value_bridge-state-not-synchronised" | "value_bridge-state-suspended" | "value_bridge-state-disconnected" | "value_bridge-state-unspecified" | "value_bridge-group-status-unknown" | "value_bridge-group-status-full" | "value_bridge-group-status-partial" | "value_bridge-group-status-degraded" | "value_bridge-group-status-disintegrated" | "context_bridge-pile-state-promoted" | "context_bridge-pile-state-synchronised" | "context_bridge-pile-state-not-synchronised" | "context_bridge-pile-state-suspended" | "context_bridge-pile-state-disconnected" | "context_group-statuses" | "context_group-statuses-empty" | "context_cpu" | "context_memory" | "title_storage-by-type" | "title_storage" | "context_network" | "context_cpu-description" | "context_memory-description" | "context_storage-by-type-description" | "context_storage-total-description" | "context_network-description" | "tab_databases" | "tab_nodes" | "tab_storage" | "tab_network" | "tab_versions" | "tab_tablets" | "tab_events" | "tab_configs" | "title_healthcheck-dashboard" | "action_download-healthcheck", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Clusters/Clusters.js

@@ -67,8 +67,45 @@ export function Clusters({ scrollContainerRef }) {
             onStatusClick: handleStatusClick,
         });
     }, [isDeleteClusterAvailable, isEditClusterAvailable, handleStatusClick]);
-    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(rawColumns, CLUSTERS_SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
     const clusters = query.data;
+    // Check which columns have data across all clusters
+    const { hasAnyStatus, hasAnyService, hasAnyGalaxy } = React.useMemo(() => {
+        if (!clusters || clusters.length === 0) {
+            return { hasAnyStatus: true, hasAnyService: true, hasAnyGalaxy: true };
+        }
+        return {
+            hasAnyStatus: clusters.some((cluster) => cluster.status),
+            hasAnyService: clusters.some((cluster) => cluster.service),
+            hasAnyGalaxy: clusters.some((cluster) => cluster.galaxy),
+        };
+    }, [clusters]);
+    const { columnsToShow, columnsToSelect, setColumns, selectedColumnIds } = useSelectedColumns(rawColumns, CLUSTERS_SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
+    // Filter out empty columns that user has NOT explicitly selected
+    // This hides them from both the table and the column selector
+    const filteredColumnsToSelect = React.useMemo(() => {
+        return columnsToSelect.filter((column) => {
+            // If user explicitly selected this column, always show it
+            if (selectedColumnIds.has(column.id)) {
+                return true;
+            }
+            // Otherwise, hide empty columns
+            if (column.id === COLUMNS_NAMES.STATUS && !hasAnyStatus) {
+                return false;
+            }
+            if (column.id === COLUMNS_NAMES.SERVICE && !hasAnyService) {
+                return false;
+            }
+            if (column.id === COLUMNS_NAMES.GALAXY && !hasAnyGalaxy) {
+                return false;
+            }
+            return true;
+        });
+    }, [columnsToSelect, selectedColumnIds, hasAnyStatus, hasAnyService, hasAnyGalaxy]);
+    // Filter columns to show based on filtered selector
+    const filteredColumnsToShow = React.useMemo(() => {
+        const allowedColumnIds = new Set(filteredColumnsToSelect.map((col) => col.id));
+        return columnsToShow.filter((column) => allowedColumnIds.has(column.name));
+    }, [columnsToShow, filteredColumnsToSelect]);
     const { servicesToSelect, versions, galaxiesToSelect } = React.useMemo(() => {
         const clustersServices = new Set();
         const uniqVersions = new Set();
@@ -110,7 +147,7 @@ export function Clusters({ scrollContainerRef }) {
         return (_jsxs(React.Fragment, { children: [_jsx(Search, { placeholder: i18n('controls_search-placeholder'), endContent: _jsx(Icon, { data: Magnifier, className: b('search-icon') }), onChange: changeClusterName, value: clusterName, width: 320 }), galaxiesToSelect.length > 0 || galaxy.length > 0 ? (_jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_galaxy-select-label'), value: galaxy, options: galaxiesToSelect, onUpdate: changeGalaxy, width: 200 })) : null, statuses.length > 0 || status.length > 0 ? (_jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: statuses, onUpdate: changeStatus, width: 200 })) : null, servicesToSelect.length > 0 || service.length > 0 ? (_jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: 200 })) : null, versions.length > 0 || version.length > 0 ? (_jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: 200 })) : null] }));
     };
     const renderColumnSetup = () => {
-        return (_jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns }));
+        return (_jsx(TableColumnSetup, { popupWidth: 242, items: filteredColumnsToSelect, showStatus: true, onUpdate: setColumns }));
     };
     const renderClustersCount = () => {
         if (query.isLoading) {
@@ -119,7 +156,7 @@ export function Clusters({ scrollContainerRef }) {
         return (_jsx(Text, { variant: "body-1", color: "hint", className: b('clusters-count'), children: i18n('clusters-count', { count: filteredClusters.length }) }));
     };
     const renderContent = () => {
-        return (_jsx(ResizeableDataTable, { isLoading: query.isLoading, columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, initialSortOrder: {
+        return (_jsx(ResizeableDataTable, { isLoading: query.isLoading, columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: filteredColumnsToShow, settings: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, initialSortOrder: {
                 columnId: COLUMNS_NAMES.TITLE,
                 order: DataTable.ASCENDING,
             } }));