ydb-embedded-ui 22.4.0 → 22.5.0

package/dist/containers/Tenant/TenantDrawerHealthcheck.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { selectAllHealthcheckInfo, selectCheckStatus, } from '../../store/reducers/healthcheckInfo/healthcheckInfo';
 import { useTypedSelector } from '../../utils/hooks';
+import { useDatabaseHealthcheckAvailable } from '../../utils/hooks/useDatabaseHealthcheckAvailable';
 import { Healthcheck } from './Healthcheck/Healthcheck';
 import { HealthcheckDrawer } from './Healthcheck/components/HealthcheckDrawer';
 import { getDatabaseHealthcheckAssistantTarget } from './Healthcheck/utils';
@@ -9,8 +10,9 @@ import { useCurrentSchema } from './TenantContext';
 import i18n from './i18n';
 import { useTenantQueryParams } from './useTenantQueryParams';
 export function TenantDrawerHealthcheck({ children, clusterName }) {
+    const healthcheckAvailable = useDatabaseHealthcheckAvailable();
     const { database } = useCurrentSchema();
-    const { handleShowHealthcheckChange, showHealthcheck, handleIssuesFilterChange, handleHealthcheckViewChange, } = useTenantQueryParams();
+    const { handleShowHealthcheckChange, showHealthcheck, handleIssuesFilterChange, handleHealthcheckViewChange, issuesFilter, view, } = useTenantQueryParams();
     const healthcheckStatus = useTypedSelector((state) => selectCheckStatus(state, database || '', clusterName));
     const healthcheckData = useTypedSelector((state) => selectAllHealthcheckInfo(state, database || '', clusterName));
     const handleCloseDrawer = React.useCallback(() => {
@@ -18,6 +20,12 @@ export function TenantDrawerHealthcheck({ children, clusterName }) {
         handleIssuesFilterChange(undefined);
         handleHealthcheckViewChange(undefined);
     }, [handleShowHealthcheckChange, handleIssuesFilterChange, handleHealthcheckViewChange]);
+    React.useEffect(() => {
+        if (healthcheckAvailable === false &&
+            (showHealthcheck !== undefined || view !== undefined || issuesFilter !== undefined)) {
+            handleCloseDrawer();
+        }
+    }, [healthcheckAvailable, showHealthcheck, view, issuesFilter, handleCloseDrawer]);
     const renderDrawerContent = React.useCallback(() => {
         return _jsx(Healthcheck, { database: database, clusterName: clusterName });
     }, [database, clusterName]);
@@ -27,6 +35,6 @@ export function TenantDrawerHealthcheck({ children, clusterName }) {
                 clusterName,
                 scope: 'database',
             })
-            : undefined, isDrawerVisible: Boolean(showHealthcheck), onCloseDrawer: handleCloseDrawer, renderDrawerContent: renderDrawerContent, drawerId: "tenant-healthcheck-details", storageKey: "tenant-healthcheck-details-drawer-width", title: i18n('title_healthcheck-dashboard'), status: healthcheckStatus, healthcheckData: healthcheckData, downloadFilePrefix: `${database}-healthcheck`, downloadTooltip: i18n('action_download-healthcheck'), children: children }));
+            : undefined, isDrawerVisible: Boolean(healthcheckAvailable && showHealthcheck), onCloseDrawer: handleCloseDrawer, renderDrawerContent: renderDrawerContent, drawerId: "tenant-healthcheck-details", storageKey: "tenant-healthcheck-details-drawer-width", title: i18n('title_healthcheck-dashboard'), status: healthcheckStatus, healthcheckData: healthcheckData, downloadFilePrefix: `${database}-healthcheck`, downloadTooltip: i18n('action_download-healthcheck'), children: children }));
 }
 //# sourceMappingURL=TenantDrawerHealthcheck.js.map

package/dist/containers/Tenant/TenantDrawerHealthcheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantDrawerHealthcheck.js","sourceRoot":"","sources":["../../../src/containers/Tenant/TenantDrawerHealthcheck.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,wBAAwB,EACxB,iBAAiB,GACpB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAC,qCAAqC,EAAC,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACjD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAO5D,MAAM,UAAU,uBAAuB,CAAC,EAAC,QAAQ,EAAE,WAAW,EAA+B;IACzF,MAAM,EAAC,QAAQ,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EACF,2BAA2B,EAC3B,eAAe,EACf,wBAAwB,EACxB,2BAA2B,GAC9B,GAAG,oBAAoB,EAAE,CAAC;IAE3B,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CACjD,iBAAiB,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,EAAE,WAAW,CAAC,CACxD,CAAC;IAEF,MAAM,eAAe,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAC/C,wBAAwB,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,EAAE,WAAW,CAAC,CAC/D,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC7C,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,wBAAwB,CAAC,SAAS,CAAC,CAAC;QACpC,2BAA2B,CAAC,SAAS,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,2BAA2B,EAAE,wBAAwB,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAEzF,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,OAAO,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;IACzE,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,KAAC,iBAAiB,IACd,MAAM,EACF,QAAQ;YACJ,CAAC,CAAC,qCAAqC,CAAC;gBAClC,QAAQ;gBACR,WAAW;gBACX,KAAK,EAAE,UAAU;aACpB,CAAC;YACJ,CAAC,CAAC,SAAS,EAEnB,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,EACzC,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAC,4BAA4B,EACrC,UAAU,EAAC,yCAAyC,EACpD,KAAK,EAAE,IAAI,CAAC,6BAA6B,CAAC,EAC1C,MAAM,EAAE,iBAAiB,EACzB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,GAAG,QAAQ,cAAc,EAC7C,eAAe,EAAE,IAAI,CAAC,6BAA6B,CAAC,YAEnD,QAAQ,GACO,CACvB,CAAC;AACN,CAAC"}
+{"version":3,"file":"TenantDrawerHealthcheck.js","sourceRoot":"","sources":["../../../src/containers/Tenant/TenantDrawerHealthcheck.tsx"],"names":[],"mappings":"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"}

package/dist/containers/VDiskPage/VDiskPage.js

@@ -1,26 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Flex, Icon, Label, Tab, TabList, TabProvider } from '@gravity-ui/uikit';
+import { ArrowLeft, Wrench } from '@gravity-ui/icons';
+import { Button, Flex, Icon, Tab, TabList, TabProvider, Text } from '@gravity-ui/uikit';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { isNil } from 'lodash';
 import { Helmet } from 'react-helmet-async';
-import { EntityPageTitle } from '../../components/EntityPageTitle/EntityPageTitle';
+import { useHistory } from 'react-router-dom';
+import { AutoRefreshControl } from '../../components/AutoRefreshControl/AutoRefreshControl';
+import { CopyableValue } from '../../components/CopyableValue/CopyableValue';
+import { DiskTypeLabel } from '../../components/DiskStatus/DiskStatus';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { EvictVDiskButton, isAllVdiskParamsDefined, } from '../../components/EvictVDiskButton/EvictVDiskButton';
 import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
 import { InternalLink } from '../../components/InternalLink/InternalLink';
-import { PageMetaWithAutorefresh } from '../../components/PageMeta/PageMeta';
+import { LinkWithIcon } from '../../components/LinkWithIcon/LinkWithIcon';
 import { VDiskInfo } from '../../components/VDiskInfo/VDiskInfo';
+import { vDiskInfoKeyset } from '../../components/VDiskInfo/i18n';
+import { VDiskDonorLabel, VDiskReplicationStatus, VDiskStateLabel, } from '../../components/VDiskStatus';
 import { useVDiskPagePath } from '../../routes';
 import { api } from '../../store/reducers/api';
-import { useNewStorageViewEnabled } from '../../store/reducers/capabilities/hooks';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
 import { vDiskApi } from '../../store/reducers/vdisk/vdisk';
 import { cn } from '../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 import { parseVdiskId } from '../../utils/dataFormatters/dataFormatters';
-import { VDISK_LABEL_CONFIG } from '../../utils/disks/constants';
-import { formatPDiskType } from '../../utils/disks/getPDiskType';
-import { getDataSeverityColor } from '../../utils/disks/helpers';
+import { createVDiskDeveloperUILink, useHasDeveloperUi } from '../../utils/developerUI/developerUI';
 import { useAutoRefreshInterval, useTypedDispatch } from '../../utils/hooks';
 import { useAppTitle } from '../App/AppTitleContext';
 import { PaginatedStorage } from '../Storage/PaginatedStorage';
@@ -33,10 +37,12 @@ const vDiskPageCn = cn('ydb-vdisk-page');
 export function VDiskPage() {
     var _a;
     const dispatch = useTypedDispatch();
+    const history = useHistory();
+    const showBackButton = history.length > 1;
     const getVDiskPagePath = useVDiskPagePath();
     const containerRef = React.useRef(null);
     const { nodeId, vDiskId: vDiskIdParam, database, vDiskTab, vDiskTabs } = useVDiskQueryParams();
-    const newStorageViewEnabled = useNewStorageViewEnabled();
+    const hasDeveloperUi = useHasDeveloperUi();
     const [autoRefreshInterval] = useAutoRefreshInterval();
     const params = React.useMemo(() => {
         if (!isNil(vDiskIdParam)) {
@@ -57,7 +63,7 @@ export function VDiskPage() {
         }));
     }, [dispatch, database, (_a = vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.VDiskId) === null || _a === void 0 ? void 0 : _a.GroupID, vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.StringifiedId]);
     const loading = isFetching && vDiskData === undefined;
-    const { NodeHost, NodeId, NodeType, NodeDC, PDiskId, PDiskType, Severity, VDiskId, StringifiedId, } = vDiskData || {};
+    const { NodeHost, NodeId, PDiskId, PDiskType, VDiskId, StringifiedId } = vDiskData || {};
     const resolvedVDiskId = VDiskId || (!loading && parseVdiskId(vDiskIdParam)) || undefined;
     const { GroupID } = resolvedVDiskId || {};
     const vDiskId = (vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.StringifiedId) || (loading ? undefined : vDiskIdParam);
@@ -73,27 +79,16 @@ export function VDiskPage() {
         return (_jsx(Helmet, { titleTemplate: `%s - ${vDiskPagePart} - ${pDiskPagePart} — ${nodePagePart} — ${appTitle}`, defaultTitle: `${vDiskPagePart} - ${pDiskPagePart} — ${nodePagePart} — ${appTitle}` }));
     };
     const renderPageMeta = () => {
-        const hostItem = NodeHost ? `${vDiskPageKeyset('fqdn')}: ${NodeHost}` : undefined;
-        const nodeIdItem = NodeId ? `${vDiskPageKeyset('node')}: ${NodeId}` : undefined;
-        const pDiskIdItem = NodeId ? `${vDiskPageKeyset('pdisk')}: ${PDiskId}` : undefined;
-        return (_jsx(PageMetaWithAutorefresh, { className: vDiskPageCn('meta'), loading: loading, items: [
-                hostItem,
-                nodeIdItem,
-                NodeType,
-                NodeDC,
-                pDiskIdItem,
-                formatPDiskType(PDiskType),
-            ] }));
-    };
-    const renderTitleMeta = () => {
-        if (!(vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.DonorMode)) {
+        if (!showBackButton) {
             return null;
         }
-        const donorLabelConfig = VDISK_LABEL_CONFIG.donor;
-        return (_jsx(Label, { theme: donorLabelConfig.theme, icon: donorLabelConfig.icon ? _jsx(Icon, { data: donorLabelConfig.icon }) : undefined, size: "m", children: vDiskPageKeyset('label_donor') }));
+        return (_jsxs(Flex, { className: vDiskPageCn('meta'), alignItems: "center", justifyContent: "space-between", gap: 1, children: [_jsxs(Button, { size: "m", view: "outlined", onClick: () => history.goBack(), children: [_jsx(Icon, { data: ArrowLeft, size: 16 }), vDiskPageKeyset('action_back')] }), _jsx(AutoRefreshControl, { className: vDiskPageCn('refresh-control') })] }));
+    };
+    const renderTitleMeta = () => {
+        return (_jsxs(Flex, { gap: 2, wrap: "wrap", alignItems: "center", children: [_jsx(VDiskStateLabel, { state: vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.VDiskState, size: "s" }), (vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.DonorMode) ? (_jsx(VDiskDonorLabel, { donorMode: true, size: "s" })) : (_jsx(VDiskReplicationStatus, { data: vDiskData || {}, size: "s" })), _jsx(DiskTypeLabel, { type: PDiskType, size: "s" })] }));
     };
     const renderPageTitle = () => {
-        return (_jsx(Flex, { gap: 2, alignItems: "center", children: _jsx(EntityPageTitle, { className: vDiskPageCn('title'), entityName: vDiskPageKeyset('vdisk'), status: getDataSeverityColor(Severity), id: vDiskId, metaInfo: renderTitleMeta() }) }));
+        return (_jsxs(Flex, { className: vDiskPageCn('title'), alignItems: "flex-start", gap: 2, wrap: "nowrap", qa: "vdisk-header", children: [_jsxs(Flex, { direction: "column", gap: 1, className: vDiskPageCn('title-content'), children: [_jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [_jsx(CopyableValue, { copyText: vDiskId, fieldName: vDiskPageKeyset('vdisk'), children: _jsxs(Text, { as: "h1", variant: "header-1", className: vDiskPageCn('heading'), children: [vDiskPageKeyset('vdisk'), ' ', _jsx(Text, { color: "hint", variant: "header-1", children: vDiskId || EMPTY_DATA_PLACEHOLDER })] }) }), renderTitleMeta()] }), _jsxs(Flex, { gap: 1, alignItems: "center", className: vDiskPageCn('pool'), children: [_jsxs(Text, { color: "secondary", children: [vDiskInfoKeyset('pool-name'), ":"] }), _jsx(CopyableValue, { copyText: vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.StoragePoolName, fieldName: vDiskInfoKeyset('pool-name'), children: _jsx(Text, { color: "secondary", className: vDiskPageCn('pool-name'), children: (vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.StoragePoolName) || EMPTY_DATA_PLACEHOLDER }) })] })] }), !showBackButton && (_jsx(AutoRefreshControl, { className: vDiskPageCn('refresh-control') }))] }));
     };
     const handleAfterEvictVDisk = React.useCallback(() => {
         dispatch(api.util.invalidateTags([
@@ -105,18 +100,23 @@ export function VDiskPage() {
         ]));
     }, [dispatch, vDiskId]);
     const renderControls = () => {
-        if (!isAllVdiskParamsDefined(resolvedVDiskId)) {
+        const canEvict = isAllVdiskParamsDefined(resolvedVDiskId) && !(vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.DonorMode);
+        const developerUILink = hasDeveloperUi && !isNil(NodeId) && !isNil(PDiskId) && !isNil(vDiskSlotId)
+            ? createVDiskDeveloperUILink({
+                nodeId: NodeId,
+                pDiskId: PDiskId,
+                vDiskSlotId,
+            })
+            : undefined;
+        if (!canEvict && !developerUILink) {
             return null;
         }
-        return (_jsx("div", { className: vDiskPageCn('controls'), "data-qa": "vdisk-controls", children: _jsx(EvictVDiskButton, { vDiskId: resolvedVDiskId, donorMode: vDiskData === null || vDiskData === void 0 ? void 0 : vDiskData.DonorMode, onSuccess: handleAfterEvictVDisk }) }));
+        return (_jsxs("div", { className: vDiskPageCn('controls'), "data-qa": "vdisk-controls", children: [canEvict && isAllVdiskParamsDefined(resolvedVDiskId) && (_jsx(EvictVDiskButton, { vDiskId: resolvedVDiskId, view: "action", onSuccess: handleAfterEvictVDisk })), developerUILink && (_jsx(LinkWithIcon, { title: vDiskPageKeyset('action_open-in-developer-ui'), url: developerUILink, icon: Wrench, hideEndIcon: true }))] }));
     };
     const renderInfo = () => {
-        return _jsx(VDiskInfo, { data: vDiskData, className: vDiskPageCn('info'), wrap: true });
+        return _jsx(VDiskInfo, { data: vDiskData, className: vDiskPageCn('info') }, vDiskId);
     };
     const renderStorageDetails = () => {
-        if (!newStorageViewEnabled) {
-            return null;
-        }
         return _jsx(VDiskStorageDetails, { data: vDiskData, className: vDiskPageCn('storage-details') });
     };
     const renderTabs = () => {
@@ -155,7 +155,7 @@ export function VDiskPage() {
         if (loading) {
             return _jsx(InfoViewerSkeleton, { rows: 9 });
         }
-        return (_jsxs(React.Fragment, { children: [error ? _jsx(ResponseError, { error: error }) : null, renderInfo(), renderStorageDetails(), renderTabs(), renderTabsContent()] }));
+        return (_jsxs(React.Fragment, { children: [error ? _jsx(ResponseError, { error: error }) : null, renderStorageDetails(), renderInfo(), renderTabs(), renderTabsContent()] }));
     };
     return (_jsxs("div", { className: vDiskPageCn(null), ref: containerRef, children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderControls(), renderContent()] }));
 }

package/dist/containers/VDiskPage/VDiskPage.js.map

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

package/dist/containers/VDiskPage/VDiskPage.scss

@@ -1,17 +1,17 @@
-@use '../../styles//mixins.scss';
-
 .ydb-vdisk-page {
     --g-definition-list-item-gap: var(--g-spacing-3);
     position: relative;
 
     overflow: auto;
+    overflow-anchor: none;
 
     height: 100%;
-    padding: 0 20px;
+    padding: 20px 20px 0;
 
     &__meta,
     &__title,
     &__controls,
+    &__storage-details,
     &__info,
     &__tabs {
         position: sticky;
@@ -20,22 +20,35 @@
         margin-bottom: 20px;
     }
 
-    &__info {
-        @include mixins.body-2-typography();
+    &__heading {
+        margin: 0;
+        overflow-wrap: anywhere;
+    }
+
+    &__pool-name {
+        min-width: 0;
+        overflow-wrap: anywhere;
+    }
+
+    &__title-content {
+        flex: 1;
+
+        min-width: 0;
     }
 
-    &__meta {
-        margin-top: 20px;
+    &__refresh-control {
+        flex-shrink: 0;
     }
 
     &__controls {
         display: flex;
+        flex-wrap: wrap;
         align-items: center;
         gap: var(--g-spacing-2);
     }
 
     &__storage-details {
-        margin-bottom: var(--g-spacing-5);
+        margin-bottom: var(--g-spacing-4);
     }
 
     &__tablets-content {

package/dist/containers/VDiskPage/VDiskStorageDetails.js

@@ -1,42 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Divider, Flex, Text } from '@gravity-ui/uikit';
+import { Text } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
 import { CellWithPopover } from '../../components/CellWithPopover/CellWithPopover';
-import { ClipboardButton } from '../../components/ClipboardButton/ClipboardButton';
+import { CopyableValue } from '../../components/CopyableValue/CopyableValue';
+import { InternalLinkButton } from '../../components/InternalLinkButton';
+import { getVDiskLocationItems } from '../../components/VDiskInfo/getVDiskDetails';
 import { getPDiskPagePath } from '../../routes';
+import { useNewStorageViewEnabled } from '../../store/reducers/capabilities/hooks';
 import { cn } from '../../utils/cn';
-import { BRAND_BUTTON_CLASS, EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 import { useIsViewerUser } from '../../utils/hooks/useIsUserAllowedToMakeChanges';
-import { formatMetricBytes, formatMetricPercent, getMetricBytesCommonSize, } from '../../utils/storageMetrics';
 import { vDiskPageKeyset } from './i18n';
 import './VDiskStorageDetails.scss';
 const b = cn('ydb-vdisk-storage-details');
-function MetricItem({ title, value }) {
-    return (_jsxs("div", { className: b('metric'), children: [_jsx(Text, { variant: "subheader-2", className: b('value'), children: value }), _jsx(Text, { color: "secondary", className: b('label'), children: title })] }));
+const LOCATION_IDS = ['datacenter', 'rack', 'fqdn', 'pdisk-path'];
+function DetailItem({ item }) {
+    const copyText = item.copyText === undefined ? undefined : String(item.copyText);
+    return (_jsxs("div", { className: b('detail', { location: LOCATION_IDS.includes(item.id) }), "data-qa": `vdisk-location-${item.id}`, children: [_jsx(Text, { color: "secondary", children: item.name }), _jsx(CopyableValue, { copyText: copyText, fieldName: item.name, children: _jsx(CellWithPopover, { content: copyText, disabled: !copyText, placement: ['top', 'bottom'], fullWidth: true, wrapperClassName: b('value-popover'), className: b('value-popover-content', {
+                        'with-left-trim': item.id === 'pdisk-path',
+                    }), children: _jsx("span", { tabIndex: copyText ? 0 : undefined, children: item.content }) }) })] }));
 }
-function DetailItem({ title, value }) {
-    return (_jsxs("div", { className: b('detail'), children: [_jsx(TruncatedDetailValue, { value: value }), _jsx(Text, { color: "secondary", className: b('label'), children: title })] }));
-}
-function TruncatedDetailValue({ value }) {
-    const normalizedValue = value === undefined || value === null || value === '' ? undefined : String(value);
-    const displayValue = normalizedValue !== null && normalizedValue !== void 0 ? normalizedValue : EMPTY_DATA_PLACEHOLDER;
-    return (_jsx(CellWithPopover, { content: normalizedValue, disabled: !normalizedValue, placement: ['top', 'bottom'], fullWidth: true, wrapperClassName: b('value-popover'), className: b('value-popover-content'), children: _jsx(Text, { variant: "subheader-2", className: b('value'), children: displayValue }) }));
-}
-function CopyableDetailItem({ title, value }) {
-    const normalizedValue = value === undefined || value === null || value === '' ? undefined : String(value);
-    const displayValue = normalizedValue !== null && normalizedValue !== void 0 ? normalizedValue : EMPTY_DATA_PLACEHOLDER;
-    return (_jsxs("div", { className: b('detail'), children: [_jsxs(Flex, { alignItems: "center", gap: "1", className: b('value-row', { copyable: true }), children: [_jsx(CellWithPopover, { content: normalizedValue, disabled: !normalizedValue, placement: ['top', 'bottom'], fullWidth: true, wrapperClassName: b('value-popover', { copyable: true }), className: b('value-popover-content', { copyable: true }), children: _jsx(Text, { variant: "subheader-2", className: b('value'), children: displayValue }) }), _jsx(ClipboardButton, { copyText: normalizedValue, withLabel: false, view: "flat-secondary", size: "s" })] }), _jsx(Text, { color: "secondary", className: b('label'), children: title })] }));
-}
-export function VDiskStorageDetails({ className, data }) {
+export function VDiskStorageDetails({ className, data = {} }) {
     const isViewerUser = useIsViewerUser();
-    const used = Number(data === null || data === void 0 ? void 0 : data.AllocatedSize);
-    const total = Number(data === null || data === void 0 ? void 0 : data.SizeLimit);
-    const usage = Number(data === null || data === void 0 ? void 0 : data.AllocatedPercent);
-    const free = Number(data === null || data === void 0 ? void 0 : data.FreeSize);
-    const metricsSize = getMetricBytesCommonSize([used, total, free]);
-    const { NodeDC, NodeRack, NodeHost, NodeId, PDiskId } = data || {};
-    const pDiskPath = isViewerUser && NodeId !== undefined && PDiskId !== undefined
-        ? getPDiskPagePath(PDiskId, NodeId, undefined, { withBasename: true })
+    const newStorageViewEnabled = useNewStorageViewEnabled();
+    const pDiskPath = isViewerUser && !isNil(data.NodeId) && !isNil(data.PDiskId)
+        ? getPDiskPagePath(data.PDiskId, data.NodeId)
         : undefined;
-    return (_jsxs("div", { className: b(null, className), children: [_jsx(Flex, { alignItems: "center", gap: "1", className: b('title'), children: _jsx(Text, { variant: "subheader-2", children: vDiskPageKeyset('title_storage-details') }) }), _jsxs("div", { className: b('cards'), children: [_jsxs("div", { className: b('card', { metrics: true }), children: [_jsx(MetricItem, { title: vDiskPageKeyset('field_storage-details-used'), value: formatMetricBytes(used, metricsSize) }), _jsx(MetricItem, { title: vDiskPageKeyset('field_storage-details-total'), value: formatMetricBytes(total, metricsSize) }), _jsx(MetricItem, { title: vDiskPageKeyset('field_storage-details-free'), value: formatMetricBytes(free, metricsSize) }), _jsx(Divider, { orientation: "vertical" }), _jsx(MetricItem, { title: vDiskPageKeyset('field_storage-details-usage'), value: formatMetricPercent(usage) })] }), _jsxs("div", { className: b('card', { details: true }), children: [_jsxs("div", { className: b('details'), children: [_jsx(DetailItem, { title: vDiskPageKeyset('field_datacenter'), value: NodeDC }), _jsx(CopyableDetailItem, { title: vDiskPageKeyset('field_rack'), value: NodeRack }), _jsx(CopyableDetailItem, { title: vDiskPageKeyset('field_node'), value: NodeHost }), _jsx(CopyableDetailItem, { title: vDiskPageKeyset('field_pdisk-id'), value: PDiskId })] }), pDiskPath ? (_jsx(Button, { href: pDiskPath, view: "action", size: "m", className: BRAND_BUTTON_CLASS, children: vDiskPageKeyset('action_go-to-pdisk') })) : null] })] })] }));
+    const items = getVDiskLocationItems(data, {
+        Host: data.NodeHost,
+        Rack: data.NodeRack,
+        DC: data.NodeDC,
+    }).filter(({ id }) => newStorageViewEnabled || (id !== 'rack' && id !== 'pdisk-path'));
+    return (_jsxs("div", { className: b(null, className), "data-qa": "vdisk-location", children: [_jsx("div", { className: b('card'), children: LOCATION_IDS.map((id) => {
+                    const item = items.find((entry) => entry.id === id);
+                    return item ? _jsx(DetailItem, { item: item }, id) : null;
+                }) }), _jsxs("div", { className: b('card', { ids: true }), children: [items
+                        .filter(({ id }) => !LOCATION_IDS.includes(id))
+                        .map((item) => (_jsx(DetailItem, { item: item }, item.id))), pDiskPath && (_jsx(InternalLinkButton, { href: pDiskPath, size: "s", view: "normal", children: vDiskPageKeyset('action_go-to-pdisk') }))] })] }));
 }
 //# sourceMappingURL=VDiskStorageDetails.js.map

package/dist/containers/VDiskPage/VDiskStorageDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDiskStorageDetails.js","sourceRoot":"","sources":["../../../src/containers/VDiskPage/VDiskStorageDetails.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VDiskStorageDetails.js","sourceRoot":"","sources":["../../../src/containers/VDiskPage/VDiskStorageDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,eAAe,EAAC,MAAM,kDAAkD,CAAC;AACjF,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAC,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,yCAAyC,CAAC;AAEjF,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,eAAe,EAAC,MAAM,iDAAiD,CAAC;AAEhF,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAC1C,MAAM,YAAY,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;AAOlE,SAAS,UAAU,CAAC,EAAC,IAAI,EAAyB;IAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjF,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAC,CAAC,aACzD,kBAAkB,IAAI,CAAC,EAAE,EAAE,aAEpC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC1C,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,YACnD,KAAC,eAAe,IACZ,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,QAAQ,EACnB,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,EAC5B,SAAS,QACT,gBAAgB,EAAE,CAAC,CAAC,eAAe,CAAC,EACpC,SAAS,EAAE,CAAC,CAAC,uBAAuB,EAAE;wBAClC,gBAAgB,EAAE,IAAI,CAAC,EAAE,KAAK,YAAY;qBAC7C,CAAC,YAEF,eAAM,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,YAAG,IAAI,CAAC,OAAO,GAAQ,GACjD,GACN,IACd,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAC,SAAS,EAAE,IAAI,GAAG,EAAE,EAA2B;IAChF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,SAAS,GACX,YAAY,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;QACvD,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC;QAC7C,CAAC,CAAC,SAAS,CAAC;IACpB,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,EAAE;QACtC,IAAI,EAAE,IAAI,CAAC,QAAQ;QACnB,IAAI,EAAE,IAAI,CAAC,QAAQ;QACnB,EAAE,EAAE,IAAI,CAAC,MAAM;KAClB,CAAC,CAAC,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,qBAAqB,IAAI,CAAC,EAAE,KAAK,MAAM,IAAI,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC;IAErF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAU,gBAAgB,aACxD,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;oBACrB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;oBACpD,OAAO,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAU,IAAI,EAAE,IAAI,IAAd,EAAE,CAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC7D,CAAC,CAAC,GACA,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC,aACjC,KAAK;yBACD,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;yBAC5C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAe,IAAI,EAAE,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAgB,CAC3C,CAAC,EACL,SAAS,IAAI,CACV,KAAC,kBAAkB,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,YACtD,eAAe,CAAC,oBAAoB,CAAC,GACrB,CACxB,IACC,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/containers/VDiskPage/VDiskStorageDetails.scss

@@ -1,129 +1,60 @@
 .ydb-vdisk-storage-details {
-    &__title {
-        margin-bottom: var(--g-spacing-4);
-    }
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--g-spacing-1);
 
-    &__cards {
+    &__card {
         display: flex;
         flex-wrap: wrap;
-        align-items: flex-start;
-        gap: var(--g-spacing-1);
-
-        width: fit-content;
-        max-width: 100%;
-    }
+        align-items: center;
+        gap: var(--g-spacing-5);
 
-    &__card {
         min-width: 0;
-        padding: var(--g-spacing-4) var(--g-spacing-5);
+        padding: var(--g-spacing-3) var(--g-spacing-5);
 
         border-radius: var(--g-border-radius-m) var(--g-border-radius-xs) var(--g-border-radius-xs)
             var(--g-border-radius-m);
         background-color: var(--g-color-base-generic);
 
-        &_metrics {
-            display: flex;
-            flex: 0 0 auto;
-            align-items: stretch;
-            gap: var(--g-spacing-5);
-
-            width: max-content;
-            max-width: 100%;
-            min-height: 74px;
-        }
-
-        &_details {
-            display: flex;
-            flex: 0 1 auto;
-            flex-wrap: wrap;
-            justify-content: flex-start;
-            align-items: center;
-            gap: var(--g-spacing-4);
-
-            width: fit-content;
-            max-width: 100%;
-            min-height: 74px;
-
+        &_ids {
             border-radius: var(--g-border-radius-xs) var(--g-border-radius-m)
                 var(--g-border-radius-m) var(--g-border-radius-xs);
         }
     }
 
-    &__details {
-        display: flex;
-        flex: 0 1 auto;
-        flex-wrap: wrap;
-        align-items: stretch;
-        gap: var(--g-spacing-4);
-
-        min-width: 0;
-        max-width: 100%;
-    }
-
-    &__metric,
     &__detail {
         display: flex;
         flex-direction: column;
-        justify-content: center;
-        align-items: flex-start;
-        gap: var(--g-spacing-1);
+        gap: var(--g-spacing-half);
 
         min-width: 0;
-        padding-right: var(--g-spacing-4);
-    }
+        max-width: 250px;
 
-    &__detail {
-        flex: 0 1 auto;
-
-        min-width: 100px;
-        max-width: 200px;
-    }
-
-    &__value,
-    &__label {
-        display: block;
-
-        white-space: nowrap;
-    }
-
-    &__value-row &__value {
-        overflow: hidden;
-
-        text-overflow: ellipsis;
-    }
-
-    &__value-row {
-        flex-wrap: nowrap;
-
-        width: 100%;
-        min-width: 0;
-        height: 20px;
-
-        &_copyable {
-            width: auto;
-            max-width: 100%;
+        &_location {
+            min-width: 100px;
+            max-width: 200px;
         }
     }
 
     &__value-popover {
-        flex: 1 1 auto;
+        flex: 0 1 auto;
 
         min-width: 0;
-
-        &_copyable {
-            flex: 0 1 auto;
-
-            max-width: 100%;
-        }
+        max-width: 100%;
     }
 
     &__value-popover-content {
-        width: 100%;
+        width: auto;
         min-width: 0;
+        max-width: 100%;
+
+        &_with-left-trim {
+            text-align: end;
+            direction: rtl;
 
-        &_copyable {
-            width: auto;
-            max-width: 100%;
+            > span {
+                unicode-bidi: plaintext;
+            }
         }
     }
 }

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

@@ -1,23 +1,14 @@
 {
-    "fqdn": "FQDN",
     "node": "Node",
     "pdisk": "PDisk",
     "vdisk": "VDisk",
     "storage": "Storage",
     "tablets": "Tablets",
-    "title_storage-details": "Storage details",
-    "field_storage-details-used": "Used",
-    "field_storage-details-total": "Total",
-    "field_storage-details-free": "Free",
-    "field_storage-details-usage": "Usage",
-    "field_datacenter": "Datacenter",
-    "field_rack": "Rack",
-    "field_node": "Node",
-    "field_pdisk-id": "PDisk ID",
+    "action_back": "Back",
     "action_go-to-pdisk": "Go to PDisk",
+    "action_open-in-developer-ui": "Open in Developer UI",
     "tablet-id": "Tablet ID",
     "channel-id": "Channel ID",
     "count": "Count",
-    "size": "Size",
-    "label_donor": "Donor"
+    "size": "Size"
 }

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

@@ -1 +1 @@
-export declare const vDiskPageKeyset: (key: "count" | "storage" | "size" | "tablets" | "node" | "fqdn" | "tablet-id" | "field_rack" | "field_datacenter" | "field_pdisk-id" | "action_go-to-pdisk" | "label_donor" | "vdisk" | "pdisk" | "field_node" | "title_storage-details" | "field_storage-details-used" | "field_storage-details-total" | "field_storage-details-free" | "field_storage-details-usage" | "channel-id", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const vDiskPageKeyset: (key: "count" | "storage" | "size" | "tablets" | "node" | "tablet-id" | "action_open-in-developer-ui" | "action_go-to-pdisk" | "action_back" | "vdisk" | "pdisk" | "channel-id", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/store/reducers/cluster/parseFields.js

@@ -78,6 +78,7 @@ export function parseLoggingUrls(logging) {
     return undefined;
 }
 const settingsSchema = z.object({
+    unavailable: z.boolean().optional().catch(undefined),
     use_meta_proxy: z.boolean().optional(),
     cluster_domain: z.string().optional(),
     cluster_external_name: z.string().optional(),