ydb-embedded-ui 11.4.0 → 11.6.0

package/dist/components/QueriesActivityBar/QueriesActivityExpandable.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { CirclePlay, Clock, Display, Person, Rocket } from '@gravity-ui/icons';
+import { ArrowToggle, Button, Card, Flex, Icon, Label, Text } from '@gravity-ui/uikit';
+import { useHistory, useLocation } from 'react-router-dom';
+import { TenantTabsGroups, getTenantPath } from '../../containers/Tenant/TenantPages';
+import { parseQuery } from '../../routes';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../store/reducers/tenant/constants';
+import { cn } from '../../utils/cn';
+import { QueriesActivityCharts } from './QueriesActivityCharts';
+import i18n from './i18n';
+import { formatTrendValue } from './utils';
+import './QueriesActivityBar.scss';
+const b = cn('queries-activity-bar');
+export function QueriesActivityExpandable({ tenantName, runningQueriesCount, uniqueApplications, uniqueUsers, qps, latency, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const history = useHistory();
+    const location = useLocation();
+    const [expanded, setExpanded] = React.useState(false);
+    const handleOpenRunningQueries = () => {
+        const queryParams = parseQuery(location);
+        const path = getTenantPath({
+            ...queryParams,
+            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
+            queryMode: 'running',
+        });
+        history.push(path);
+    };
+    const handleToggleExpanded = () => {
+        setExpanded(!expanded);
+    };
+    return (_jsx("div", { className: b({ expanded }), children: _jsxs(Card, { className: b('card'), type: "container", view: expanded ? 'outlined' : 'raised', children: [_jsxs(Flex, { className: b('header'), onClick: handleToggleExpanded, justifyContent: "space-between", alignItems: "center", gap: 3, children: [_jsxs(Flex, { direction: "column", children: [_jsx(Text, { variant: "subheader-2", className: b('title'), children: i18n('title_queries-activity') }), _jsx(Text, { color: "secondary", variant: "caption-2", className: b('subtitle'), children: i18n('context_monitor-changes-realtime') })] }), _jsxs(Flex, { alignItems: "center", gap: 4, children: [_jsxs(Flex, { alignItems: "center", gap: 1, children: [_jsx(Label, { theme: runningQueriesCount > 0 ? 'success' : 'unknown', size: "s", icon: _jsx(Icon, { data: CirclePlay, size: 14 }), children: runningQueriesCount }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Rocket }), size: "s", value: formatTrendValue((_b = (_a = qps === null || qps === void 0 ? void 0 : qps.trend) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 0), children: i18n('value_per-sec', { count: (_c = qps === null || qps === void 0 ? void 0 : qps.value) !== null && _c !== void 0 ? _c : '0' }) }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Clock }), size: "s", value: formatTrendValue((_e = (_d = latency === null || latency === void 0 ? void 0 : latency.trend) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : 0), children: i18n('value_ms', { time: (_f = latency === null || latency === void 0 ? void 0 : latency.value) !== null && _f !== void 0 ? _f : '0' }) })] }), _jsx(ArrowToggle, { direction: expanded ? 'top' : 'bottom', size: 16 })] })] }), expanded && (_jsx(Flex, { direction: "column", gap: 4, className: b('content'), children: _jsxs(Flex, { wrap: true, alignItems: "center", gap: 1, className: b('stats'), children: [_jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: CirclePlay }), size: "s", value: String(runningQueriesCount), children: i18n('field_running-queries') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Display }), size: "s", value: String(uniqueApplications), children: i18n('field_applications') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Person }), size: "s", value: String(uniqueUsers), children: i18n('field_users') }), runningQueriesCount > 0 && (_jsx(Button, { view: "outlined", size: "s", onClick: handleOpenRunningQueries, className: b('open-queries-button'), children: i18n('action_open-running-queries') }))] }) })), _jsx(QueriesActivityCharts, { tenantName: tenantName, expanded: expanded })] }) }));
+}
+//# sourceMappingURL=QueriesActivityExpandable.js.map

package/dist/components/QueriesActivityBar/QueriesActivityExpandable.js.map

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

package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.d.ts

@@ -0,0 +1,2 @@
+import './QueriesActivitySkeleton.scss';
+export declare function QueriesActivitySkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from '@gravity-ui/uikit';
+import { cn } from '../../utils/cn';
+import './QueriesActivitySkeleton.scss';
+const b = cn('queries-activity-skeleton');
+export function QueriesActivitySkeleton() {
+    return _jsx(Skeleton, { className: b('skeleton') });
+}
+//# sourceMappingURL=QueriesActivitySkeleton.js.map

package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueriesActivitySkeleton.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivitySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAE1C,MAAM,UAAU,uBAAuB;IACnC,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;AAClD,CAAC"}

package/dist/components/QueriesActivityBar/QueriesActivitySkeleton.scss

@@ -0,0 +1,6 @@
+.queries-activity-skeleton {
+    &__skeleton {
+        width: 100%;
+        height: 62px;
+    }
+}

package/dist/components/QueriesActivityBar/useQueriesActivityData.d.ts

@@ -0,0 +1,11 @@
+import { calculateLatency, calculateQueriesPerSecond } from './utils';
+interface UseQueriesActivityDataResult {
+    runningQueriesCount: number;
+    uniqueApplications: number;
+    uniqueUsers: number;
+    qps: ReturnType<typeof calculateQueriesPerSecond>;
+    latency: ReturnType<typeof calculateLatency>;
+    areChartsAvailable: boolean | null;
+}
+export declare function useQueriesActivityData(tenantName: string): UseQueriesActivityDataResult;
+export {};

package/dist/components/QueriesActivityBar/useQueriesActivityData.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { topQueriesApi } from '../../store/reducers/executeTopQueries/executeTopQueries';
+import { useAutoRefreshInterval } from '../../utils/hooks';
+import { chartApi } from '../MetricChart/reducer';
+import { calculateLatency, calculateQueriesPerSecond } from './utils';
+// Configuration constants for chart timeframes
+const QUERIES_TIME_FRAME = '1h';
+const LATENCIES_TIME_FRAME = '1h';
+export function useQueriesActivityData(tenantName) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const shouldRefresh = autoRefreshInterval;
+    const { data: runningQueriesData } = topQueriesApi.useGetRunningQueriesQuery({
+        database: tenantName,
+        filters: {},
+    }, { pollingInterval: shouldRefresh });
+    const { data: queriesPerSecData, isSuccess: queriesSuccess, isError: queriesError, } = chartApi.useGetChartDataQuery({
+        database: tenantName,
+        metrics: [{ target: 'queries.requests' }],
+        timeFrame: QUERIES_TIME_FRAME,
+        maxDataPoints: 30,
+    }, { pollingInterval: shouldRefresh });
+    const { data: latencyData } = chartApi.useGetChartDataQuery({
+        database: tenantName,
+        metrics: [{ target: 'queries.latencies.p99' }],
+        timeFrame: LATENCIES_TIME_FRAME,
+        maxDataPoints: 30,
+    }, { pollingInterval: shouldRefresh });
+    const runningQueriesCount = ((_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.length) || 0;
+    // Determine chart availability from queries API success/error state
+    const areChartsAvailable = React.useMemo(() => {
+        if (queriesSuccess) {
+            return true;
+        }
+        if (queriesError) {
+            return false;
+        }
+        return null; // Still loading
+    }, [queriesSuccess, queriesError]);
+    const qps = React.useMemo(() => { var _a, _b; return calculateQueriesPerSecond((_b = (_a = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_e = (_d = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.data]);
+    const latency = React.useMemo(() => { var _a, _b; return calculateLatency((_b = (_a = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_g = (_f = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.data]);
+    const uniqueApplications = React.useMemo(() => {
+        var _a, _b, _c;
+        const apps = new Set();
+        (_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
+            if (row.ApplicationName) {
+                apps.add(String(row.ApplicationName));
+            }
+        });
+        return apps.size;
+    }, [runningQueriesData]);
+    const uniqueUsers = React.useMemo(() => {
+        var _a, _b, _c;
+        const users = new Set();
+        (_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
+            if (row.UserSID) {
+                users.add(String(row.UserSID));
+            }
+        });
+        return users.size;
+    }, [runningQueriesData]);
+    return {
+        runningQueriesCount,
+        uniqueApplications,
+        uniqueUsers,
+        qps,
+        latency,
+        areChartsAvailable,
+    };
+}
+//# sourceMappingURL=useQueriesActivityData.js.map

package/dist/components/QueriesActivityBar/useQueriesActivityData.js.map

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

package/dist/components/SeeAllButton/SeeAllButton.d.ts

@@ -0,0 +1,7 @@
+interface SeeAllButtonProps {
+    to: string;
+    className?: string;
+    onClick?: () => void;
+}
+export declare function SeeAllButton({ to, className, onClick }: SeeAllButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SeeAllButton/SeeAllButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from '@gravity-ui/icons';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+import { InternalLink } from '../InternalLink';
+import i18n from './i18n';
+export function SeeAllButton({ to, className, onClick }) {
+    return (_jsx(InternalLink, { className: className, to: to, onClick: onClick, children: _jsxs(Flex, { alignItems: "center", gap: 1, children: [_jsx(Text, { children: i18n('action_see-all') }), _jsx(Icon, { data: ArrowRight, size: 16 })] }) }));
+}
+//# sourceMappingURL=SeeAllButton.js.map

package/dist/components/SeeAllButton/SeeAllButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeeAllButton.js","sourceRoot":"","sources":["../../../src/components/SeeAllButton/SeeAllButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAQ1B,MAAM,UAAU,YAAY,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAoB;IACpE,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,YACxD,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC5B,KAAC,IAAI,cAAE,IAAI,CAAC,gBAAgB,CAAC,GAAQ,EACrC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,GAAI,IACjC,GACI,CAClB,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,3 @@
+{
+    "action_see-all": "See all"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "action_see-all", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/SeeAllButton/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-see-all-button';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/SeeAllButton/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SeeAllButton/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/ShardsTable/columns.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import DataTable from '@gravity-ui/react-data-table';
-import { getDefaultNodePath } from '../../containers/Node/NodePages';
 import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
 import { formatNumber, roundToPrecision } from '../../utils/dataFormatters/dataFormatters';
 import { getUsageSeverity } from '../../utils/generateEvaluator';
-import { InternalLink } from '../InternalLink';
 import { LinkToSchemaObject } from '../LinkToSchemaObject/LinkToSchemaObject';
+import { NodeId } from '../NodeId/NodeId';
 import { TabletNameWrapper } from '../TabletNameWrapper/TabletNameWrapper';
 import { UsageLabel } from '../UsageLabel/UsageLabel';
 import { TOP_SHARDS_COLUMNS_IDS, TOP_SHARDS_COLUMNS_TITLES } from './constants';
@@ -31,7 +30,7 @@ export const getDataSizeColumn = () => {
         align: DataTable.RIGHT,
     };
 };
-export const getTabletIdColumn = () => {
+export const getTabletIdColumn = ({ database }) => {
     return {
         name: TOP_SHARDS_COLUMNS_IDS.TabletId,
         header: TOP_SHARDS_COLUMNS_TITLES.TabletId,
@@ -39,7 +38,7 @@ export const getTabletIdColumn = () => {
             if (!row.TabletId) {
                 return EMPTY_DATA_PLACEHOLDER;
             }
-            return (_jsx(TabletNameWrapper, { tabletId: row.TabletId, followerId: row.FollowerId || undefined }));
+            return (_jsx(TabletNameWrapper, { tabletId: row.TabletId, followerId: row.FollowerId || undefined, database: database }));
         },
         width: 220,
     };
@@ -52,7 +51,7 @@ export const getNodeIdColumn = () => {
             if (!row.NodeId) {
                 return EMPTY_DATA_PLACEHOLDER;
             }
-            return _jsx(InternalLink, { to: getDefaultNodePath(row.NodeId), children: row.NodeId });
+            return _jsx(NodeId, { id: row.NodeId });
         },
         align: DataTable.RIGHT,
     };
@@ -65,7 +64,7 @@ export const getCpuCoresColumn = () => {
             const usage = Number(row.CPUCores) * 100 || 0;
             return (_jsx(UsageLabel, { value: roundToPrecision(usage, 2), theme: getUsageSeverity(usage) }));
         },
-        align: DataTable.RIGHT,
+        align: DataTable.LEFT,
         width: 110,
         resizeMinWidth: 110,
     };

package/dist/components/ShardsTable/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,kBAAkB,EAAC,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAC,iBAAiB,EAAC,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAGpD,OAAO,EAAC,sBAAsB,EAAE,yBAAyB,EAAC,MAAM,aAAa,CAAC;AAE9E,OAAO,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAAC,UAAU,GAAG,EAAE,EAAC,EAAE,EAAE;IAChE,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,IAAI;QACjC,MAAM,EAAE,yBAAyB,CAAC,IAAI;QACtC,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,0CAA0C;YAC1C,OAAO,CACH,KAAC,kBAAkB,IAAC,IAAI,EAAE,UAAU,GAAG,GAAG,CAAC,YAAY,YAClD,GAAG,CAAC,YAAY,GACA,CACxB,CAAC;QACN,CAAC;QACD,KAAK,EAAE,GAAG;KACb,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAoB,GAAG,EAAE;IACnD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,QAAQ;QACrC,MAAM,EAAE,yBAAyB,CAAC,QAAQ;QAC1C,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,OAAO,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC;QACD,KAAK,EAAE,SAAS,CAAC,KAAK;KACzB,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAoB,GAAG,EAAE;IACnD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,QAAQ;QACrC,MAAM,EAAE,yBAAyB,CAAC,QAAQ;QAC1C,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;gBAChB,OAAO,sBAAsB,CAAC;YAClC,CAAC;YACD,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,UAAU,EAAE,GAAG,CAAC,UAAU,IAAI,SAAS,GACzC,CACL,CAAC;QACN,CAAC;QACD,KAAK,EAAE,GAAG;KACb,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAoB,GAAG,EAAE;IACjD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,MAAM;QACnC,MAAM,EAAE,yBAAyB,CAAC,MAAM;QACxC,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;gBACd,OAAO,sBAAsB,CAAC;YAClC,CAAC;YACD,OAAO,KAAC,YAAY,IAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,MAAM,CAAC,YAAG,GAAG,CAAC,MAAM,GAAgB,CAAC;QACzF,CAAC;QACD,KAAK,EAAE,SAAS,CAAC,KAAK;KACzB,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAoB,GAAG,EAAE;IACnD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,QAAQ;QACrC,MAAM,EAAE,yBAAyB,CAAC,QAAQ;QAC1C,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAC9C,OAAO,CACH,KAAC,UAAU,IAAC,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAI,CACpF,CAAC;QACN,CAAC;QACD,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,GAAG;QACV,cAAc,EAAE,GAAG;KACtB,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAoB,GAAG,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,eAAe;QAC5C,MAAM,EAAE,yBAAyB,CAAC,eAAe;QACjD,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;QACpD,KAAK,EAAE,SAAS,CAAC,KAAK;KACzB,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAoB,GAAG,EAAE;IACnD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,QAAQ;QACrC,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,OAAO,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAoB,GAAG,EAAE;IACtD,OAAO;QACH,IAAI,EAAE,sBAAsB,CAAC,WAAW;QACxC,MAAM,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE;YACd,OAAO,oBAAoB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACjD,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA+C;IACjF,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,aAAa;IAC5C,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,iBAAiB;IACpD,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,iBAAiB;IACpD,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,eAAe;IAChD,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,iBAAiB;IACpD,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,wBAAwB;IAClE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,iBAAiB;IACpD,CAAC,sBAAsB,CAAC,WAAW,CAAC,EAAE,oBAAoB;CAC7D,CAAC"}
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":"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"}

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Popover } from '@gravity-ui/uikit';
 import { formatBytes } from '../../utils/bytesParsers';
 import { cn } from '../../utils/cn';
+import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
 import i18n from './i18n';
 import './SpeedMultiMeter.scss';
 const b = cn('speed-multimeter');
@@ -42,6 +43,6 @@ export const SpeedMultiMeter = ({ data, speedSize = 'kb', withValue = true, with
     const renderPopoverContent = () => {
         return (_jsxs("div", { className: b('popover-content'), children: [_jsx("span", { className: b('popover-header'), children: i18n('averageSpeed') }), formattedValues.map((formattedValue, index) => (_jsx("span", { className: b('popover-row', getModifier(isValueHighlighted(index))), children: `${formattedValue.label}: ${formattedValue.value}` }, index)))] }));
     };
-    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container'), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
+    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container', YDB_POPOVER_CLASS_NAME), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
 };
 //# sourceMappingURL=SpeedMultiMeter.js.map

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js.map

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

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.scss

@@ -70,9 +70,6 @@
         font-size: 18px;
         line-height: 24px;
     }
-    &__popover-content {
-        padding: var(--g-spacing-4);
-    }
 
     &__popover-row {
         display: block;

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.d.ts

@@ -1,9 +1,11 @@
+import type { ButtonSize } from '@gravity-ui/uikit';
 import type { Language } from './types';
 import './YDBSyntaxHighlighter.scss';
 interface ClipboardButtonOptions {
     alwaysVisible?: boolean;
     copyText?: string;
     withLabel?: boolean;
+    size?: ButtonSize;
 }
 export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
 type YDBSyntaxHighlighterProps = {

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js

@@ -27,17 +27,12 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
         }
         registerLangAndUpdateKey();
     }, [language]);
+    const clipboardButtonProps = typeof withClipboardButton === 'object' ? withClipboardButton : undefined;
     const renderCopyButton = () => {
         if (withClipboardButton) {
-            return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy', {
-                        visible: typeof withClipboardButton === 'object' &&
-                            withClipboardButton.alwaysVisible,
-                    }), text: (typeof withClipboardButton === 'object' &&
-                        withClipboardButton.copyText) ||
-                        text, children: typeof withClipboardButton === 'object' &&
-                        withClipboardButton.withLabel === false
-                        ? null
-                        : i18n('copy') }) }));
+            return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.size) || 'xs', className: b('copy', {
+                        visible: clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.alwaysVisible,
+                    }), text: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.copyText) || text, children: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.withLabel) === false ? null : i18n('copy') }) }));
         }
         return null;
     };

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAmBD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,mBAAmB,GACK;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,oBAAoB,GACtB,OAAO,mBAAmB,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACtB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACtE,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAE,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,IAAI,KAAI,IAAI,EACxC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;wBACjB,OAAO,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,aAAa;qBAC/C,CAAC,EACF,IAAI,EAAE,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,QAAQ,KAAI,IAAI,YAE3C,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,SAAS,MAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAClD,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,IAAI,aAAa,GAAG,EAAE,CAAC;IAEvB,IACI,mBAAmB;QACnB,OAAO,mBAAmB,KAAK,QAAQ;QACvC,mBAAmB,CAAC,aAAa,EACnC,CAAC;QACC,IAAI,mBAAmB,CAAC,SAAS,EAAE,CAAC;YAChC,aAAa,GAAG,EAAC,YAAY,EAAE,EAAE,EAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACJ,aAAa,GAAG,EAAC,YAAY,EAAE,EAAE,EAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAC,YAE9C,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}

package/dist/components/SyntaxHighlighter/themes.d.ts

@@ -2,6 +2,7 @@ export declare const lightTransparent: {
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -186,7 +187,6 @@ export declare const lightTransparent: {
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -830,6 +830,7 @@ export declare const lightTransparent: {
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -959,7 +960,6 @@ export declare const lightTransparent: {
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;
@@ -1685,6 +1685,7 @@ export declare const darkTransparent: {
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -1869,7 +1870,6 @@ export declare const darkTransparent: {
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -2513,6 +2513,7 @@ export declare const darkTransparent: {
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -2642,7 +2643,6 @@ export declare const darkTransparent: {
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;
@@ -3368,6 +3368,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -3552,7 +3553,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -4196,6 +4196,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -4325,7 +4326,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;

package/dist/components/SyntaxHighlighter/themes.js

@@ -6,12 +6,14 @@ export const lightTransparent = {
         ...materialLight['pre[class*="language-"]'],
         background: 'transparent',
         margin: 0,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...materialLight['code[class*="language-"]'],
         background: 'transparent',
         color: 'var(--g-color-text-primary)',
         whiteSpace: 'pre-wrap',
+        fontSize: '13px',
     },
     comment: {
         color: '#969896',
@@ -47,12 +49,14 @@ export const darkTransparent = {
         ...vscDarkPlus['pre[class*="language-"]'],
         background: 'transparent',
         margin: 0,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...vscDarkPlus['code[class*="language-"]'],
         background: 'transparent',
         color: 'var(--g-color-text-primary)',
         whiteSpace: 'pre-wrap',
+        fontSize: '13px',
     },
     comment: {
         color: '#969896',
@@ -88,10 +92,12 @@ const dark = {
         ...darkTransparent['pre[class*="language-"]'],
         background: vscDarkPlus['pre[class*="language-"]'].background,
         scrollbarColor: `var(--g-color-scroll-handle) transparent`,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...darkTransparent['code[class*="language-"]'],
         whiteSpace: 'pre',
+        fontSize: '13px',
     },
 };
 const light = {
@@ -100,10 +106,12 @@ const light = {
         ...lightTransparent['pre[class*="language-"]'],
         background: 'var(--g-color-base-misc-light)',
         scrollbarColor: `var(--g-color-scroll-handle) transparent`,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...lightTransparent['code[class*="language-"]'],
         whiteSpace: 'pre',
+        fontSize: '13px',
     },
 };
 export function useSyntaxHighlighterStyle(transparentBackground) {

package/dist/components/SyntaxHighlighter/themes.js.map

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

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.d.ts

@@ -0,0 +1,6 @@
+interface TitleWithHelpMarkProps {
+    header: string;
+    note: string;
+}
+export declare function TitleWithHelpMark({ header, note }: TitleWithHelpMarkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, HelpMark } from '@gravity-ui/uikit';
+export function TitleWithHelpMark({ header, note }) {
+    return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [header, _jsx(HelpMark, { popoverProps: { placement: ['right', 'left'] }, children: note })] }));
+}
+//# sourceMappingURL=TitleWithHelpmark.js.map

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithHelpmark.js","sourceRoot":"","sources":["../../../src/components/TitleWithHelpmark/TitleWithHelpmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAOjD,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,IAAI,EAAyB;IACpE,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC5B,MAAM,EACP,KAAC,QAAQ,IAAC,YAAY,EAAE,EAAC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAC,YAAG,IAAI,GAAY,IACtE,CACV,CAAC;AACN,CAAC"}

package/dist/components/VDisk/VDisk.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../utils/cn';
+import { useDatabaseFromQuery } from '../../utils/hooks/useDatabaseFromQuery';
 import { DiskStateProgressBar } from '../DiskStateProgressBar/DiskStateProgressBar';
 import { HoverPopup } from '../HoverPopup/HoverPopup';
 import { InternalLink } from '../InternalLink';
@@ -8,7 +9,10 @@ import { getVDiskLink } from './utils';
 import './VDisk.scss';
 const b = cn('ydb-vdisk-component');
 export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, }) => {
-    const vDiskPath = getVDiskLink(data);
+    const database = useDatabaseFromQuery();
+    const vDiskPath = getVDiskLink(data, {
+        database: database,
+    });
     return (_jsx(HoverPopup, { showPopup: showPopup, onShowPopup: onShowPopup, onHidePopup: onHidePopup, renderPopupContent: () => _jsx(VDiskPopup, { data: data }), offset: { mainAxis: 5, crossAxis: 0 }, delayClose: delayClose, delayOpen: delayOpen, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content'), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: data.Severity, compact: compact, inactive: inactive, className: progressBarClassName }) }) }) }));
 };
 //# sourceMappingURL=VDisk.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,GACA,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,EACnC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAChD,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,oBAAoB,GACjC,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,oBAAoB,EAAC,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,GACA,EAAE,EAAE;IACb,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,EAAE;QACjC,QAAQ,EAAE,QAAQ;KACrB,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,EACnC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAChD,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,oBAAoB,GACjC,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,2 +1,4 @@
 import type { PreparedVDisk } from '../../utils/disks/types';
-export declare function getVDiskLink(data: PreparedVDisk): string | undefined;
+export declare function getVDiskLink(data: PreparedVDisk, query: {
+    database: string | undefined;
+}): string | undefined;