ydb-embedded-ui 22.0.0 → 22.2.0

package/src/utils/disks/prepareDisks.ts

@@ -14,6 +14,10 @@ import type {PreparedPDisk, PreparedVDisk} from './types';
 export function prepareWhiteboardVDiskData(
     vDiskState: TVDiskStateInfo | TVSlotId = {},
 ): PreparedVDisk {
+    const hasWhiteboardData =
+        ('HasWhiteboardData' in vDiskState ? vDiskState.HasWhiteboardData : undefined) ??
+        (isFullVDiskData(vDiskState) && Boolean(vDiskState.VDiskId));
+
     if (!isFullVDiskData(vDiskState)) {
         const {NodeId, PDiskId, VSlotId, ...restVDiskFields} = vDiskState;
 
@@ -30,6 +34,7 @@ export function prepareWhiteboardVDiskData(
 
         return {
             ...restVDiskFields,
+            HasWhiteboardData: hasWhiteboardData,
             StringifiedId,
             NodeId,
             PDiskId,
@@ -61,15 +66,22 @@ export function prepareWhiteboardVDiskData(
         AllocatedSize: AllocatedSize,
         SlotSize: PDisk?.EnforcedDynamicSlotSize,
     });
-    const WhiteboardSize = prepareWhiteboardVDiskSizeFields({
-        AvailableSize,
-        AllocatedSize,
-        SlotSize: PDisk?.EnforcedDynamicSlotSize,
-    });
+    const WhiteboardSize = hasWhiteboardData
+        ? prepareWhiteboardVDiskSizeFields({
+              AvailableSize,
+              AllocatedSize,
+              SlotSize: PDisk?.EnforcedDynamicSlotSize,
+          })
+        : undefined;
 
     const Severity = calculateVDiskSeverity(vDiskState);
 
-    const StringifiedId = stringifyVdiskId(VDiskId);
+    const StringifiedId = stringifyVdiskId(
+        VDiskId ??
+            (!isNil(NodeId) && !isNil(actualPDiskId) && !isNil(vDiskState.VDiskSlotId)
+                ? {NodeId, PDiskId: actualPDiskId, VSlotId: vDiskState.VDiskSlotId}
+                : undefined),
+    );
 
     const preparedDonors = Donors?.map((donor) => {
         // Handle both TVDiskStateInfo and TVSlotId donor types
@@ -98,6 +110,7 @@ export function prepareWhiteboardVDiskData(
         ...restVDiskFields,
         ...vDiskSizeFields,
         WhiteboardSize,
+        HasWhiteboardData: hasWhiteboardData,
 
         VDiskId,
         NodeId,
@@ -114,6 +127,7 @@ export function prepareWhiteboardPDiskData(
     pdiskState: TPDiskStateInfo = {},
     whiteboardSizeSource: Pick<TPDiskStateInfo, 'AvailableSize' | 'TotalSize'> | null = pdiskState,
 ): PreparedPDisk {
+    const hasWhiteboardData = pdiskState.HasWhiteboardData ?? Boolean(whiteboardSizeSource);
     const {
         AvailableSize,
         TotalSize,
@@ -133,9 +147,10 @@ export function prepareWhiteboardPDiskData(
         AvailableSize,
         TotalSize,
     });
-    const WhiteboardSize = whiteboardSizeSource
-        ? prepareWhiteboardPDiskSizeFields(whiteboardSizeSource)
-        : undefined;
+    const WhiteboardSize =
+        hasWhiteboardData && whiteboardSizeSource
+            ? prepareWhiteboardPDiskSizeFields(whiteboardSizeSource)
+            : undefined;
 
     const Severity = calculatePDiskSeverity({
         State,
@@ -145,6 +160,7 @@ export function prepareWhiteboardPDiskData(
     return {
         ...restPDiskFields,
         ...pdiskPreparedSizeFields,
+        HasWhiteboardData: hasWhiteboardData,
         ...(WhiteboardSize ? {WhiteboardSize} : {}),
         PDiskId,
         NodeId,

package/src/utils/disks/types.ts

@@ -1,6 +1,6 @@
 import type {EFlag} from '../../types/api/enums';
 import type {EDriveStatus, TPDiskInfo, TPDiskStateInfo} from '../../types/api/pdisk';
-import type {TVDiskStateInfo, TVSlotId} from '../../types/api/vdisk';
+import type {EVDiskStatus, TVDiskStateInfo, TVSlotId} from '../../types/api/vdisk';
 import type {ValueOf} from '../../types/common';
 
 import type {PDISK_TYPES} from './getPDiskType';
@@ -25,7 +25,7 @@ export type ExtendedDiskColor =
  */
 export type DiskColor = EFlag | ExtendedDiskColor;
 
-export type DiskBarTone = DiskColor | 'DarkGrey' | 'LightGrey';
+export type DiskBarTone = DiskColor | 'DarkGrey' | 'LightGrey' | PDiskType;
 
 /**
  * Basic severity levels for data storage (0-5).
@@ -96,6 +96,7 @@ export interface VDiskRecipientRef {
 
 export interface PreparedVDisk
     extends Omit<TVDiskStateInfo, 'PDisk' | 'AvailableSize' | 'AllocatedSize' | 'Donors'> {
+    Status?: EVDiskStatus;
     PDisk?: PreparedPDisk;
     Severity?: number;
     StringifiedId?: string;

package/src/utils/objectCreationMetrics.ts

@@ -0,0 +1,47 @@
+import {isQueryCancelledError, isQueryErrorResponse} from './query';
+import {isNetworkError, isResponseError} from './response';
+import {reachMetricaGoal} from './yaMetrica';
+
+type ObjectType = 'row_table' | 'column_table' | 'topic';
+type CreationGoal = 'createObject' | 'createObjectSuccess' | 'createObjectError';
+
+export function getObjectCreationErrorParams(error: unknown): Record<string, string | number> {
+    if (isQueryCancelledError(error)) {
+        return {errorType: 'cancelled'};
+    }
+    if (isResponseError(error)) {
+        if (typeof error.status === 'number' && error.status > 0) {
+            return {errorType: 'http', httpStatus: error.status};
+        }
+    }
+    if (isQueryErrorResponse(error)) {
+        return {errorType: 'ydb'};
+    }
+    if (isNetworkError(error)) {
+        return {errorType: 'network'};
+    }
+    if (
+        error &&
+        typeof error === 'object' &&
+        'code' in error &&
+        (error.code === 'ECONNABORTED' || error.code === 'ETIMEDOUT')
+    ) {
+        return {errorType: 'timeout'};
+    }
+    return {errorType: 'unknown'};
+}
+
+export function reachObjectCreationGoal(
+    goal: CreationGoal,
+    objectType: ObjectType,
+    error?: unknown,
+) {
+    try {
+        reachMetricaGoal(goal, {
+            objectType,
+            ...(goal === 'createObjectError' ? getObjectCreationErrorParams(error) : {}),
+        });
+    } catch {
+        // Analytics failures must not affect the creation request or its result.
+    }
+}

package/src/utils/query.ts

@@ -1,3 +1,4 @@
+import {truncate} from 'lodash';
 import {z} from 'zod';
 
 import {YQLType} from '../types';
@@ -20,8 +21,14 @@ import type {
     TransactionMode,
 } from '../types/store/query';
 
+import {EMPTY_DATA_PLACEHOLDER} from './emptyDataPlaceholder';
 import {isAbortError, isAxiosResponse, isNetworkError, isResponseError} from './response';
 
+export function getQueryShortText(queryText: string | undefined) {
+    const text = queryText?.replace(/\s+/g, ' ').trim();
+    return text ? truncate(text, {length: 120, separator: ' '}) : EMPTY_DATA_PLACEHOLDER;
+}
+
 export const TRANSACTION_MODES = {
     serializable: 'serializable-read-write',
     stalero: 'stale-read-only',

package/dist/containers/Storage/PDisk/PDiskVDisks.d.ts

@@ -1,13 +0,0 @@
-import type { PreparedVDisk } from '../../../utils/disks/types';
-import type { StorageViewContext } from '../types';
-interface PDiskVDisksProps {
-    vDisks?: PreparedVDisk[];
-    viewContext?: StorageViewContext;
-    withIcon?: boolean;
-    delayOpen: number;
-    delayClose: number;
-    highlightedDisk?: string;
-    setHighlightedDisk?: (id?: string) => void;
-}
-export declare function PDiskVDisks({ vDisks, viewContext, withIcon, delayOpen, delayClose, highlightedDisk, setHighlightedDisk, }: PDiskVDisksProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/containers/Storage/PDisk/PDiskVDisks.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { VDisk } from '../../../components/VDisk/VDisk';
-import { cn } from '../../../utils/cn';
-import { isVdiskActive } from '../utils';
-const b = cn('pdisk-storage');
-export function PDiskVDisks({ vDisks, viewContext, withIcon, delayOpen, delayClose, highlightedDisk, setHighlightedDisk, }) {
-    if (!(vDisks === null || vDisks === void 0 ? void 0 : vDisks.length)) {
-        return null;
-    }
-    return (_jsx("div", { className: b('vdisks'), children: vDisks.map((vDisk) => {
-            const vDiskId = vDisk.StringifiedId;
-            const highlighted = highlightedDisk === vDiskId;
-            return (_jsx("div", { className: b('vdisks-item'), style: {
-                    // 1 is small enough for empty disks to be of the minimum width
-                    // but if all of them are empty, `flex-grow: 1` would size them evenly
-                    flexGrow: Number(vDisk.AllocatedSize) || 1,
-                }, children: _jsx(VDisk, { withIcon: withIcon, data: vDisk, inactive: !isVdiskActive(vDisk, viewContext), compact: true, delayOpen: delayOpen, delayClose: delayClose, showPopup: highlighted, onShowPopup: () => setHighlightedDisk === null || setHighlightedDisk === void 0 ? void 0 : setHighlightedDisk(vDiskId), onHidePopup: () => setHighlightedDisk === null || setHighlightedDisk === void 0 ? void 0 : setHighlightedDisk(undefined), highlighted: highlighted }) }, vDiskId));
-        }) }));
-}
-//# sourceMappingURL=PDiskVDisks.js.map

package/dist/containers/Storage/PDisk/PDiskVDisks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDiskVDisks.js","sourceRoot":"","sources":["../../../../src/containers/Storage/PDisk/PDiskVDisks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAGrC,OAAO,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAEvC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAY9B,MAAM,UAAU,WAAW,CAAC,EACxB,MAAM,EACN,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,eAAe,EACf,kBAAkB,GACH;IACf,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC;YACpC,MAAM,WAAW,GAAG,eAAe,KAAK,OAAO,CAAC;YAEhD,OAAO,CACH,cAEI,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAC3B,KAAK,EAAE;oBACH,+DAA+D;oBAC/D,sEAAsE;oBACtE,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC;iBAC7C,YAED,KAAC,KAAK,IACF,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,EAC5C,OAAO,QACP,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,OAAO,CAAC,EAChD,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,SAAS,CAAC,EAClD,WAAW,EAAE,WAAW,GAC1B,IAnBG,OAAO,CAoBV,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.d.ts

@@ -1,6 +0,0 @@
-import './StorageExpertModePanel.scss';
-interface StorageExpertModePanelProps {
-    className?: string;
-}
-export declare function StorageExpertModePanel({ className }: StorageExpertModePanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
-import { useStorageQueryParams } from '../useStorageQueryParams';
-import { AllLegend, CompactionLegend, FrontQueuesLegend, PDiskDecommitLegend, PDiskDeviceLegend, PDiskDriveLegend, PDiskMaintenanceLegend, PDiskStateLegend, SpaceLegend, StateLegend, } from './components';
-import { PDisksGroupBy, VDisksGroupBy, b } from './constants';
-import i18n from './i18n';
-import './StorageExpertModePanel.scss';
-function renderLegend(vdisksGroupBy) {
-    switch (vdisksGroupBy) {
-        case VDisksGroupBy.State:
-            return _jsx(StateLegend, {});
-        case VDisksGroupBy.Space:
-            return _jsx(SpaceLegend, {});
-        case VDisksGroupBy.FrontQueues:
-            return _jsx(FrontQueuesLegend, {});
-        case VDisksGroupBy.Compaction:
-            return _jsx(CompactionLegend, {});
-        case VDisksGroupBy.All:
-            return _jsx(AllLegend, {});
-        default:
-            return null;
-    }
-}
-function getPDisksGroupByLabel(pdisksGroupBy) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.Space:
-            return i18n('value_pdisks-space');
-        case PDisksGroupBy.Drive:
-            return i18n('value_pdisks-drive');
-        case PDisksGroupBy.Decommit:
-            return i18n('value_pdisks-decommit');
-        case PDisksGroupBy.Maintenance:
-            return i18n('value_pdisks-maintenance');
-        case PDisksGroupBy.Device:
-            return i18n('value_pdisks-device');
-        case PDisksGroupBy.All:
-            return i18n('value_pdisks-all');
-        default:
-            return null;
-    }
-}
-function renderPDiskLegend(pdisksGroupBy) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.State:
-            return _jsx(PDiskStateLegend, {});
-        case PDisksGroupBy.Space:
-            return _jsx(SpaceLegend, { selectionScope: "pdisks" });
-        case PDisksGroupBy.Drive:
-            return _jsx(PDiskDriveLegend, {});
-        case PDisksGroupBy.Decommit:
-            return _jsx(PDiskDecommitLegend, {});
-        case PDisksGroupBy.Maintenance:
-            return _jsx(PDiskMaintenanceLegend, {});
-        case PDisksGroupBy.Device:
-            return _jsx(PDiskDeviceLegend, {});
-        case PDisksGroupBy.All:
-            return _jsx(AllLegend, { selectionScope: "pdisks" });
-        default:
-            return _jsx("div", { children: getPDisksGroupByLabel(pdisksGroupBy) });
-    }
-}
-export function StorageExpertModePanel({ className }) {
-    const { vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange } = useStorageQueryParams();
-    return (_jsxs("div", { className: b(null, className), children: [_jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(Text, { variant: "subheader-1", children: i18n('label_vdisks') }), _jsxs(SegmentedRadioGroup, { value: vdisksGroupBy, onUpdate: handleVDisksGroupByChange, size: "s", children: [_jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.State, children: i18n('value_state') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.Space, children: i18n('value_space') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.FrontQueues, children: i18n('value_front-queues') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.Compaction, children: i18n('value_compaction') }), _jsx(SegmentedRadioGroup.Option, { value: VDisksGroupBy.All, children: i18n('value_all') })] }), renderLegend(vdisksGroupBy)] }), _jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(Text, { variant: "subheader-1", children: i18n('label_pdisks') }), _jsxs(SegmentedRadioGroup, { qa: "storage-pdisks-expert-mode", value: pdisksGroupBy, onUpdate: handlePDisksGroupByChange, size: "s", children: [_jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.State, children: i18n('value_pdisks-state') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Space, children: i18n('value_pdisks-space') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Drive, children: i18n('value_pdisks-drive') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Decommit, children: i18n('value_pdisks-decommit') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Maintenance, children: i18n('value_pdisks-maintenance') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.Device, children: i18n('value_pdisks-device') }), _jsx(SegmentedRadioGroup.Option, { value: PDisksGroupBy.All, children: i18n('value_pdisks-all') })] }), _jsx("div", { "data-qa": "storage-pdisks-expert-mode-legend", children: renderPDiskLegend(pdisksGroupBy) })] })] }));
-}
-//# sourceMappingURL=StorageExpertModePanel.js.map

package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map

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

package/src/containers/Storage/PDisk/PDiskVDisks.tsx

@@ -1,65 +0,0 @@
-import {VDisk} from '../../../components/VDisk/VDisk';
-import {cn} from '../../../utils/cn';
-import type {PreparedVDisk} from '../../../utils/disks/types';
-import type {StorageViewContext} from '../types';
-import {isVdiskActive} from '../utils';
-
-const b = cn('pdisk-storage');
-
-interface PDiskVDisksProps {
-    vDisks?: PreparedVDisk[];
-    viewContext?: StorageViewContext;
-    withIcon?: boolean;
-    delayOpen: number;
-    delayClose: number;
-    highlightedDisk?: string;
-    setHighlightedDisk?: (id?: string) => void;
-}
-
-export function PDiskVDisks({
-    vDisks,
-    viewContext,
-    withIcon,
-    delayOpen,
-    delayClose,
-    highlightedDisk,
-    setHighlightedDisk,
-}: PDiskVDisksProps) {
-    if (!vDisks?.length) {
-        return null;
-    }
-
-    return (
-        <div className={b('vdisks')}>
-            {vDisks.map((vDisk) => {
-                const vDiskId = vDisk.StringifiedId;
-                const highlighted = highlightedDisk === vDiskId;
-
-                return (
-                    <div
-                        key={vDiskId}
-                        className={b('vdisks-item')}
-                        style={{
-                            // 1 is small enough for empty disks to be of the minimum width
-                            // but if all of them are empty, `flex-grow: 1` would size them evenly
-                            flexGrow: Number(vDisk.AllocatedSize) || 1,
-                        }}
-                    >
-                        <VDisk
-                            withIcon={withIcon}
-                            data={vDisk}
-                            inactive={!isVdiskActive(vDisk, viewContext)}
-                            compact
-                            delayOpen={delayOpen}
-                            delayClose={delayClose}
-                            showPopup={highlighted}
-                            onShowPopup={() => setHighlightedDisk?.(vDiskId)}
-                            onHidePopup={() => setHighlightedDisk?.(undefined)}
-                            highlighted={highlighted}
-                        />
-                    </div>
-                );
-            })}
-        </div>
-    );
-}

package/src/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.tsx

@@ -1,151 +0,0 @@
-import {Flex, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';
-
-import {useStorageQueryParams} from '../useStorageQueryParams';
-
-import {
-    AllLegend,
-    CompactionLegend,
-    FrontQueuesLegend,
-    PDiskDecommitLegend,
-    PDiskDeviceLegend,
-    PDiskDriveLegend,
-    PDiskMaintenanceLegend,
-    PDiskStateLegend,
-    SpaceLegend,
-    StateLegend,
-} from './components';
-import {PDisksGroupBy, VDisksGroupBy, b} from './constants';
-import type {PDisksGroupByValue, VDisksGroupByValue} from './constants';
-import i18n from './i18n';
-
-import './StorageExpertModePanel.scss';
-
-interface StorageExpertModePanelProps {
-    className?: string;
-}
-
-function renderLegend(vdisksGroupBy: VDisksGroupByValue) {
-    switch (vdisksGroupBy) {
-        case VDisksGroupBy.State:
-            return <StateLegend />;
-        case VDisksGroupBy.Space:
-            return <SpaceLegend />;
-        case VDisksGroupBy.FrontQueues:
-            return <FrontQueuesLegend />;
-        case VDisksGroupBy.Compaction:
-            return <CompactionLegend />;
-        case VDisksGroupBy.All:
-            return <AllLegend />;
-        default:
-            return null;
-    }
-}
-
-function getPDisksGroupByLabel(pdisksGroupBy: Exclude<PDisksGroupByValue, 'State'>) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.Space:
-            return i18n('value_pdisks-space');
-        case PDisksGroupBy.Drive:
-            return i18n('value_pdisks-drive');
-        case PDisksGroupBy.Decommit:
-            return i18n('value_pdisks-decommit');
-        case PDisksGroupBy.Maintenance:
-            return i18n('value_pdisks-maintenance');
-        case PDisksGroupBy.Device:
-            return i18n('value_pdisks-device');
-        case PDisksGroupBy.All:
-            return i18n('value_pdisks-all');
-        default:
-            return null;
-    }
-}
-
-function renderPDiskLegend(pdisksGroupBy: PDisksGroupByValue) {
-    switch (pdisksGroupBy) {
-        case PDisksGroupBy.State:
-            return <PDiskStateLegend />;
-        case PDisksGroupBy.Space:
-            return <SpaceLegend selectionScope="pdisks" />;
-        case PDisksGroupBy.Drive:
-            return <PDiskDriveLegend />;
-        case PDisksGroupBy.Decommit:
-            return <PDiskDecommitLegend />;
-        case PDisksGroupBy.Maintenance:
-            return <PDiskMaintenanceLegend />;
-        case PDisksGroupBy.Device:
-            return <PDiskDeviceLegend />;
-        case PDisksGroupBy.All:
-            return <AllLegend selectionScope="pdisks" />;
-        default:
-            return <div>{getPDisksGroupByLabel(pdisksGroupBy)}</div>;
-    }
-}
-
-export function StorageExpertModePanel({className}: StorageExpertModePanelProps) {
-    const {vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange} =
-        useStorageQueryParams();
-
-    return (
-        <div className={b(null, className)}>
-            <Flex gap={3} alignItems="center">
-                <Text variant="subheader-1">{i18n('label_vdisks')}</Text>
-                <SegmentedRadioGroup
-                    value={vdisksGroupBy}
-                    onUpdate={handleVDisksGroupByChange}
-                    size="s"
-                >
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.State}>
-                        {i18n('value_state')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.Space}>
-                        {i18n('value_space')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.FrontQueues}>
-                        {i18n('value_front-queues')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.Compaction}>
-                        {i18n('value_compaction')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={VDisksGroupBy.All}>
-                        {i18n('value_all')}
-                    </SegmentedRadioGroup.Option>
-                </SegmentedRadioGroup>
-                {renderLegend(vdisksGroupBy)}
-            </Flex>
-            <Flex gap={3} alignItems="center">
-                <Text variant="subheader-1">{i18n('label_pdisks')}</Text>
-                <SegmentedRadioGroup
-                    qa="storage-pdisks-expert-mode"
-                    value={pdisksGroupBy}
-                    onUpdate={handlePDisksGroupByChange}
-                    size="s"
-                >
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.State}>
-                        {i18n('value_pdisks-state')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Space}>
-                        {i18n('value_pdisks-space')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Drive}>
-                        {i18n('value_pdisks-drive')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Decommit}>
-                        {i18n('value_pdisks-decommit')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Maintenance}>
-                        {i18n('value_pdisks-maintenance')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.Device}>
-                        {i18n('value_pdisks-device')}
-                    </SegmentedRadioGroup.Option>
-                    <SegmentedRadioGroup.Option value={PDisksGroupBy.All}>
-                        {i18n('value_pdisks-all')}
-                    </SegmentedRadioGroup.Option>
-                </SegmentedRadioGroup>
-                <div data-qa="storage-pdisks-expert-mode-legend">
-                    {renderPDiskLegend(pdisksGroupBy)}
-                </div>
-            </Flex>
-        </div>
-    );
-}