ydb-embedded-ui 9.3.1 → 9.4.1

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "None" | "15 sec" | "1 min" | "2 min" | "5 min" | "Refresh", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "None" | "Refresh" | "15 sec" | "1 min" | "2 min" | "5 min", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/Drawer/Drawer.d.ts

@@ -25,6 +25,7 @@ interface DrawerPaneProps {
     drawerControls?: DrawerControl[];
     title?: React.ReactNode;
     headerClassName?: string;
+    hideVeil?: boolean;
 }
-export declare const DrawerWrapper: ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls, title, headerClassName, }: DrawerPaneProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerWrapper: ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls, title, headerClassName, hideVeil, }: DrawerPaneProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Drawer/Drawer.js

@@ -12,7 +12,7 @@ const DEFAULT_DRAWER_WIDTH_PERCENTS = 60;
 const DEFAULT_DRAWER_WIDTH = 600;
 const DRAWER_WIDTH_KEY = 'drawer-width';
 const b = cn('ydb-drawer');
-const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'drawer', storageKey = DRAWER_WIDTH_KEY, defaultWidth, direction = 'right', className, detectClickOutside = false, isPercentageWidth, }) => {
+const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'drawer', storageKey = DRAWER_WIDTH_KEY, defaultWidth, direction = 'right', className, detectClickOutside = false, isPercentageWidth, hideVeil = true, }) => {
     const [drawerWidth, setDrawerWidth] = React.useState(() => {
         const savedWidth = localStorage.getItem(storageKey);
         return isNumeric(savedWidth) ? Number(savedWidth) : defaultWidth;
@@ -64,9 +64,9 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
     if (!itemContainer) {
         return null;
     }
-    return (_jsx(Portal, { container: itemContainer, children: _jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: true, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: isPercentageWidth ? calculatedWidth : drawerWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }) }) }));
+    return (_jsx(Portal, { container: itemContainer, children: _jsx(GravityDrawer, { onEscape: onClose, onVeilClick: onClose, hideVeil: hideVeil, className: b('container', className), children: _jsx(DrawerItem, { id: drawerId, visible: isVisible, resizable: true, maxResizeWidth: containerWidth, width: isPercentageWidth ? calculatedWidth : drawerWidth, onResize: handleResizeDrawer, direction: direction, className: b('item'), ref: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }) }) }));
 };
-export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, }) => {
+export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, hideVeil, }) => {
     React.useEffect(() => {
         return () => {
             onCloseDrawer();
@@ -89,6 +89,6 @@ export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible,
         }
         return (_jsxs(Flex, { justifyContent: "space-between", alignItems: "center", className: b('header-wrapper', headerClassName), children: [_jsx(Text, { variant: "subheader-2", children: title }), _jsx(Flex, { className: b('controls'), children: controls })] }));
     };
-    return (_jsxs(React.Fragment, { children: [children, _jsx(DrawerPaneContentWrapper, { isVisible: isDrawerVisible, onClose: onCloseDrawer, drawerId: drawerId, storageKey: storageKey, defaultWidth: defaultWidth, direction: direction, className: className, detectClickOutside: detectClickOutside, isPercentageWidth: isPercentageWidth, children: isDrawerVisible ? (_jsxs("div", { className: b('content-wrapper'), children: [renderDrawerHeader(), renderDrawerContent()] })) : null })] }));
+    return (_jsxs(React.Fragment, { children: [children, _jsx(DrawerPaneContentWrapper, { hideVeil: hideVeil, isVisible: isDrawerVisible, onClose: onCloseDrawer, drawerId: drawerId, storageKey: storageKey, defaultWidth: defaultWidth, direction: direction, className: className, detectClickOutside: detectClickOutside, isPercentageWidth: isPercentageWidth, children: isDrawerVisible ? (_jsxs("div", { className: b('content-wrapper'), children: [renderDrawerHeader(), renderDrawerContent()] })) : null })] }));
 };
 //# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

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

package/dist/{containers/Storage → components}/EmptyFilter/EmptyFilter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '@gravity-ui/uikit';
-import { EmptyState } from '../../../components/EmptyState';
-import { Illustration } from '../../../components/Illustration';
+import { EmptyState } from '../EmptyState';
+import { Illustration } from '../Illustration';
 import i18n from './i18n';
 export const EmptyFilter = ({ title, message = i18n('default_message'), showAll = i18n('default_button_label'), onShowAll, image = _jsx(Illustration, { name: "thumbsUp" }), }) => (_jsx(EmptyState, { image: image, position: "left", title: title, description: message, actions: onShowAll && [
         _jsx(Button, { onClick: onShowAll, children: showAll }, "show-all"),

package/dist/components/EmptyFilter/EmptyFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyFilter.js","sourceRoot":"","sources":["../../../src/components/EmptyFilter/EmptyFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAU1B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,EACjC,OAAO,GAAG,IAAI,CAAC,sBAAsB,CAAC,EACtC,SAAS,EACT,KAAK,GAAG,KAAC,YAAY,IAAC,IAAI,EAAC,UAAU,GAAG,GACzB,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,OAAO,EACH,SAAS,IAAI;QACT,KAAC,MAAM,IAAgB,OAAO,EAAE,SAAS,YACpC,OAAO,IADA,UAAU,CAEb;KACZ,GAEP,CACL,CAAC"}

package/dist/{containers/App → components/EmptyFilter}/i18n/index.js

@@ -1,6 +1,6 @@
 import { registerKeysets } from '../../../utils/i18n';
 import en from './en.json';
 import ru from './ru.json';
-const COMPONENT = 'ydb-app-content';
+const COMPONENT = 'ydb-storage-empty-filter';
 export default registerKeysets(COMPONENT, { ru, en });
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,5 +1,6 @@
 import './EmptyState.scss';
 declare const sizes: {
+    xs: number;
     s: number;
     m: number;
     l: number;

package/dist/components/EmptyState/EmptyState.js

@@ -5,6 +5,7 @@ import emptyStateIcon from '../../assets/icons/emptyState.svg';
 import './EmptyState.scss';
 const block = cn('empty-state');
 const sizes = {
+    xs: 100,
     s: 150,
     m: 250,
     l: 350,

package/dist/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,GACL,EAAE,EAAE;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,CAAC,YACzB,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC1E,GACC,EAEN,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACzD,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,IAC/C,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,GACL,EAAE,EAAE;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,CAAC,YACzB,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC1E,GACC,EAEN,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACzD,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,IAC/C,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}

package/dist/components/EmptyState/EmptyState.scss

@@ -1,6 +1,7 @@
 @use '../../styles/mixins.scss';
 
 .empty-state {
+    $block: &;
     padding: 20px;
 
     &_size_m {
@@ -13,6 +14,14 @@
             'image title'
             'image description'
             'image actions';
+
+        &_size_xs {
+            width: 321px;
+            height: 100px;
+            #{$block}__image {
+                margin-right: var(--g-spacing-5);
+            }
+        }
         &_size_s {
             width: 460px;
             height: 120px;

package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SquareDashed } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
+import { ActionTooltip, Button, Icon } from '@gravity-ui/uikit';
 import { enableFullscreen } from '../../store/reducers/fullscreen';
 import { useTypedDispatch } from '../../utils/hooks';
+import i18n from './i18n';
 function EnableFullscreenButton({ disabled, view = 'flat-secondary' }) {
     const dispatch = useTypedDispatch();
     const onEnableFullscreen = () => {
         dispatch(enableFullscreen());
     };
-    return (_jsx(Button, { onClick: onEnableFullscreen, view: view, disabled: disabled, title: "Fullscreen", children: _jsx(Icon, { data: SquareDashed }) }));
+    return (_jsx(ActionTooltip, { title: i18n('title_fullscreen'), children: _jsx(Button, { onClick: onEnableFullscreen, view: view, disabled: disabled, children: _jsx(Icon, { data: SquareDashed }) }) }));
 }
 export default EnableFullscreenButton;
 //# sourceMappingURL=EnableFullscreenButton.js.map

package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAOnD,SAAS,sBAAsB,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,gBAAgB,EAA8B;IAC5F,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,YAAY,YACnF,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,CACZ,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,SAAS,sBAAsB,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,gBAAgB,EAA8B;IAC5F,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,YAC1C,KAAC,MAAM,IAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC/D,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,CACnB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,3 @@
+{
+    "title_fullscreen": "Fullscreen"
+}

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

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

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

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

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

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

package/dist/components/FixedHeightQuery/FixedHeightQuery.d.ts

@@ -0,0 +1,9 @@
+import './FixedHeightQuery.scss';
+interface FixedHeightQueryProps {
+    value?: string;
+    lines?: number;
+    hasClipboardButton?: boolean;
+    clipboardButtonAlwaysVisible?: boolean;
+}
+export declare const FixedHeightQuery: ({ value, lines, hasClipboardButton, clipboardButtonAlwaysVisible, }: FixedHeightQueryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FixedHeightQuery/FixedHeightQuery.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+import { YDBSyntaxHighlighter } from '../SyntaxHighlighter/YDBSyntaxHighlighter';
+import './FixedHeightQuery.scss';
+const b = cn('ydb-fixed-height-query');
+const FIXED_PADDING = 8;
+const LINE_HEIGHT = 20;
+export const FixedHeightQuery = ({ value = '', lines = 4, hasClipboardButton, clipboardButtonAlwaysVisible, }) => {
+    const heightValue = `${lines * LINE_HEIGHT + FIXED_PADDING}px`;
+    // Remove empty lines from the beginning (lines with only whitespace are considered empty)
+    const trimmedValue = value.replace(/^(\s*\n)+/, '');
+    return (_jsx("div", { className: b(), style: {
+            height: heightValue,
+            '--line-clamp': lines,
+        }, children: _jsx(YDBSyntaxHighlighter, { language: "yql", text: trimmedValue, withClipboardButton: hasClipboardButton
+                ? {
+                    alwaysVisible: clipboardButtonAlwaysVisible,
+                    copyText: value,
+                    withLabel: false,
+                }
+                : false }) }));
+};
+//# sourceMappingURL=FixedHeightQuery.js.map

package/dist/components/FixedHeightQuery/FixedHeightQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixedHeightQuery.js","sourceRoot":"","sources":["../../../src/components/FixedHeightQuery/FixedHeightQuery.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAEvC,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,WAAW,GAAG,EAAE,CAAC;AASvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,CAAC,EACT,kBAAkB,EAClB,4BAA4B,GACR,EAAE,EAAE;IACxB,MAAM,WAAW,GAAG,GAAG,KAAK,GAAG,WAAW,GAAG,aAAa,IAAI,CAAC;IAE/D,0FAA0F;IAC1F,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,CACH,cACI,SAAS,EAAE,CAAC,EAAE,EACd,KAAK,EACD;YACI,MAAM,EAAE,WAAW;YACnB,cAAc,EAAE,KAAK;SAC0B,YAGvD,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,YAAY,EAClB,mBAAmB,EACf,kBAAkB;gBACd,CAAC,CAAC;oBACI,aAAa,EAAE,4BAA4B;oBAC3C,QAAQ,EAAE,KAAK;oBACf,SAAS,EAAE,KAAK;iBACnB;gBACH,CAAC,CAAC,KAAK,GAEjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/FixedHeightQuery/FixedHeightQuery.scss

@@ -0,0 +1,42 @@
+.ydb-fixed-height-query {
+    position: relative;
+
+    overflow: hidden;
+
+    max-width: 100%;
+
+    // Target the YDBSyntaxHighlighter wrapper
+    > div {
+        overflow: hidden;
+
+        height: 100%;
+
+        text-overflow: ellipsis;
+
+        // Target the ReactSyntaxHighlighter pre element
+        pre {
+            // stylelint-disable-next-line value-no-vendor-prefix
+            display: -webkit-box !important;
+            -webkit-box-orient: vertical !important;
+            -webkit-line-clamp: var(--line-clamp, 4) !important;
+            overflow: hidden !important;
+
+            height: 100% !important;
+            margin: 0 !important;
+            padding: var(--g-spacing-2) !important;
+
+            white-space: pre-wrap !important;
+            text-overflow: ellipsis !important;
+            word-break: break-word !important;
+        }
+
+        // Target code elements within
+        code {
+            overflow: hidden !important;
+
+            white-space: pre-wrap !important;
+            text-overflow: ellipsis !important;
+            word-break: break-word !important;
+        }
+    }
+}

package/dist/components/HealthcheckStatus/HealthcheckStatus.d.ts

@@ -0,0 +1,8 @@
+import type { LabelProps } from '@gravity-ui/uikit';
+import { SelfCheckResult } from '../../types/api/healthcheck';
+interface HealthcheckStatusProps {
+    status: SelfCheckResult;
+    size?: LabelProps['size'];
+}
+export declare function HealthcheckStatus({ status, size }: HealthcheckStatusProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/HealthcheckStatus/HealthcheckStatus.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleCheck, CircleExclamation, CircleInfo, PlugConnection, TriangleExclamation, } from '@gravity-ui/icons';
+import { Icon, Label } from '@gravity-ui/uikit';
+import { SelfCheckResult } from '../../types/api/healthcheck';
+import i18n from './i18n';
+const SelfCheckResultToLabelTheme = {
+    [SelfCheckResult.GOOD]: 'success',
+    [SelfCheckResult.DEGRADED]: 'info',
+    [SelfCheckResult.MAINTENANCE_REQUIRED]: 'warning',
+    [SelfCheckResult.EMERGENCY]: 'danger',
+    [SelfCheckResult.UNSPECIFIED]: 'normal',
+};
+const SelfCheckResultToIcon = {
+    [SelfCheckResult.GOOD]: CircleCheck,
+    [SelfCheckResult.DEGRADED]: CircleInfo,
+    [SelfCheckResult.MAINTENANCE_REQUIRED]: TriangleExclamation,
+    [SelfCheckResult.EMERGENCY]: CircleExclamation,
+    [SelfCheckResult.UNSPECIFIED]: PlugConnection,
+};
+const SelfCheckResultToText = {
+    get [SelfCheckResult.GOOD]() {
+        return i18n('title_good');
+    },
+    get [SelfCheckResult.DEGRADED]() {
+        return i18n('title_degraded');
+    },
+    get [SelfCheckResult.MAINTENANCE_REQUIRED]() {
+        return i18n('title_maintenance');
+    },
+    get [SelfCheckResult.EMERGENCY]() {
+        return i18n('title_emergency');
+    },
+    get [SelfCheckResult.UNSPECIFIED]() {
+        return i18n('title_unspecified');
+    },
+};
+export function HealthcheckStatus({ status, size = 'm' }) {
+    const theme = SelfCheckResultToLabelTheme[status];
+    return (_jsx(Label, { theme: theme, icon: _jsx(Icon, { size: 14, data: SelfCheckResultToIcon[status] }), size: size, children: SelfCheckResultToText[status] }));
+}
+//# sourceMappingURL=HealthcheckStatus.js.map

package/dist/components/HealthcheckStatus/HealthcheckStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthcheckStatus.js","sourceRoot":"","sources":["../../../src/components/HealthcheckStatus/HealthcheckStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,mBAAmB,GACtB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE5D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,2BAA2B,GAAiD;IAC9E,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS;IACjC,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM;IAClC,CAAC,eAAe,CAAC,oBAAoB,CAAC,EAAE,SAAS;IACjD,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ;IACrC,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,QAAQ;CAC1C,CAAC;AAEF,MAAM,qBAAqB,GAGvB;IACA,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,WAAW;IACnC,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,UAAU;IACtC,CAAC,eAAe,CAAC,oBAAoB,CAAC,EAAE,mBAAmB;IAC3D,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,iBAAiB;IAC9C,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,cAAc;CAChD,CAAC;AAEF,MAAM,qBAAqB,GAAoC;IAC3D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC;IACD,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;QAC1B,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC;QACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;QAC3B,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACnC,CAAC;IACD,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;QAC7B,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrC,CAAC;CACJ,CAAC;AAOF,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,IAAI,GAAG,GAAG,EAAyB;IAC1E,MAAM,KAAK,GAAG,2BAA2B,CAAC,MAAM,CAAC,CAAC;IAElD,OAAO,CACH,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,GAAI,EAC7D,IAAI,EAAE,IAAI,YAET,qBAAqB,CAAC,MAAM,CAAC,GAC1B,CACX,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,7 @@
+{
+    "title_degraded": "Degraded",
+    "title_emergency": "Emergency",
+    "title_maintenance": "Maintenance required",
+    "title_good": "Good",
+    "title_unspecified": "Unspecified"
+}

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

@@ -0,0 +1,2 @@
+declare const _default: (key: "title_degraded" | "title_emergency" | "title_maintenance" | "title_good" | "title_unspecified", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

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

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

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

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

package/dist/components/ProgressViewer/ProgressViewer.d.ts

@@ -13,6 +13,7 @@ export interface ProgressViewerProps {
     warningThreshold?: number;
     dangerThreshold?: number;
     hideCapacity?: boolean;
+    withOverflow?: boolean;
 }
-export declare function ProgressViewer({ value, capacity, formatValues, percents, className, size, colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }: ProgressViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressViewer({ value, capacity, formatValues, percents, withOverflow, className, size, colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }: ProgressViewerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ProgressViewer/ProgressViewer.js

@@ -12,13 +12,14 @@ const formatValue = (value) => {
 const defaultFormatValues = (value, total) => {
     return [formatValue(value), formatValue(total)];
 };
-export function ProgressViewer({ value, capacity, formatValues = defaultFormatValues, percents, className, size = 'xs', colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }) {
+export function ProgressViewer({ value, capacity, formatValues = defaultFormatValues, percents, withOverflow, className, size = 'xs', colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }) {
     const theme = useTheme();
     let fillWidth = Math.floor((parseFloat(String(value)) / parseFloat(String(capacity))) * 100) || 0;
+    const rawFillWidth = fillWidth;
     fillWidth = fillWidth > 100 ? 100 : fillWidth;
     let valueText = value, capacityText = capacity, divider = '/';
     if (percents) {
-        valueText = fillWidth + '%';
+        valueText = (withOverflow ? rawFillWidth : fillWidth) + '%';
         capacityText = '';
         divider = '';
     }

package/dist/components/ProgressViewer/ProgressViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressViewer.js","sourceRoot":"","sources":["../../../src/components/ProgressViewer/ProgressViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAShC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;IACnC,OAAO,YAAY,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAA+B,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;IACrE,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AA6BF,MAAM,UAAU,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,mBAAmB,EAClC,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,YAAY,GACM;IAClB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,SAAS,GACT,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IACtF,SAAS,GAAG,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,IAAI,SAAS,GAAgC,KAAK,EAC9C,YAAY,GAAgC,QAAQ,EACpD,OAAO,GAAG,GAAG,CAAC;IAClB,IAAI,QAAQ,EAAE,CAAC;QACX,SAAS,GAAG,SAAS,GAAG,GAAG,CAAC;QAC5B,YAAY,GAAG,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,CAAC;IACjB,CAAC;SAAM,IAAI,YAAY,EAAE,CAAC;QACtB,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,CAAC;IAED,MAAM,MAAM,GAAG,uBAAuB,CAAC;QACnC,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,gBAAgB;QAChB,eAAe;KAClB,CAAC,CAAC;IACH,IAAI,gBAAgB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3C,SAAS,GAAG,GAAG,CAAC;IACpB,CAAC;IAED,MAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,GAAG,GAAG;KACzB,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,OAAO,GAAG,SAAS,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QACrD,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACnB,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,aAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,GAAQ,EACnD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,aAAa,EAAE,GAAQ,IAClD,CACT,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,GAAG,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,IAAI,SAAS,QAAQ,wBAAe,CAAC;AAC5E,CAAC"}
+{"version":3,"file":"ProgressViewer.js","sourceRoot":"","sources":["../../../src/components/ProgressViewer/ProgressViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/SplitPane/SplitPane.scss

@@ -22,7 +22,6 @@
 
     .gutter {
         position: relative;
-        z-index: 10;
 
         background: var(--g-color-base-background);
 

package/dist/containers/App/Content.js

@@ -17,7 +17,6 @@ import Authentication from '../Authentication/Authentication';
 import { getClusterPath } from '../Cluster/utils';
 import Header from '../Header/Header';
 import { ClusterSlot, ClustersSlot, NodeSlot, PDiskPageSlot, RedirectSlot, RoutesSlot, StorageGroupSlot, TabletSlot, TenantSlot, VDiskPageSlot, } from './appSlots';
-import i18n from './i18n';
 import './App.scss';
 const b = cn('app');
 const routesSlots = [
@@ -91,20 +90,17 @@ export function Content(props) {
     const additionalRoutes = slots.get(RoutesSlot);
     const redirect = slots.get(RedirectSlot);
     const redirectProps = (_a = redirect === null || redirect === void 0 ? void 0 : redirect.props) !== null && _a !== void 0 ? _a : (singleClusterMode ? { to: getClusterPath() } : { to: routes.clusters });
-    let mainPage;
-    if (!singleClusterMode) {
-        mainPage = { text: i18n('pages.clusters'), link: routes.clusters };
-    }
-    return (_jsxs(Switch, { children: [singleClusterMode
-                ? null
-                : renderRouteSlot(slots, {
-                    path: routes.clusters,
-                    exact: true,
-                    component: Clusters,
-                    slot: ClustersSlot,
-                }), additionalRoutes === null || additionalRoutes === void 0 ? void 0 : additionalRoutes.rendered, _jsxs(Route, { children: [_jsx(Header, { mainPage: mainPage }), _jsxs(Switch, { children: [routesSlots.map((route) => {
+    return (_jsxs(Switch, { children: [additionalRoutes === null || additionalRoutes === void 0 ? void 0 : additionalRoutes.rendered, _jsxs(Route, { children: [_jsx(Header, {}), _jsxs(Switch, { children: [singleClusterMode
+                                ? null
+                                : renderRouteSlot(slots, {
+                                    path: routes.clusters,
+                                    exact: true,
+                                    component: Clusters,
+                                    slot: ClustersSlot,
+                                    wrapper: GetMetaCapabilities,
+                                }), routesSlots.map((route) => {
                                 return renderRouteSlot(slots, route);
-                            }), _jsx(Route, { path: redirectProps.from || redirectProps.path, exact: redirectProps.exact, strict: redirectProps.strict, render: () => _jsx(Redirect, { to: redirectProps.to, push: redirectProps.push }) })] })] }, "single-cluster")] }));
+                            }), _jsx(Route, { path: redirectProps.from || redirectProps.path, exact: redirectProps.exact, strict: redirectProps.strict, render: () => _jsx(Redirect, { to: redirectProps.to, push: redirectProps.push }) })] })] })] }));
 }
 function DataWrapper({ children }) {
     return (
@@ -128,6 +124,14 @@ function GetCapabilities({ children }) {
     const metaCapabilitiesLoaded = useMetaCapabilitiesLoaded();
     return (_jsx(LoaderWrapper, { loading: !capabilitiesLoaded || !metaCapabilitiesLoaded, size: "l", children: children }));
 }
+// Only for Clusters page, there is no need to request cluster capabilities there (GetCapabilities)
+// This wrapper is not used in GetCapabilities so the page does not wait for 2 consecutive capabilities requests
+function GetMetaCapabilities({ children }) {
+    useMetaCapabilitiesQuery();
+    // It is always true if there is no meta, since request finishes with an error
+    const metaCapabilitiesLoaded = useMetaCapabilitiesLoaded();
+    return (_jsx(LoaderWrapper, { loading: !metaCapabilitiesLoaded, size: "l", children: children }));
+}
 function ContentWrapper(props) {
     const { singleClusterMode, isAuthenticated } = props;
     const authUnavailable = useClusterWithoutAuthInUI();

package/dist/containers/App/Content.js.map

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

package/dist/containers/Clusters/Clusters.js

@@ -1,21 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import DataTable from '@gravity-ui/react-data-table';
-import { Select, TableColumnSetup } from '@gravity-ui/uikit';
+import { Flex, Select, TableColumnSetup, Text } from '@gravity-ui/uikit';
 import { Helmet } from 'react-helmet-async';
 import { AutoRefreshControl } from '../../components/AutoRefreshControl/AutoRefreshControl';
 import { ResponseError } from '../../components/Errors/ResponseError';
 import { Loader } from '../../components/Loader';
 import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
 import { Search } from '../../components/Search';
+import { useDeleteClusterFeatureAvailable, useEditClusterFeatureAvailable, } from '../../store/reducers/capabilities/hooks';
 import { changeClustersFilters, clustersApi } from '../../store/reducers/clusters/clusters';
-import { aggregateClustersInfo, filterClusters, selectClusterNameFilter, selectServiceFilter, selectStatusFilter, selectVersionFilter, } from '../../store/reducers/clusters/selectors';
+import { filterClusters, selectClusterNameFilter, selectServiceFilter, selectStatusFilter, selectVersionFilter, } from '../../store/reducers/clusters/selectors';
+import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
+import { uiFactory } from '../../uiFactory/uiFactory';
 import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
 import { useAutoRefreshInterval, useTypedDispatch, useTypedSelector } from '../../utils/hooks';
 import { useSelectedColumns } from '../../utils/hooks/useSelectedColumns';
 import { getMinorVersion } from '../../utils/versions';
-import { ClustersStatistics } from './ClustersStatistics';
-import { CLUSTERS_COLUMNS, CLUSTERS_COLUMNS_WIDTH_LS_KEY } from './columns';
+import { CLUSTERS_COLUMNS_WIDTH_LS_KEY, getClustersColumns } from './columns';
 import { CLUSTERS_SELECTED_COLUMNS_KEY, COLUMNS_NAMES, COLUMNS_TITLES, DEFAULT_COLUMNS, } from './constants';
 import i18n from './i18n';
 import { b } from './shared';
@@ -26,6 +28,11 @@ export function Clusters() {
         pollingInterval: autoRefreshInterval,
     });
     const dispatch = useTypedDispatch();
+    React.useEffect(() => {
+        dispatch(setHeaderBreadcrumbs('clusters', {}));
+    }, [dispatch]);
+    const isEditClusterAvailable = useEditClusterFeatureAvailable() && uiFactory.onEditCluster !== undefined;
+    const isDeleteClusterAvailable = useDeleteClusterFeatureAvailable() && uiFactory.onDeleteCluster !== undefined;
     const clusterName = useTypedSelector(selectClusterNameFilter);
     const status = useTypedSelector(selectStatusFilter);
     const service = useTypedSelector(selectServiceFilter);
@@ -42,7 +49,10 @@ export function Clusters() {
     const changeVersion = (value) => {
         dispatch(changeClustersFilters({ version: value }));
     };
-    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(CLUSTERS_COLUMNS, CLUSTERS_SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
+    const rawColumns = React.useMemo(() => {
+        return getClustersColumns({ isEditClusterAvailable, isDeleteClusterAvailable });
+    }, [isDeleteClusterAvailable, isEditClusterAvailable]);
+    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(rawColumns, CLUSTERS_SELECTED_COLUMNS_KEY, COLUMNS_TITLES, DEFAULT_COLUMNS, [COLUMNS_NAMES.TITLE]);
     const clusters = query.data;
     const { servicesToSelect, versions } = React.useMemo(() => {
         const clustersServices = new Set();
@@ -68,13 +78,15 @@ export function Clusters() {
     const filteredClusters = React.useMemo(() => {
         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]);
-    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") }), _jsx(AutoRefreshControl, { className: b('autorefresh') })] }), query.isError ? _jsx(ResponseError, { error: query.error, className: b('error') }) : null, query.isLoading ? _jsx(Loader, { size: "l" }) : null, query.fulfilledTimeStamp ? (_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: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, initialSortOrder: {
+    const renderPageTitle = () => {
+        return (_jsxs(Flex, { justifyContent: "space-between", children: [_jsxs(Flex, { gap: 2, children: [_jsx(Text, { variant: "header-1", children: i18n('page_title') }), _jsx(Text, { variant: "header-1", color: "secondary", children: clusters === null || clusters === void 0 ? void 0 : clusters.length })] }), _jsx(AutoRefreshControl, { className: b('autorefresh') })] }));
+    };
+    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { children: _jsx("title", { children: i18n('page_title') }) }), renderPageTitle(), _jsxs(Flex, { 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, query.isLoading ? _jsx(Loader, { size: "l" }) : null, query.fulfilledTimeStamp ? (_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: { ...DEFAULT_TABLE_SETTINGS, dynamicRender: false }, initialSortOrder: {
                             columnId: COLUMNS_NAMES.TITLE,
                             order: DataTable.ASCENDING,
                         } }) }) })) : null] }));