ydb-embedded-ui 6.4.0 → 6.5.0

package/README.md

@@ -41,7 +41,7 @@ For API reference, open Swagger UI on http://localhost:8765/viewer/api/.
 Image `cr.yandex/yc/yandex-docker-local-ydb` corresponds to `:latest` tag. It's the latest stable ydb version.
 
 To test new features, you can use ydb version that is currently in testing mode with `cr.yandex/yc/yandex-docker-local-ydb:edge` image
-or use a build from `main` brunch with `ghcr.io/ydb-platform/local-ydb:trunk` image.
+or use a build from `main` brunch with `ghcr.io/ydb-platform/local-ydb:nightly` image.
 Also you can set specific version like `cr.yandex/yc/yandex-docker-local-ydb:23.1`
 
 ### Custom configuration in dev mode with .env file

package/dist/components/AsyncReplicationState/AsyncReplicationState.d.ts

@@ -0,0 +1,6 @@
+import type { TReplicationState } from '../../types/api/schema/replication';
+interface AsyncReplicationStateProps {
+    state?: TReplicationState;
+}
+export declare function AsyncReplicationState({ state }: AsyncReplicationStateProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/AsyncReplicationState/AsyncReplicationState.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from '@gravity-ui/uikit';
+export function AsyncReplicationState({ state }) {
+    if (!state) {
+        return null;
+    }
+    if ('StandBy' in state) {
+        return _jsx(Label, { theme: "info", children: "Standby" });
+    }
+    if ('Paused' in state) {
+        return _jsx(Label, { theme: "info", children: "Paused" });
+    }
+    if ('Done' in state) {
+        return _jsx(Label, { theme: "success", children: "Done" });
+    }
+    if ('Error' in state) {
+        return _jsx(Label, { theme: "danger", children: "Error" });
+    }
+    return _jsx(Label, { size: "s", children: "Unknown" });
+}

package/dist/components/AsyncReplicationState/index.d.ts

@@ -0,0 +1 @@
+export * from './AsyncReplicationState';

package/dist/components/AsyncReplicationState/index.js

@@ -0,0 +1 @@
+export * from './AsyncReplicationState';

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ButtonProps } from '@gravity-ui/uikit';
+import type { ButtonProps, PopoverProps } from '@gravity-ui/uikit';
 interface ButtonWithConfirmDialogProps<T, K> {
     children: React.ReactNode;
     onConfirmAction: () => Promise<T>;
@@ -8,6 +8,10 @@ interface ButtonWithConfirmDialogProps<T, K> {
     buttonDisabled?: ButtonProps['disabled'];
     buttonView?: ButtonProps['view'];
     buttonClassName?: ButtonProps['className'];
+    withPopover?: boolean;
+    popoverContent?: PopoverProps['content'];
+    popoverPlacement?: PopoverProps['placement'];
+    popoverDisabled?: PopoverProps['disabled'];
 }
-export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled, buttonView, buttonClassName, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Button } from '@gravity-ui/uikit';
+import { Button, Popover } from '@gravity-ui/uikit';
 import { CriticalActionDialog } from '../CriticalActionDialog';
-export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled = false, buttonView = 'action', buttonClassName, }) {
+export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
     const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
     const [buttonLoading, setButtonLoading] = React.useState(false);
     const handleConfirmAction = async () => {
@@ -26,7 +26,16 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
     const handleConfirmActionError = () => {
         setButtonLoading(false);
     };
+    const renderButton = () => {
+        return (_jsx(Button, { onClick: () => setIsConfirmDialogVisible(true), view: buttonView, disabled: buttonDisabled, loading: !buttonDisabled && buttonLoading, className: buttonClassName, children: children }));
+    };
+    const renderContent = () => {
+        if (withPopover) {
+            return (_jsx(Popover, { content: popoverContent, placement: popoverPlacement, disabled: popoverDisabled, children: renderButton() }));
+        }
+        return renderButton();
+    };
     return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
                     setIsConfirmDialogVisible(false);
-                } }), _jsx(Button, { onClick: () => setIsConfirmDialogVisible(true), view: buttonView, disabled: buttonDisabled, loading: !buttonDisabled && buttonLoading, className: buttonClassName, children: children })] }));
+                } }), renderContent()] }));
 }

package/dist/components/Errors/ResponseError/ResponseError.js

@@ -2,6 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import i18n from '../i18n';
 export const ResponseError = ({ error, className, defaultMessage = i18n('responseError.defaultMessage'), }) => {
     let statusText = '';
+    if (error && typeof error === 'string') {
+        statusText = error;
+    }
     if (error && typeof error === 'object') {
         if ('statusText' in error && typeof error.statusText === 'string') {
             statusText = error.statusText;

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

@@ -1 +1 @@
-export declare const pDiskInfoKeyset: (key: "path" | "type" | "size" | "links" | "state" | "guid" | "category" | "device" | "realtime" | "serial-number" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const pDiskInfoKeyset: (key: "path" | "type" | "size" | "state" | "links" | "guid" | "category" | "device" | "realtime" | "serial-number" | "developer-ui" | "pdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.d.ts

@@ -1,8 +1,7 @@
-import type { AxiosError } from 'axios';
 import './QueryExecutionStatus.scss';
 interface QueryExecutionStatusProps {
     className?: string;
-    error?: AxiosError | Record<string, any> | string;
+    error?: unknown;
 }
 export declare const QueryExecutionStatus: ({ className, error }: QueryExecutionStatusProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/QueryExecutionStatus/QueryExecutionStatus.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CircleCheck, CircleQuestionFill, CircleXmark } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
+import { isAxiosError } from 'axios';
 import { cn } from '../../utils/cn';
 import './QueryExecutionStatus.scss';
 const b = cn('kv-query-execution-status');
 export const QueryExecutionStatus = ({ className, error }) => {
     let icon;
     let label;
-    if (typeof error === 'object' && (error === null || error === void 0 ? void 0 : error.code) === 'ECONNABORTED') {
+    if (isAxiosError(error) && error.code === 'ECONNABORTED') {
         icon = _jsx(Icon, { data: CircleQuestionFill });
         label = 'Connection aborted';
     }

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

@@ -1 +1 @@
-export declare const vDiskInfoKeyset: (key: "size" | "kind" | "links" | "yes" | "no" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const vDiskInfoKeyset: (key: "size" | "kind" | "yes" | "no" | "links" | "pool-name" | "guid" | "developer-ui" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/containers/Clusters/Clusters.js

@@ -14,7 +14,7 @@ import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import { getMinorVersion } from '../../utils/versions';
 import { ClustersStatistics } from './ClustersStatistics';
 import { CLUSTERS_COLUMNS, CLUSTERS_COLUMNS_WIDTH_LS_KEY } from './columns';
-import { CLUSTER_STATUSES, COLUMNS_NAMES, COLUMNS_TITLES, DEFAULT_COLUMNS, SELECTED_COLUMNS_KEY, } from './constants';
+import { COLUMNS_NAMES, COLUMNS_TITLES, DEFAULT_COLUMNS, SELECTED_COLUMNS_KEY } from './constants';
 import i18n from './i18n';
 import { b } from './shared';
 import { useSelectedColumns } from './useSelectedColumns';
@@ -67,10 +67,15 @@ export function Clusters() {
         return filterClusters(clusters !== null && clusters !== void 0 ? clusters : [], { clusterName, status, service, version });
     }, [clusterName, clusters, service, status, version]);
     const aggregation = React.useMemo(() => aggregateClustersInfo(filteredClusters), [filteredClusters]);
+    const statuses = React.useMemo(() => {
+        return Array.from(new Set((clusters !== null && clusters !== void 0 ? clusters : []).map((cluster) => cluster.status).filter(Boolean)))
+            .sort()
+            .map((el) => ({ value: el, content: el }));
+    }, [clusters]);
     if (query.isLoading) {
         return _jsx(Loader, { size: "l" });
     }
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), _jsx(ClustersStatistics, { stats: aggregation, count: filteredClusters.length }), _jsxs("div", { className: b('controls'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: CLUSTER_STATUSES, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }), query.isError ? _jsx(ResponseError, { error: query.error, className: b('error') }) : null, _jsx("div", { className: b('table-wrapper'), children: _jsx("div", { className: b('table-content'), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false }), initialSortOrder: {
+    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), _jsx(ClustersStatistics, { stats: aggregation, count: filteredClusters.length }), _jsxs("div", { className: b('controls'), children: [_jsx("div", { className: b('control', { wide: true }), children: _jsx(Search, { placeholder: i18n('controls_search-placeholder'), onChange: changeClusterName, value: clusterName }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_status-select-label'), value: status, options: statuses, onUpdate: changeStatus, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_service-select-label'), value: service, options: servicesToSelect, onUpdate: changeService, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(Select, { multiple: true, filterable: true, hasClear: true, placeholder: i18n('controls_select-placeholder'), label: i18n('controls_version-select-label'), value: version, options: versions, onUpdate: changeVersion, width: "max" }) }), _jsx("div", { className: b('control'), children: _jsx(TableColumnSetup, { popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: setColumns, sortable: false }, "TableColumnSetup") })] }), query.isError ? _jsx(ResponseError, { error: query.error, className: b('error') }) : null, _jsx("div", { className: b('table-wrapper'), children: _jsx("div", { className: b('table-content'), children: _jsx(ResizeableDataTable, { columnsWidthLSKey: CLUSTERS_COLUMNS_WIDTH_LS_KEY, wrapperClassName: b('table'), data: filteredClusters, columns: columnsToShow, settings: Object.assign(Object.assign({}, DEFAULT_TABLE_SETTINGS), { dynamicRender: false }), initialSortOrder: {
                             columnId: COLUMNS_NAMES.TITLE,
                             order: DataTable.ASCENDING,
                         } }) }) })] }));

package/dist/containers/Clusters/constants.d.ts

@@ -1,4 +1,3 @@
-import type { SelectOption } from '@gravity-ui/uikit';
 export declare const SELECTED_COLUMNS_KEY = "selectedColumns";
 export declare const COLUMNS_NAMES: {
     readonly TITLE: "title";
@@ -15,7 +14,7 @@ export declare const COLUMNS_NAMES: {
     readonly DESCRIPTION: "description";
     readonly BALANCER: "balancer";
 };
-export declare const DEFAULT_COLUMNS: ("nodes" | "storage" | "tenants" | "versions" | "status" | "service" | "hosts" | "balancer" | "title" | "owner" | "load")[];
+export declare const DEFAULT_COLUMNS: ("nodes" | "storage" | "status" | "tenants" | "versions" | "service" | "hosts" | "balancer" | "title" | "owner" | "load")[];
 export declare const COLUMNS_TITLES: {
     readonly title: "Cluster";
     readonly versions: "Versions";
@@ -31,4 +30,3 @@ export declare const COLUMNS_TITLES: {
     readonly description: "Description";
     readonly balancer: "Balancer";
 };
-export declare const CLUSTER_STATUSES: SelectOption[];

package/dist/containers/Clusters/constants.js

@@ -42,21 +42,3 @@ export const COLUMNS_TITLES = {
     [COLUMNS_NAMES.DESCRIPTION]: 'Description',
     [COLUMNS_NAMES.BALANCER]: 'Balancer',
 };
-export const CLUSTER_STATUSES = [
-    {
-        value: 'production',
-        content: 'Production',
-    },
-    {
-        value: 'preprod',
-        content: 'Preprod',
-    },
-    {
-        value: 'testing',
-        content: 'Testing',
-    },
-    {
-        value: 'development',
-        content: 'Development',
-    },
-];

package/dist/containers/PDiskPage/PDiskPage.js

@@ -25,6 +25,7 @@ export function PDiskPage() {
     var _a;
     const dispatch = useTypedDispatch();
     const nodesMap = useTypedSelector(selectNodesMap);
+    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
     const [{ nodeId, pDiskId }] = useQueryParams({
         nodeId: StringParam,
         pDiskId: StringParam,
@@ -74,7 +75,7 @@ export function PDiskPage() {
         return (_jsx(DiskPageTitle, { entityName: pDiskPageKeyset('pdisk'), status: getSeverityColor(Severity), id: pDiskId, className: pdiskPageCn('title') }));
     };
     const renderControls = () => {
-        return (_jsx("div", { className: pdiskPageCn('controls'), children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleRestart, onConfirmActionSuccess: handleAfterRestart, buttonDisabled: !nodeId || !pDiskId, buttonView: "normal", dialogContent: pDiskPageKeyset('restart-pdisk-dialog'), children: [_jsx(Icon, { data: ArrowRotateLeft }), pDiskPageKeyset('restart-pdisk-button')] }) }));
+        return (_jsx("div", { className: pdiskPageCn('controls'), children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleRestart, onConfirmActionSuccess: handleAfterRestart, buttonDisabled: !nodeId || !pDiskId || !isUserAllowedToMakeChanges, buttonView: "normal", dialogContent: pDiskPageKeyset('restart-pdisk-dialog'), withPopover: true, popoverContent: pDiskPageKeyset('restart-pdisk-not-allowed'), popoverDisabled: isUserAllowedToMakeChanges, children: [_jsx(Icon, { data: ArrowRotateLeft }), pDiskPageKeyset('restart-pdisk-button')] }) }));
     };
     const renderInfo = () => {
         if (pDiskLoading) {

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

@@ -4,5 +4,6 @@
     "groups": "Groups",
     "node": "Node",
     "restart-pdisk-button": "Restart PDisk",
-    "restart-pdisk-dialog": "PDisk will be restarted. Do you want to proceed?"
+    "restart-pdisk-dialog": "PDisk will be restarted. Do you want to proceed?",
+    "restart-pdisk-not-allowed": "You don't have enough rights to restart PDisk"
 }

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

@@ -1 +1 @@
-export declare const pDiskPageKeyset: (key: "node" | "groups" | "fqdn" | "pdisk" | "restart-pdisk-button" | "restart-pdisk-dialog", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const pDiskPageKeyset: (key: "node" | "groups" | "fqdn" | "pdisk" | "restart-pdisk-button" | "restart-pdisk-dialog" | "restart-pdisk-not-allowed", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/containers/Tablet/TabletControls/TabletControls.js

@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { ButtonWithConfirmDialog } from '../../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
 import { ETabletState } from '../../../types/api/tablet';
+import { useTypedSelector } from '../../../utils/hooks';
 import { b } from '../Tablet';
 import i18n from '../i18n';
 export const TabletControls = ({ tablet, fetchData }) => {
     const { TabletId, HiveId } = tablet;
+    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
     const _onKillClick = () => {
         return window.api.killTablet(TabletId);
     };
@@ -21,5 +23,5 @@ export const TabletControls = ({ tablet, fetchData }) => {
     const isDisabledRestart = tablet.State === ETabletState.Stopped;
     const isDisabledResume = tablet.State !== ETabletState.Stopped && tablet.State !== ETabletState.Dead;
     const isDisabledStop = tablet.State === ETabletState.Stopped || tablet.State === ETabletState.Deleted;
-    return (_jsxs("div", { className: b('controls'), children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.kill'), onConfirmAction: _onKillClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledRestart, children: i18n('controls.kill') }), hasHiveId() ? (_jsxs(React.Fragment, { children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.stop'), onConfirmAction: _onStopClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledStop, children: i18n('controls.stop') }), _jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.resume'), onConfirmAction: _onResumeClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledResume, children: i18n('controls.resume') })] })) : null] }));
+    return (_jsxs("div", { className: b('controls'), children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.kill'), onConfirmAction: _onKillClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledRestart || !isUserAllowedToMakeChanges, withPopover: true, popoverContent: i18n('controls.kill-not-allowed'), popoverPlacement: 'bottom', popoverDisabled: isUserAllowedToMakeChanges, children: i18n('controls.kill') }), hasHiveId() ? (_jsxs(React.Fragment, { children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.stop'), onConfirmAction: _onStopClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledStop || !isUserAllowedToMakeChanges, withPopover: true, popoverContent: i18n('controls.stop-not-allowed'), popoverPlacement: 'bottom', popoverDisabled: isUserAllowedToMakeChanges, children: i18n('controls.stop') }), _jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.resume'), onConfirmAction: _onResumeClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledResume || !isUserAllowedToMakeChanges, withPopover: true, popoverContent: i18n('controls.resume-not-allowed'), popoverPlacement: 'bottom', popoverDisabled: isUserAllowedToMakeChanges, children: i18n('controls.resume') })] })) : null] }));
 };

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

@@ -3,6 +3,9 @@
     "controls.kill": "Restart",
     "controls.stop": "Stop",
     "controls.resume": "Resume",
+    "controls.kill-not-allowed": "You don't have enough rights to restart tablet",
+    "controls.stop-not-allowed": "You don't have enough rights to stop tablet",
+    "controls.resume-not-allowed": "You don't have enough rights to resume tablet",
     "dialog.kill": "The tablet will be restarted. Do you want to proceed?",
     "dialog.stop": "The tablet will be stopped. Do you want to proceed?",
     "dialog.resume": "The tablet will be resumed. Do you want to proceed?",

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "dialog.kill" | "tablet.header" | "controls.kill" | "controls.stop" | "controls.resume" | "dialog.stop" | "dialog.resume" | "emptyState", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "dialog.kill" | "controls.kill-not-allowed" | "tablet.header" | "controls.kill" | "controls.stop" | "controls.resume" | "controls.stop-not-allowed" | "controls.resume-not-allowed" | "dialog.stop" | "dialog.resume" | "emptyState", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/Tablet/i18n/index.js

@@ -1,5 +1,4 @@
 import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
-import ru from './ru.json';
 const COMPONENT = 'ydb-tablet-page';
-export default registerKeysets(COMPONENT, { en, ru });
+export default registerKeysets(COMPONENT, { en });

package/dist/containers/Tablets/Tablets.js

@@ -103,11 +103,12 @@ const columns = [
 function TabletActions(tablet) {
     const isDisabledRestart = tablet.State === ETabletState.Stopped;
     const dispatch = useTypedDispatch();
+    const { isUserAllowedToMakeChanges } = useTypedSelector((state) => state.authentication);
     return (_jsx(ButtonWithConfirmDialog, { buttonView: "outlined", dialogContent: i18n('dialog.kill'), onConfirmAction: () => {
             return window.api.killTablet(tablet.TabletId);
         }, onConfirmActionSuccess: () => {
             dispatch(tabletsApi.util.invalidateTags(['All']));
-        }, buttonDisabled: isDisabledRestart, children: _jsx(Icon, { data: ArrowsRotateRight }) }));
+        }, buttonDisabled: isDisabledRestart || !isUserAllowedToMakeChanges, withPopover: true, popoverContent: i18n('controls.kill-not-allowed'), popoverDisabled: isUserAllowedToMakeChanges, children: _jsx(Icon, { data: ArrowsRotateRight }) }));
 }
 export function Tablets({ nodeId, path, className }) {
     const { autorefresh } = useTypedSelector((state) => state.schema);

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

@@ -7,5 +7,6 @@
     "Node FQDN": "Node FQDN",
     "Generation": "Generation",
     "Uptime": "Uptime",
-    "dialog.kill": "The tablet will be restarted. Do you want to proceed?"
+    "dialog.kill": "The tablet will be restarted. Do you want to proceed?",
+    "controls.kill-not-allowed": "You don't have enough rights to restart tablet"
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "Uptime" | "Type" | "State" | "Generation" | "Tablet" | "Node ID" | "Node FQDN" | "noTabletsData" | "dialog.kill", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "Uptime" | "Type" | "State" | "Generation" | "Tablet" | "Node ID" | "Node FQDN" | "noTabletsData" | "dialog.kill" | "controls.kill-not-allowed", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts

@@ -4,6 +4,13 @@ type Page = {
     id: TenantDiagnosticsTab;
     title: string;
 };
+export declare const ASYNC_REPLICATION_PAGES: ({
+    id: "overview";
+    title: string;
+} | {
+    id: "describe";
+    title: string;
+})[];
 export declare const DATABASE_PAGES: ({
     id: "overview";
     title: string;

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js

@@ -52,6 +52,7 @@ const partitions = {
     id: TENANT_DIAGNOSTICS_TABS_IDS.partitions,
     title: 'Partitions',
 };
+export const ASYNC_REPLICATION_PAGES = [overview, describe];
 export const DATABASE_PAGES = [
     overview,
     topQueries,
@@ -86,5 +87,6 @@ const pathTypeToPages = {
     [EPathType.EPathTypeExternalDataSource]: EXTERNAL_DATA_SOURCE_PAGES,
     [EPathType.EPathTypeExternalTable]: EXTERNAL_TABLE_PAGES,
     [EPathType.EPathTypeView]: VIEW_PAGES,
+    [EPathType.EPathTypeReplication]: ASYNC_REPLICATION_PAGES,
 };
 export const getPagesByType = (type) => (type && pathTypeToPages[type]) || DIR_PAGES;

package/dist/containers/Tenant/Diagnostics/HotKeys/HotKeys.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { Xmark } from '@gravity-ui/icons';
 import DataTable from '@gravity-ui/react-data-table';
-import { Icon } from '@gravity-ui/uikit';
+import { Button, Card, Icon } from '@gravity-ui/uikit';
 import { ResponseError } from '../../../../components/Errors/ResponseError';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { setHotKeysData, setHotKeysDataWasNotLoaded, setHotKeysError, setHotKeysLoading, } from '../../../../store/reducers/hotKeys/hotKeys';
 import { cn } from '../../../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
+import { DEFAULT_TABLE_SETTINGS, IS_HOTKEYS_HELP_HIDDDEN_KEY } from '../../../../utils/constants';
+import { useSetting, useTypedDispatch, useTypedSelector } from '../../../../utils/hooks';
 import i18n from './i18n';
 import keyIcon from '../../../../assets/icons/key.svg';
 import './HotKeys.scss';
@@ -25,6 +26,7 @@ const getHotKeysColumns = (keyColumnsIds = []) => {
         sortable: false,
     }));
     return [
+        ...keysColumns,
         {
             name: tableColumnsIds.accessSample,
             header: 'Samples',
@@ -32,12 +34,12 @@ const getHotKeysColumns = (keyColumnsIds = []) => {
             align: DataTable.RIGHT,
             sortable: false,
         },
-        ...keysColumns,
     ];
 };
 export function HotKeys({ path }) {
     var _a, _b, _c;
     const dispatch = useTypedDispatch();
+    const [helpHidden, setHelpHidden] = useSetting(IS_HOTKEYS_HELP_HIDDDEN_KEY);
     const collectSamplesTimerRef = React.useRef();
     const { loading, wasLoaded, data, error } = useTypedSelector((state) => state.hotKeys);
     const { loading: schemaLoading, data: schemaData } = useTypedSelector((state) => state.schema);
@@ -85,18 +87,27 @@ export function HotKeys({ path }) {
         };
         fetchData();
     }, [dispatch, path]);
-    // It takes a while to collect hot keys. Display explicit status message, while collecting
-    if ((loading && !wasLoaded) || schemaLoading) {
-        return _jsx("div", { children: i18n('hot-keys-collecting') });
-    }
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    if (!data) {
-        return _jsx("div", { children: i18n('no-data') });
-    }
-    return (_jsx(ResizeableDataTable, { wrapperClassName: b('table'), columns: tableColumns, data: data, settings: DEFAULT_TABLE_SETTINGS, initialSortOrder: {
-            columnId: tableColumnsIds.accessSample,
-            order: DataTable.DESCENDING,
-        } }));
+    const renderContent = () => {
+        // It takes a while to collect hot keys. Display explicit status message, while collecting
+        if ((loading && !wasLoaded) || schemaLoading) {
+            return _jsx("div", { children: i18n('hot-keys-collecting') });
+        }
+        if (error) {
+            return _jsx(ResponseError, { error: error });
+        }
+        if (!data) {
+            return _jsx("div", { children: i18n('no-data') });
+        }
+        return (_jsx(ResizeableDataTable, { wrapperClassName: b('table'), columns: tableColumns, data: data, settings: DEFAULT_TABLE_SETTINGS, initialSortOrder: {
+                columnId: tableColumnsIds.accessSample,
+                order: DataTable.DESCENDING,
+            } }));
+    };
+    const renderHelpCard = () => {
+        if (helpHidden) {
+            return null;
+        }
+        return (_jsxs(Card, { theme: "info", view: "filled", type: "container", className: b('help-card'), children: [i18n('help'), _jsx(Button, { className: b('help-card__close-button'), view: "flat", onClick: () => setHelpHidden(true), children: _jsx(Icon, { data: Xmark, size: 18 }) })] }));
+    };
+    return (_jsxs(React.Fragment, { children: [renderHelpCard(), renderContent()] }));
 }

package/dist/containers/Tenant/Diagnostics/HotKeys/HotKeys.scss

@@ -1,13 +1,23 @@
 @import '../../../../styles/mixins.scss';
 
 .ydb-hot-keys {
-    &__table {
-        @include freeze-nth-column(1);
-    }
-
     &__primary-key-column {
         display: flex;
         align-items: center;
         gap: 5px;
     }
+
+    &__help-card {
+        position: sticky;
+        left: 0;
+
+        margin-bottom: 20px;
+        padding: 20px 40px 20px 20px;
+
+        &__close-button {
+            position: absolute;
+            top: 5px;
+            right: 5px;
+        }
+    }
 }

package/dist/containers/Tenant/Diagnostics/HotKeys/i18n/en.json

@@ -1,4 +1,5 @@
 {
     "hot-keys-collecting": "Please wait a little while we are collecting hot keys samples...",
-    "no-data": "No information about hot keys"
+    "no-data": "No information about hot keys",
+    "help": "Hot keys contains a list of table primary key values that are accessed most often. Sample is collected upon request to the tab during 5s time interval. Samples column indicates how many requests to the particular key value were registered during collection phase."
 }

package/dist/containers/Tenant/Diagnostics/HotKeys/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "no-data" | "hot-keys-collecting", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "no-data" | "hot-keys-collecting" | "help", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/AsyncReplicationInfo.d.ts

@@ -0,0 +1,7 @@
+import type { TEvDescribeSchemeResult } from '../../../../../types/api/schema';
+interface AsyncReplicationProps {
+    data?: TEvDescribeSchemeResult;
+}
+/** Displays overview for Replication EPathType */
+export declare function AsyncReplicationInfo({ data }: AsyncReplicationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/AsyncReplicationInfo.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Text } from '@gravity-ui/uikit';
+import { AsyncReplicationState } from '../../../../../components/AsyncReplicationState';
+import { InfoViewer } from '../../../../../components/InfoViewer';
+import { useTypedSelector } from '../../../../../utils/hooks';
+import { getEntityName } from '../../../utils';
+import { AsyncReplicationPaths } from '../AsyncReplicationPaths';
+import { Credentials } from './Credentials';
+import i18n from './i18n';
+/** Displays overview for Replication EPathType */
+export function AsyncReplicationInfo({ data }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const entityName = getEntityName(data === null || data === void 0 ? void 0 : data.PathDescription);
+    const { error: schemaError } = useTypedSelector((state) => state.schema);
+    if (schemaError) {
+        return _jsx("div", { className: "error", children: schemaError.statusText });
+    }
+    if (!data) {
+        return (_jsxs("div", { className: "error", children: [i18n('noData'), " ", entityName] }));
+    }
+    return (_jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(InfoViewer, { title: entityName, info: [
+                    {
+                        label: i18n('state.label'),
+                        value: (_jsx(AsyncReplicationState, { state: (_b = (_a = data.PathDescription) === null || _a === void 0 ? void 0 : _a.ReplicationDescription) === null || _b === void 0 ? void 0 : _b.State })),
+                    },
+                    {
+                        label: i18n('srcConnection.endpoint.label'),
+                        value: (_jsx(Text, { variant: "code-inline-2", children: (_f = (_e = (_d = (_c = data.PathDescription) === null || _c === void 0 ? void 0 : _c.ReplicationDescription) === null || _d === void 0 ? void 0 : _d.Config) === null || _e === void 0 ? void 0 : _e.SrcConnectionParams) === null || _f === void 0 ? void 0 : _f.Endpoint })),
+                    },
+                    {
+                        label: i18n('srcConnection.database.label'),
+                        value: (_jsx(Text, { variant: "code-inline-2", children: (_k = (_j = (_h = (_g = data.PathDescription) === null || _g === void 0 ? void 0 : _g.ReplicationDescription) === null || _h === void 0 ? void 0 : _h.Config) === null || _j === void 0 ? void 0 : _j.SrcConnectionParams) === null || _k === void 0 ? void 0 : _k.Database })),
+                    },
+                    {
+                        label: i18n('credentials.label'),
+                        value: (_jsx(Credentials, { connection: (_o = (_m = (_l = data.PathDescription) === null || _l === void 0 ? void 0 : _l.ReplicationDescription) === null || _m === void 0 ? void 0 : _m.Config) === null || _o === void 0 ? void 0 : _o.SrcConnectionParams })),
+                    },
+                ] }), _jsx(AsyncReplicationPaths, { config: (_q = (_p = data.PathDescription) === null || _p === void 0 ? void 0 : _p.ReplicationDescription) === null || _q === void 0 ? void 0 : _q.Config })] }));
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/Credentials.d.ts

@@ -0,0 +1,6 @@
+import type { TConnectionParams } from '../../../../../types/api/schema/replication';
+interface CredentialsProps {
+    connection?: TConnectionParams;
+}
+export declare function Credentials({ connection }: CredentialsProps): "unknown" | import("react/jsx-runtime").JSX.Element | "OAuth" | null;
+export {};

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/Credentials.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from '@gravity-ui/uikit';
+export function Credentials({ connection }) {
+    if (!connection) {
+        return null;
+    }
+    if (connection.StaticCredentials) {
+        return (_jsx(Label, { value: connection.StaticCredentials.User, theme: "normal", children: "user" }));
+    }
+    if ('OAuthToken' in connection) {
+        return 'OAuth';
+    }
+    return 'unknown';
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/i18n/en.json

@@ -0,0 +1,7 @@
+{
+    "credentials.label": "Credentials",
+    "noData": "No data for entity:",
+    "srcConnection.database.label": "Source Database Path",
+    "srcConnection.endpoint.label": "Source Cluster Endpoint",
+    "state.label": "State"
+}

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "noData" | "credentials.label" | "srcConnection.database.label" | "srcConnection.endpoint.label" | "state.label", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/i18n/index.js

@@ -0,0 +1,4 @@
+import { registerKeysets } from '../../../../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-diagnostics-async-replication-info';
+export default registerKeysets(COMPONENT, { en });

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/index.d.ts

@@ -0,0 +1 @@
+export * from './AsyncReplicationInfo';

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationInfo/index.js

@@ -0,0 +1 @@
+export * from './AsyncReplicationInfo';

package/dist/containers/Tenant/Diagnostics/Overview/AsyncReplicationPaths/AsyncReplicationPaths.d.ts

@@ -0,0 +1,7 @@
+import type { TReplicationConfig } from '../../../../../types/api/schema/replication';
+import './AsyncReplicationPaths.scss';
+interface AsyncReplicationPathsProps {
+    config?: TReplicationConfig;
+}
+export declare function AsyncReplicationPaths({ config }: AsyncReplicationPathsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};