ydb-embedded-ui 14.13.0 → 14.14.0

package/README.md

@@ -100,6 +100,18 @@ Run tests. If `PLAYWRIGHT_BASE_URL` is provided, tests run on this url, otherwis
 npm run test:e2e
 ```
 
+Run tests in Playwright Docker.
+
+```
+npm run test:e2e:docker
+```
+
+Run tests in Playwright Docker and then serve the generated HTML report locally at `http://127.0.0.1:9323`. You can override host and port with `PLAYWRIGHT_HTML_HOST` and `PLAYWRIGHT_HTML_PORT`.
+
+```
+npm run test:e2e:docker:report
+```
+
 ### CI
 
 E2E tests are run in CI in `e2e_tests` job. Tests run on Playwright `webServer` (it is started with `npm run dev`), `webServer` uses docker container `ghcr.io/ydb-platform/local-ydb:nightly` as backend.

package/dist/components/Errors/i18n/en.json

@@ -8,6 +8,8 @@
     "error-details.label_url": "URL",
     "error-details.label_error-code": "Code",
     "error-details.label_message": "Message",
+    "error-details.label_error-origin": "Error origin",
+    "error-details.label_error-stage": "Error stage",
     "error-details.label_error-phase": "Phase",
     "error-details.phase_connection": "Connection failed",
     "error-details.phase_stream": "Connection interrupted during data transfer",
@@ -15,6 +17,9 @@
     "error-details.network_offline": "No internet connection",
     "error-details.label_trace-id": "Trace-ID",
     "error-details.label_request-id": "Request-ID",
+    "error-details.label_proxy-trace-id": "Proxy Trace-ID",
+    "error-details.label_proxy-request-id": "Proxy Request-ID",
+    "error-details.label_proxy-target": "Proxy Target",
     "error-details.label_proxy-name": "x-proxy-name",
     "error-details.label_worker-name": "x-worker-name",
     "error-details.label_issues": "Issues ({{count}})",

package/dist/components/Errors/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "401.title" | "401.description" | "403.title" | "403.description" | "responseError.defaultMessage" | "error.title" | "error-details.label_url" | "error-details.label_error-code" | "error-details.label_message" | "error-details.label_error-phase" | "error-details.phase_connection" | "error-details.phase_stream" | "error-details.label_network-type" | "error-details.network_offline" | "error-details.label_trace-id" | "error-details.label_request-id" | "error-details.label_proxy-name" | "error-details.label_worker-name" | "error-details.label_issues" | "error-details.button_issues" | "error-details.button_response" | "error-details.button_report-problem", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "401.title" | "401.description" | "403.title" | "403.description" | "responseError.defaultMessage" | "error.title" | "error-details.label_url" | "error-details.label_error-code" | "error-details.label_message" | "error-details.label_error-origin" | "error-details.label_error-stage" | "error-details.label_error-phase" | "error-details.phase_connection" | "error-details.phase_stream" | "error-details.label_network-type" | "error-details.network_offline" | "error-details.label_trace-id" | "error-details.label_request-id" | "error-details.label_proxy-trace-id" | "error-details.label_proxy-request-id" | "error-details.label_proxy-target" | "error-details.label_proxy-name" | "error-details.label_worker-name" | "error-details.label_issues" | "error-details.button_issues" | "error-details.button_response" | "error-details.button_report-problem", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/Errors/shared/ErrorFieldsList.js

@@ -10,6 +10,16 @@ function formatUrlLine(method, requestUrl) {
     }
     return requestUrl;
 }
+function formatProxyTargetLine(proxyTarget, proxyRewrittenPath) {
+    if (proxyTarget && proxyRewrittenPath) {
+        const normalizedTarget = proxyTarget.endsWith('/') ? proxyTarget.slice(0, -1) : proxyTarget;
+        const normalizedPath = proxyRewrittenPath.startsWith('/')
+            ? proxyRewrittenPath
+            : `/${proxyRewrittenPath}`;
+        return `${normalizedTarget}${normalizedPath}`;
+    }
+    return proxyTarget || proxyRewrittenPath;
+}
 function isUniqueMessage(message, details, renderedTitle) {
     if (!message) {
         return false;
@@ -17,21 +27,28 @@ function isUniqueMessage(message, details, renderedTitle) {
     return (message !== details.title && message !== details.dataMessage && message !== renderedTitle);
 }
 export function ErrorFieldsList({ details, renderedTitle, className, valueClassName, }) {
-    const { requestUrl, method, errorCode, message, traceId, requestId, proxyName, workerName, errorPhase, networkEffectiveType, } = details;
+    const { requestUrl, method, errorCode, message, errorOrigin, errorStage, traceId, requestId, proxyTraceId, proxyRequestId, proxyRewrittenPath, proxyTarget, proxyName, workerName, errorPhase, networkEffectiveType, } = details;
     const urlLine = formatUrlLine(method, requestUrl);
+    const proxyTargetLine = formatProxyTargetLine(proxyTarget, proxyRewrittenPath);
     const showMessage = isUniqueMessage(message, details, renderedTitle);
-    return (_jsxs(DefinitionList, { nameMaxWidth: 200, className: className, children: [urlLine && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_url'), copyText: urlLine, children: _jsx("span", { className: valueClassName, children: urlLine }) })), errorCode && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-code'), copyText: errorCode, children: _jsx("span", { className: valueClassName, children: errorCode }) })), showMessage && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_message'), copyText: message, children: _jsx("span", { className: valueClassName, children: message }) })), errorPhase && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-phase'), children: _jsx("span", { className: valueClassName, children: i18n(`error-details.phase_${errorPhase}`) }) })), networkEffectiveType && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_network-type'), children: _jsx("span", { className: valueClassName, children: networkEffectiveType }) })), traceId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_trace-id'), copyText: traceId, children: _jsx("span", { className: valueClassName, children: traceId }) })), requestId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_request-id'), copyText: requestId, children: _jsx("span", { className: valueClassName, children: requestId }) })), proxyName && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_proxy-name'), copyText: proxyName, children: _jsx("span", { className: valueClassName, children: proxyName }) })), workerName && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_worker-name'), copyText: workerName, children: _jsx("span", { className: valueClassName, children: workerName }) }))] }));
+    return (_jsxs(DefinitionList, { nameMaxWidth: 200, className: className, children: [urlLine && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_url'), copyText: urlLine, children: _jsx("span", { className: valueClassName, children: urlLine }) })), errorCode && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-code'), copyText: errorCode, children: _jsx("span", { className: valueClassName, children: errorCode }) })), showMessage && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_message'), copyText: message, children: _jsx("span", { className: valueClassName, children: message }) })), errorOrigin && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-origin'), copyText: errorOrigin, children: _jsx("span", { className: valueClassName, children: errorOrigin }) })), errorStage && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-stage'), copyText: errorStage, children: _jsx("span", { className: valueClassName, children: errorStage }) })), errorPhase && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_error-phase'), children: _jsx("span", { className: valueClassName, children: i18n(`error-details.phase_${errorPhase}`) }) })), networkEffectiveType && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_network-type'), children: _jsx("span", { className: valueClassName, children: networkEffectiveType }) })), traceId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_trace-id'), copyText: traceId, children: _jsx("span", { className: valueClassName, children: traceId }) })), requestId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_request-id'), copyText: requestId, children: _jsx("span", { className: valueClassName, children: requestId }) })), proxyTraceId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_proxy-trace-id'), copyText: proxyTraceId, children: _jsx("span", { className: valueClassName, children: proxyTraceId }) })), proxyRequestId && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_proxy-request-id'), copyText: proxyRequestId, children: _jsx("span", { className: valueClassName, children: proxyRequestId }) })), proxyTargetLine && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_proxy-target'), copyText: proxyTargetLine, children: _jsx("span", { className: valueClassName, children: proxyTargetLine }) })), proxyName && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_proxy-name'), copyText: proxyName, children: _jsx("span", { className: valueClassName, children: proxyName }) })), workerName && (_jsx(DefinitionList.Item, { name: i18n('error-details.label_worker-name'), copyText: workerName, children: _jsx("span", { className: valueClassName, children: workerName }) }))] }));
 }
 export function hasVisibleFields(details, renderedTitle) {
-    const { requestUrl, errorCode, traceId, requestId, proxyName, workerName, errorPhase, networkEffectiveType, } = details;
+    const { requestUrl, errorCode, errorOrigin, errorStage, traceId, requestId, proxyTraceId, proxyRequestId, proxyRewrittenPath, proxyTarget, proxyName, workerName, errorPhase, networkEffectiveType, } = details;
+    const proxyTargetLine = formatProxyTargetLine(proxyTarget, proxyRewrittenPath);
     const showMessage = isUniqueMessage(details.message, details, renderedTitle);
     return Boolean(requestUrl ||
         errorCode ||
         showMessage ||
+        errorOrigin ||
+        errorStage ||
         errorPhase ||
         networkEffectiveType ||
         traceId ||
         requestId ||
+        proxyTraceId ||
+        proxyRequestId ||
+        proxyTargetLine ||
         proxyName ||
         workerName);
 }

package/dist/components/Errors/shared/ErrorFieldsList.js.map

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

package/dist/components/FullNodeViewer/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "version" | "database" | "links" | "uptime" | "dc" | "rack" | "no-data" | "developer-ui" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "version" | "database" | "links" | "dc" | "uptime" | "rack" | "no-data" | "developer-ui" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/InfoViewerTitle/InfoViewerTitle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './InfoViewerTitle.scss';
+export declare function InfoViewerTitle({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/InfoViewerTitle/InfoViewerTitle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import './InfoViewerTitle.scss';
+const b = cn('ydb-info-viewer-title');
+export function InfoViewerTitle({ children, className, }) {
+    return _jsx("div", { className: b(null, className), children: children });
+}
+//# sourceMappingURL=InfoViewerTitle.js.map

package/dist/components/InfoViewerTitle/InfoViewerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoViewerTitle.js","sourceRoot":"","sources":["../../../src/components/InfoViewerTitle/InfoViewerTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC;AAEtC,MAAM,UAAU,eAAe,CAAC,EAC5B,QAAQ,EACR,SAAS,GAIZ;IACG,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AAChE,CAAC"}

package/dist/components/InfoViewerTitle/InfoViewerTitle.scss

@@ -0,0 +1,5 @@
+@use '../../styles/mixins.scss';
+
+.ydb-info-viewer-title {
+    @include mixins.info-viewer-title();
+}

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, {}>, "All" | "Conversations" | "Events" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule", import("./types").PreparedMetricsData | undefined, "api", any>;
-}, "api", "All" | "Conversations" | "Events" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule", 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" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule", import("./types").PreparedMetricsData | undefined, "api", any>;
+}, "api", "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;

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

@@ -2,7 +2,7 @@ import type { PoolName } from '../../types/api/nodes';
 type Percentile = 'p50' | 'p75' | 'p90' | 'p99';
 type QueriesLatenciesMetric = `queries.latencies.${Percentile}`;
 type PoolUsageMetric = `resources.cpu.${PoolName}.usage`;
-export type Metric = 'queries.requests' | 'resources.memory.used_bytes' | 'resources.storage.used_bytes' | 'resources.cpu.usage' | PoolUsageMetric | QueriesLatenciesMetric;
+export type Metric = 'queries.requests' | 'resources.memory.used_bytes' | 'resources.storage.used_bytes' | 'resources.cpu.usage' | 'resources.network.sent_bytes' | 'resources.network.received_bytes' | PoolUsageMetric | QueriesLatenciesMetric;
 export interface MetricDescription {
     target: Metric;
     title?: string;

package/dist/components/SegmentedProgress/SegmentedProgress.d.ts

@@ -1,9 +1,13 @@
 import './SegmentedProgress.scss';
+type DisplayNoLimit = 'empty' | 'filled';
 export interface SegmentedProgressProps {
     value: number;
     total: number;
     className?: string;
     labelStart?: string;
+    labelEnd?: string;
     ariaLabel?: string;
+    displayNoLimit?: DisplayNoLimit;
 }
-export declare function SegmentedProgress({ value, total, className, labelStart, ariaLabel, }: SegmentedProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedProgress({ value, total, className, labelStart, labelEnd, ariaLabel, displayNoLimit, }: SegmentedProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SegmentedProgress/SegmentedProgress.js

@@ -4,7 +4,7 @@ import { Flex, Text } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
 import './SegmentedProgress.scss';
 const b = cn('ydb-segmented-progress');
-export function SegmentedProgress({ value, total, className, labelStart, ariaLabel, }) {
+export function SegmentedProgress({ value, total, className, labelStart, labelEnd, ariaLabel, displayNoLimit = 'empty', }) {
     const percentUsed = total > 0 ? (value / total) * 100 : 0;
     const normalizedUsed = React.useMemo(() => {
         if (percentUsed < 0) {
@@ -18,6 +18,15 @@ export function SegmentedProgress({ value, total, className, labelStart, ariaLab
         }
         return Math.round(percentUsed);
     }, [percentUsed]);
-    return (_jsxs(Flex, { direction: "column", gap: 1, children: [_jsxs(Flex, { gap: 1, alignItems: "center", wrap: "nowrap", className: b(null, className), role: "progressbar", "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": normalizedUsed, children: [normalizedUsed > 0 && (_jsx("div", { className: b('section', { used: true }), style: { width: `${normalizedUsed}%` } })), 100 - normalizedUsed > 0 && _jsx("div", { className: b('section'), style: { flexGrow: 1 } })] }), _jsxs(Flex, { width: "100%", children: [labelStart && _jsx(Text, { color: "secondary", children: labelStart }), _jsxs(Text, { color: "secondary", className: b('label'), children: [normalizedUsed, "%"] })] })] }));
+    const fillWidth = React.useMemo(() => {
+        if (!total) {
+            if (displayNoLimit === 'filled') {
+                return 100;
+            }
+            return 0;
+        }
+        return normalizedUsed;
+    }, [total, normalizedUsed, displayNoLimit]);
+    return (_jsxs(Flex, { direction: "column", gap: 1, children: [_jsxs(Flex, { gap: 1, alignItems: "center", wrap: "nowrap", className: b(null, className), role: "progressbar", "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": normalizedUsed, children: [fillWidth > 0 && (_jsx("div", { className: b('section', { used: true }), style: { width: `${fillWidth}%` } })), 100 - fillWidth > 0 && _jsx("div", { className: b('section'), style: { flexGrow: 1 } })] }), _jsxs(Flex, { width: "100%", children: [labelStart && _jsx(Text, { color: "secondary", children: labelStart }), _jsx(Text, { color: "secondary", className: b('label'), children: labelEnd !== null && labelEnd !== void 0 ? labelEnd : `${normalizedUsed}%` })] })] }));
 }
 //# sourceMappingURL=SegmentedProgress.js.map

package/dist/components/SegmentedProgress/SegmentedProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedProgress.js","sourceRoot":"","sources":["../../../src/components/SegmentedProgress/SegmentedProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAUvC,MAAM,UAAU,iBAAiB,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,SAAS,GACY;IACrB,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAClB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,IAAI,WAAW,GAAG,GAAG,EAAE,CAAC;YACpB,OAAO,GAAG,CAAC;QACf,CAAC;QACD,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAC7C,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,MAAC,IAAI,IACD,GAAG,EAAE,CAAC,EACN,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,aAAa,gBACN,SAAS,mBACN,CAAC,mBACD,GAAG,mBACH,cAAc,aAE5B,cAAc,GAAG,CAAC,IAAI,CACnB,cACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EACrC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,cAAc,GAAG,EAAC,GACtC,CACL,EACA,GAAG,GAAG,cAAc,GAAG,CAAC,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAC,GAAI,IAChF,EACP,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACb,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,UAAU,GAAQ,EAC1D,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACxC,cAAc,SACZ,IACJ,IACJ,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"SegmentedProgress.js","sourceRoot":"","sources":["../../../src/components/SegmentedProgress/SegmentedProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAcvC,MAAM,UAAU,iBAAiB,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,GAAG,OAAO,GACH;IACrB,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAClB,OAAO,CAAC,CAAC;QACb,CAAC;QACD,IAAI,WAAW,GAAG,GAAG,EAAE,CAAC;YACpB,OAAO,GAAG,CAAC;QACf,CAAC;QACD,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;QAC7C,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,IAAI,cAAc,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,GAAG,CAAC;YACf,CAAC;YACD,OAAO,CAAC,CAAC;QACb,CAAC;QACD,OAAO,cAAc,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC3B,MAAC,IAAI,IACD,GAAG,EAAE,CAAC,EACN,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,aAAa,gBACN,SAAS,mBACN,CAAC,mBACD,GAAG,mBACH,cAAc,aAE5B,SAAS,GAAG,CAAC,IAAI,CACd,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,SAAS,GAAG,EAAC,GAAI,CAClF,EACA,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAC,GAAI,IAC3E,EACP,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACb,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,UAAU,GAAQ,EAC1D,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACxC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,GAAG,cAAc,GAAG,GAC9B,IACJ,IACJ,CACV,CAAC;AACN,CAAC"}

package/dist/components/Table/Table.js

@@ -16,6 +16,6 @@ export function Table({ className, width, wrapperClassName, ...props }) {
                 const align = (_a = cell === null || cell === void 0 ? void 0 : cell.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.align;
                 const verticalAlign = (_b = cell === null || cell === void 0 ? void 0 : cell.column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.verticalAlign;
                 return block('table-cell', { align, 'vertical-align': verticalAlign });
-            }, className: block('table', { width }, className), ...props }) }));
+            }, rowClassName: block('row'), className: block('table', { width }, className), ...props }) }));
 }
 //# sourceMappingURL=Table.js.map

package/dist/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAY9B,MAAM,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAoB;IACjE,OAAO,cAAK,SAAS,EAAE,KAAK,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,KAAK,CAAQ,EAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAoB;IAC1F,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACzC,KAAC,SAAS,IACN,mBAAmB,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;;gBAC9B,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,CAAC;gBAC3C,OAAO,KAAK,CAAC,mBAAmB,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;YAC/C,CAAC,EACD,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;;gBACpB,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,CAAC;gBACjD,MAAM,aAAa,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,aAAa,CAAC;gBACjE,OAAO,KAAK,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAC,CAAC,CAAC;YACzE,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,KACzC,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;AAY9B,MAAM,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAoB;IACjE,OAAO,cAAK,SAAS,EAAE,KAAK,CAAC,sBAAsB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,KAAK,CAAQ,EAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAoB;IAC1F,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACzC,KAAC,SAAS,IACN,mBAAmB,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;;gBAC9B,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,CAAC;gBAC3C,OAAO,KAAK,CAAC,mBAAmB,EAAE,EAAC,KAAK,EAAC,CAAC,CAAC;YAC/C,CAAC,EACD,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;;gBACpB,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,CAAC;gBACjD,MAAM,aAAa,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,SAAS,CAAC,IAAI,0CAAE,aAAa,CAAC;gBACjE,OAAO,KAAK,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAC,CAAC,CAAC;YACzE,CAAC,EACD,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAC1B,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,KACzC,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/Table/Table.scss

@@ -2,7 +2,10 @@
 
 .ydb-table {
     $block: &;
+    --ydb-table-row-height: 40px;
+    --ydb-table-head-cell-height: 40px;
     --ydb-table-cell-height: 40px;
+
     &__table-header-content {
         display: inline-flex;
         align-items: center;
@@ -26,11 +29,16 @@
             background-color: var(--g-color-base-generic-ultralight);
         }
     }
+    &__row {
+        // Ensure row height even when cell height is different.
+        // Cell could be bigger than row, this height should be considered as `min-height`
+        height: var(--ydb-table-row-height) !important;
+    }
     &__table_width_max {
         width: 100%;
     }
     &__table-header-cell {
-        height: var(--ydb-table-cell-height) !important;
+        height: var(--ydb-table-head-cell-height) !important;
         padding: 0;
 
         text-align: left;

package/dist/components/TableWithControlsLayout/TableWithControlsLayout.scss

@@ -16,10 +16,9 @@
     }
 
     &__controls-wrapper {
-        $padding-top: var(--ydb-table-with-controls-layout-controls-padding-top, 0px);
         z-index: 3;
 
-        align-items: if($padding-top == 0px, flex-start, center);
+        align-items: var(--ydb-table-with-controls-layout-controls-align-items, center);
 
         box-sizing: border-box;
         width: 100%;

package/dist/components/YDBDefinitionList/YDBDefinitionList.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { DefinitionList, Flex, Icon, Label } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
+import { InfoViewerTitle } from '../InfoViewerTitle/InfoViewerTitle';
 import i18n from './i18n';
 import './YDBDefinitionList.scss';
 const b = cn('ydb-definition-list');
@@ -12,7 +13,7 @@ export function YDBDefinitionList({ title, titleSuffix, titleSeparator = '•',
         if (!hasHeader) {
             return null;
         }
-        return (_jsxs(Flex, { className: b('header'), justifyContent: "space-between", gap: 2, alignItems: "center", children: [title && (_jsxs(Flex, { gap: "1", alignItems: "center", children: [_jsx("div", { className: b('title', titleClassname), children: title }), titleSuffix && (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('title-suffix'), children: titleSeparator }), _jsx("div", { className: b('title-suffix'), children: titleSuffix })] }))] })), headerLabels && headerLabels.length > 0 && (_jsx(Flex, { gap: 1, alignItems: "center", children: headerLabels.map((label) => (_jsx(Label, { theme: label.theme, icon: label.icon ? (_jsx(Icon, { data: label.icon, size: iconSize })) : undefined, size: labelSize, children: label.value }, label.id))) }))] }));
+        return (_jsxs(Flex, { className: b('header'), justifyContent: "space-between", gap: 2, alignItems: "center", children: [title && (_jsxs(Flex, { gap: "1", alignItems: "center", children: [_jsx(InfoViewerTitle, { className: b('title', titleClassname), children: title }), titleSuffix && (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('title-suffix'), children: titleSeparator }), _jsx("div", { className: b('title-suffix'), children: titleSuffix })] }))] })), headerLabels && headerLabels.length > 0 && (_jsx(Flex, { gap: 1, alignItems: "center", children: headerLabels.map((label) => (_jsx(Label, { theme: label.theme, icon: label.icon ? (_jsx(Icon, { data: label.icon, size: iconSize })) : undefined, size: labelSize, children: label.value }, label.id))) }))] }));
     };
     const renderContent = () => {
         if (items.length) {

package/dist/components/YDBDefinitionList/YDBDefinitionList.js.map

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

package/dist/components/YDBDefinitionList/YDBDefinitionList.scss

@@ -4,10 +4,6 @@
     $block: &;
     @include mixins.flex-container();
 
-    &__title {
-        @include mixins.info-viewer-title();
-    }
-
     &__title-suffix {
         color: var(--g-color-text-secondary);
     }

package/dist/components/nodesColumns/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "missing" | "version" | "database" | "tablets" | "cpu" | "memory" | "max" | "min" | "ping" | "uptime" | "dc" | "load" | "send" | "node-id" | "host" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "field_pile-name" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "missing" | "version" | "database" | "tablets" | "cpu" | "memory" | "max" | "min" | "ping" | "dc" | "uptime" | "load" | "send" | "node-id" | "host" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "field_pile-name" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/App/App.scss

@@ -67,11 +67,32 @@ body,
     &_theme_light,
     &_theme_light-hc {
         --code-background-color: var(--g-color-base-simple-hover-solid);
+
+        // Multi-tab query editor
+        --multitab-tab-inactive-background-color: var(--g-color-base-background);
+        --multitab-tab-inactive-border-color: var(--g-color-line-generic);
+        --multitab-tab-inactive-hover-background-color: #f2f2f2;
+        --multitab-tab-active-background-color: #f2f2f2;
+        --multitab-tab-active-border-color: transparent;
+        --multitab-tab-action-hover-color: #e6e6e6;
+        --multitab-code-background-color: var(--g-color-base-simple-hover-solid);
     }
     &_theme_dark,
     &_theme_dark-hc {
         // monaco background - vscDarkPlus theme
         --code-background-color: #1e1e1e;
+
+        // Multi-tab query editor
+        --multitab-tab-inactive-background-color: #424147;
+        --multitab-tab-inactive-border-color: transparent;
+        --multitab-tab-inactive-hover-background-color: #4d4c52;
+        --multitab-tab-active-background-color: #222126;
+        --multitab-tab-active-border-color: transparent;
+        --multitab-tab-action-hover-color: #36353a;
+        // Cannot use var(--code-background-color) here — it would create a circular
+        // dependency with QueryEditor.scss which overrides --code-background-color
+        // with var(--multitab-code-background-color) in multi-tab mode.
+        --multitab-code-background-color: #222126;
     }
 }
 

package/dist/containers/AsideNavigation/AsideNavigation.js

@@ -3,11 +3,12 @@ import React from 'react';
 import { CircleQuestion, Gear, Person } from '@gravity-ui/icons';
 import { AsideHeader, FooterItem } from '@gravity-ui/navigation';
 import { useHistory } from 'react-router-dom';
+import { useMultiTabQueryEditorEnabled } from '../../store/reducers/capabilities/hooks';
 import { SETTING_KEYS } from '../../store/reducers/settings/constants';
 import { cn } from '../../utils/cn';
 import { useSetting } from '../../utils/hooks';
 import { InformationPopup } from './InformationPopup';
-import { useHotkeysPanel } from './hooks/useHotkeysPanel';
+import { DEFAULT_HOTKEY_GROUPS, EDITOR_TABS_HOTKEY_GROUP, useHotkeysPanel, } from './hooks/useHotkeysPanel';
 import i18n from './i18n';
 import userSecret from '../../assets/icons/user-secret.svg';
 import ydbLogoIcon from '../../assets/icons/ydb.svg';
@@ -45,10 +46,15 @@ export function AsideNavigation(props) {
     const closePanel = React.useCallback(() => {
         setVisiblePanel(undefined);
     }, []);
+    const isMultiTabQueryEditorEnabled = useMultiTabQueryEditorEnabled();
+    const hotkeyGroups = isMultiTabQueryEditorEnabled
+        ? [...DEFAULT_HOTKEY_GROUPS, EDITOR_TABS_HOTKEY_GROUP]
+        : DEFAULT_HOTKEY_GROUPS;
     const { renderPanel: renderHotkeysPanel } = useHotkeysPanel({
         isPanelVisible: visiblePanel === Panel.Hotkeys,
         closePanel,
         openPanel: openHotkeysPanel,
+        hotkeyGroups,
     });
     const renderInformationPopup = () => {
         return _jsx(InformationPopup, { onKeyboardShortcutsClick: openHotkeysPanel });

package/dist/containers/AsideNavigation/AsideNavigation.js.map

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

package/dist/containers/AsideNavigation/Navigation.js

@@ -1,27 +1,45 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { Alert, Popover } from '@gravity-ui/uikit';
 import { useRouteMatch } from 'react-router-dom';
 import { useComponent } from '../../components/ComponentsProvider/ComponentsProvider';
 import routes from '../../routes';
 import { selectUser } from '../../store/reducers/authentication/authentication';
+import { SETTING_KEYS } from '../../store/reducers/settings/constants';
+import { useSetting } from '../../store/reducers/settings/useSetting';
 import { cn } from '../../utils/cn';
-import { useTypedSelector } from '../../utils/hooks';
+import { useDelayed, useTypedSelector } from '../../utils/hooks';
 import { useTenantNavigation } from '../Tenant/TenantNavigation/useTenantNavigation';
 import { useNavigationV2Enabled } from '../Tenant/utils/useNavigationV2Enabled';
 import { UserSettings } from '../UserSettings/UserSettings';
 import { YdbInternalUser } from './YdbInternalUser/YdbInternalUser';
+import i18n from './i18n';
 import './Navigation.scss';
 const b = cn('ydb-navigation-wrapper');
 export function Navigation({ children, userSettings }) {
     const AsideNavigation = useComponent('AsideNavigation');
     const match = useRouteMatch(routes.tenant);
+    const isDatabasePage = Boolean(match);
     const tenantNavigationItems = useTenantNavigation();
     const isV2Enabled = useNavigationV2Enabled();
+    const { value: isV2NavigationAlertSeen, saveValue: setIsV2NavigationAlertSeen, isLoading: isNotificationSettingLoading, } = useSetting(SETTING_KEYS.IS_V2_NAVIGATION_ALERT_SEEN);
     const ydbUser = useTypedSelector(selectUser);
+    const shouldShowNewNavAlert = isV2Enabled && isDatabasePage && !isV2NavigationAlertSeen && !isNotificationSettingLoading;
+    const [isNewNavAlertReady] = useDelayed(2000, shouldShowNewNavAlert);
+    const isNewNavAlertShown = shouldShowNewNavAlert && isNewNavAlertReady;
+    const handleNewNavAlertClose = React.useCallback(() => {
+        setIsV2NavigationAlertSeen(true);
+    }, [setIsV2NavigationAlertSeen]);
     const menuItems = React.useMemo(() => {
-        if (!match || !isV2Enabled) {
+        if (!isDatabasePage || !isV2Enabled) {
             return undefined;
         }
+        const renderNavItem = ({ wrapperCnParams, buttonCnParams, makeItem, makeItemParams, }) => {
+            // span1: full width wrapper to ensure proper button position
+            // span2: wrapper with additional background and animation
+            // span3: button wrapper for proper active and hover colors
+            return (_jsx("span", { className: b('nav-item-wrapper'), children: _jsx("span", { className: b('nav-item-bg', wrapperCnParams), children: _jsx("span", { className: b('button-wrapper', buttonCnParams), children: makeItem(makeItemParams) }) }) }));
+        };
         return tenantNavigationItems.map((item) => {
             const navigationItem = {
                 id: item.id,
@@ -49,15 +67,36 @@ export function Navigation({ children, userSettings }) {
                         ...baseCnParams,
                         active: item.current,
                     };
-                    // span1: full width wrapper to ensure proper button position
-                    // span2: wrapper with additional background and animation
-                    // span3: button wrapper for proper active and hover colors
-                    return (_jsx("span", { className: b('nav-item-wrapper'), children: _jsx("span", { className: b('nav-item-bg', wrapperCnParams), children: _jsx("span", { className: b('button-wrapper', buttonCnParams), children: makeItem(params) }) }) }));
+                    if (item.id === 'diagnostics') {
+                        return (_jsx(Popover, { open: isNewNavAlertShown, className: b('popover'), hasArrow: true, placement: ['right-start'], onOpenChange: (open, _, reason) => {
+                                const isValidCloseReason = reason === 'outside-press' || reason === 'escape-key';
+                                if (!open && isValidCloseReason) {
+                                    handleNewNavAlertClose();
+                                }
+                            }, content: _jsx(Alert, { theme: "clear", layout: "vertical", icon: null, title: i18n('alert.new-nav-title'), message: i18n('alert.new-nav-message'), onClose: handleNewNavAlertClose, actions: _jsx(Alert.Action, { view: "normal-contrast", className: b('alert-button'), onClick: handleNewNavAlertClose, children: i18n('alert.button-got-it') }) }), children: renderNavItem({
+                                wrapperCnParams,
+                                buttonCnParams,
+                                makeItem,
+                                makeItemParams: params,
+                            }) }));
+                    }
+                    return renderNavItem({
+                        wrapperCnParams,
+                        buttonCnParams,
+                        makeItem,
+                        makeItemParams: params,
+                    });
                 },
             };
             return navigationItem;
         });
-    }, [match, isV2Enabled, tenantNavigationItems]);
+    }, [
+        isDatabasePage,
+        isV2Enabled,
+        isNewNavAlertShown,
+        tenantNavigationItems,
+        handleNewNavAlertClose,
+    ]);
     return (_jsx(AsideNavigation, { settings: _jsx(UserSettings, { settings: userSettings }), ydbInternalUser: _jsx(YdbInternalUser, { login: ydbUser }), user: ydbUser ? { login: ydbUser } : undefined, menuItems: menuItems, content: children, className: b() }));
 }
 //# sourceMappingURL=Navigation.js.map

package/dist/containers/AsideNavigation/Navigation.js.map

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

package/dist/containers/AsideNavigation/Navigation.scss

@@ -185,4 +185,18 @@
             --ydb-nav-button-bg: var(--ydb-nav-green);
         }
     }
+
+    &__popover {
+        --g-popup-background-color: #1e94f9;
+        color: var(--g-color-text-brand-contrast);
+
+        // Replace default secondary color to match background and text color in light theme
+        svg {
+            opacity: 0.85;
+            color: var(--g-color-text-brand-contrast);
+        }
+    }
+    &__alert-button {
+        width: 128px;
+    }
 }

package/dist/containers/AsideNavigation/hooks/useHotkeysPanel.d.ts

@@ -1,7 +1,7 @@
 import type { HotkeysGroup } from '@gravity-ui/navigation';
-export declare const isMac: () => boolean;
 export declare const SHORTCUTS_HOTKEY: string;
 export declare const DEFAULT_HOTKEY_GROUPS: HotkeysGroup[];
+export declare const EDITOR_TABS_HOTKEY_GROUP: HotkeysGroup;
 export interface HotkeysPanelProps {
     visible: boolean;
     closePanel: () => void;