ydb-embedded-ui 6.6.0 → 6.7.0

package/dist/src/containers/Tenant/Schema/SchemaTree/SchemaTree.js

@@ -1,29 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { NavigationTree } from 'ydb-ui-components';
-import { preloadSchemas, setCurrentSchemaPath } from '../../../../store/reducers/schema/schema';
+import { schemaApi } from '../../../../store/reducers/schema/schema';
 import { useQueryModes, useTypedDispatch } from '../../../../utils/hooks';
 import { isChildlessPathType, mapPathTypeToNavigationTreeType } from '../../utils/schema';
 import { getActions } from '../../utils/schemaActions';
 import { getControls } from '../../utils/schemaControls';
 export function SchemaTree(props) {
-    const { rootPath, rootName, rootType, currentPath } = props;
+    const { rootPath, rootName, rootType, currentPath, onActivePathUpdate } = props;
     const dispatch = useTypedDispatch();
     const [_, setQueryMode] = useQueryModes();
-    const fetchPath = (path) => window.api
-        .getSchema({ path }, { concurrentId: `NavigationTree.getSchema|${path}` })
-        .then((data) => {
+    const fetchPath = async (path) => {
+        const promise = dispatch(schemaApi.endpoints.getSchema.initiate({ path }, { forceRefetch: true }));
+        const { data } = await promise;
+        promise.unsubscribe();
         if (!data) {
             throw new Error(`no describe data about path ${path}`);
         }
         const { PathDescription: { Children = [] } = {} } = data;
-        const preloadedData = {
-            [path]: data,
-        };
         const childItems = Children.map((childData) => {
             const { Name = '', PathType, PathSubType } = childData;
-            // not full data, but it contains PathType, which ensures seamless switch between nodes
-            preloadedData[`${path}/${Name}`] = { PathDescription: { Self: childData } };
             return {
                 name: Name,
                 type: mapPathTypeToNavigationTreeType(PathType, PathSubType),
@@ -32,27 +28,23 @@ export function SchemaTree(props) {
                 expandable: !isChildlessPathType(PathType, PathSubType),
             };
         });
-        dispatch(preloadSchemas(preloadedData));
         return childItems;
-    });
-    const handleActivePathUpdate = (activePath) => {
-        dispatch(setCurrentSchemaPath(activePath));
     };
     React.useEffect(() => {
         // if the cached path is not in the current tree, show root
         if (!(currentPath === null || currentPath === void 0 ? void 0 : currentPath.startsWith(rootPath))) {
-            handleActivePathUpdate(rootPath);
+            onActivePathUpdate(rootPath);
         }
-    }, []);
+    }, [currentPath, onActivePathUpdate, rootPath]);
     return (_jsx(NavigationTree, { rootState: {
             path: rootPath,
             name: rootName,
             type: mapPathTypeToNavigationTreeType(rootType),
             collapsed: false,
         }, fetchPath: fetchPath, getActions: getActions(dispatch, {
-            setActivePath: handleActivePathUpdate,
+            setActivePath: onActivePathUpdate,
             setQueryMode,
         }), renderAdditionalNodeElements: getControls(dispatch, {
-            setActivePath: handleActivePathUpdate,
-        }), activePath: currentPath, onActivePathUpdate: handleActivePathUpdate, cache: false, virtualize: true }));
+            setActivePath: onActivePathUpdate,
+        }), activePath: currentPath, onActivePathUpdate: onActivePathUpdate, cache: false, virtualize: true }));
 }

package/dist/src/containers/Tenant/Schema/SchemaViewer/SchemaViewer.d.ts

@@ -2,8 +2,8 @@ import type { EPathType } from '../../../../types/api/schema';
 import './SchemaViewer.scss';
 interface SchemaViewerProps {
     type?: EPathType;
-    path?: string;
-    tenantName?: string | null;
+    path: string;
+    tenantName: string;
     extended?: boolean;
 }
 export declare const SchemaViewer: ({ type, path, tenantName, extended }: SchemaViewerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/containers/Tenant/Schema/SchemaViewer/SchemaViewer.js

@@ -4,25 +4,30 @@ import DataTable from '@gravity-ui/react-data-table';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { ResizeableDataTable } from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import { TableSkeleton } from '../../../../components/TableSkeleton/TableSkeleton';
+import { schemaApi } from '../../../../store/reducers/schema/schema';
 import { viewSchemaApi } from '../../../../store/reducers/viewSchema/viewSchema';
 import { DEFAULT_TABLE_SETTINGS } from '../../../../utils/constants';
-import { useTypedSelector } from '../../../../utils/hooks';
 import { isColumnEntityType, isExternalTableType, isRowTableType, isViewType, } from '../../utils/schema';
 import { SCHEMA_COLUMNS_WIDTH_LS_KEY, SCHEMA_TABLE_COLUMS_IDS, getColumnTableColumns, getExternalTableColumns, getRowTableColumns, getViewColumns, } from './columns';
 import { prepareSchemaData, prepareViewSchema } from './prepareData';
 import { b } from './shared';
 import './SchemaViewer.scss';
 export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
-    const { data: schemaData, loading } = useTypedSelector((state) => state.schema);
-    const currentObjectData = path ? schemaData[path] : undefined;
-    const viewSchemaRequestParams = isViewType(type) && path && tenantName ? { path, database: tenantName } : skipToken;
+    const { currentData: schemaData, isFetching } = schemaApi.endpoints.getSchema.useQueryState({
+        path,
+    });
+    const loading = isFetching && schemaData === undefined;
+    const viewSchemaRequestParams = isViewType(type) ? { path, database: tenantName } : skipToken;
     const { data: viewColumnsData, isLoading: isViewSchemaLoading } = viewSchemaApi.useGetViewSchemaQuery(viewSchemaRequestParams);
     const tableData = React.useMemo(() => {
         if (isViewType(type)) {
             return prepareViewSchema(viewColumnsData);
         }
-        return prepareSchemaData(type, currentObjectData);
-    }, [currentObjectData, type, viewColumnsData]);
+        return prepareSchemaData(type, schemaData);
+    }, [schemaData, type, viewColumnsData]);
+    const hasAutoIncrement = React.useMemo(() => {
+        return tableData.some((i) => i.autoIncrement);
+    }, [tableData]);
     const columns = React.useMemo(() => {
         if (isViewType(type)) {
             return getViewColumns();
@@ -34,10 +39,10 @@ export const SchemaViewer = ({ type, path, tenantName, extended = false }) => {
             return getColumnTableColumns();
         }
         if (isRowTableType(type)) {
-            return getRowTableColumns(extended);
+            return getRowTableColumns(extended, hasAutoIncrement);
         }
         return [];
-    }, [type, extended]);
+    }, [type, extended, hasAutoIncrement]);
     const renderContent = () => {
         if (loading || isViewSchemaLoading) {
             return _jsx(TableSkeleton, {});

package/dist/src/containers/Tenant/Schema/SchemaViewer/columns.d.ts

@@ -6,6 +6,7 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
     isKeyColumn: "isKeyColumn";
     type: "type";
     notNull: "notNull";
+    autoIncrement: "autoIncrement";
     familyName: "familyName";
     prefferedPoolKind: "prefferedPoolKind";
     columnCodec: "columnCodec";
@@ -13,4 +14,4 @@ export declare const SCHEMA_TABLE_COLUMS_IDS: {
 export declare function getViewColumns(): SchemaColumn[];
 export declare function getExternalTableColumns(): SchemaColumn[];
 export declare function getColumnTableColumns(): SchemaColumn[];
-export declare function getRowTableColumns(extended: boolean): SchemaColumn[];
+export declare function getRowTableColumns(extended: boolean, hasAutoIncrement: boolean): SchemaColumn[];

package/dist/src/containers/Tenant/Schema/SchemaViewer/columns.js

@@ -11,6 +11,7 @@ export const SCHEMA_TABLE_COLUMS_IDS = {
     isKeyColumn: 'isKeyColumn',
     type: 'type',
     notNull: 'notNull',
+    autoIncrement: 'autoIncrement',
     familyName: 'familyName',
     prefferedPoolKind: 'prefferedPoolKind',
     columnCodec: 'columnCodec',
@@ -68,6 +69,21 @@ const notNullColumn = {
         return undefined;
     },
 };
+const autoIncrementColumn = {
+    name: SCHEMA_TABLE_COLUMS_IDS.autoIncrement,
+    get header() {
+        return i18n('column-title.autoIncrement');
+    },
+    width: 100,
+    // Table should start with notNull columns on sort click
+    defaultOrder: DataTable.DESCENDING,
+    render: ({ row }) => {
+        if (row.autoIncrement) {
+            return '\u2713';
+        }
+        return undefined;
+    },
+};
 const familyColumn = {
     name: SCHEMA_TABLE_COLUMS_IDS.familyName,
     get header() {
@@ -101,10 +117,13 @@ export function getExternalTableColumns() {
 export function getColumnTableColumns() {
     return [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
 }
-export function getRowTableColumns(extended) {
+export function getRowTableColumns(extended, hasAutoIncrement) {
     const rowTableColumns = [idColumn, keyColumn, nameColumn, typeColumn, notNullColumn];
     if (extended) {
-        return rowTableColumns.concat(familyColumn, mediaColumn, compressionColumn);
+        rowTableColumns.push(familyColumn, mediaColumn, compressionColumn);
+    }
+    if (hasAutoIncrement) {
+        rowTableColumns.push(autoIncrementColumn);
     }
     return rowTableColumns;
 }

package/dist/src/containers/Tenant/Schema/SchemaViewer/i18n/en.json

@@ -4,6 +4,7 @@
     "column-title.key": "Key",
     "column-title.type": "Type",
     "column-title.notNull": "NotNull",
+    "column-title.autoIncrement": "AutoIncrement",
     "column-title.family": "Family",
     "column-title.media": "Media",
     "column-title.compression": "Compression"

package/dist/src/containers/Tenant/Schema/SchemaViewer/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "column-title.id" | "column-title.name" | "column-title.key" | "column-title.type" | "column-title.notNull" | "column-title.family" | "column-title.media" | "column-title.compression", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "column-title.id" | "column-title.name" | "column-title.key" | "column-title.type" | "column-title.notNull" | "column-title.autoIncrement" | "column-title.family" | "column-title.media" | "column-title.compression", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/src/containers/Tenant/Schema/SchemaViewer/prepareData.js

@@ -31,7 +31,7 @@ function prepareRowTableSchema(data = {}) {
     const keyAccessorsMap = getKeyColumnsSortAccessorMap(KeyColumnIds);
     const preparedColumns = Columns === null || Columns === void 0 ? void 0 : Columns.map((column) => {
         var _a, _b;
-        const { Id, Name, NotNull, Type, Family } = column;
+        const { Id, Name, NotNull, Type, Family, DefaultFromSequence } = column;
         const isKeyColumn = Boolean(KeyColumnIds === null || KeyColumnIds === void 0 ? void 0 : KeyColumnIds.find((keyColumnId) => keyColumnId === Id));
         // Values in keyAccessorsMap are always negative, so it will be 1 for not key columns
         const keyAccessor = Id && keyAccessorsMap[Id] ? keyAccessorsMap[Id] : 1;
@@ -47,6 +47,7 @@ function prepareRowTableSchema(data = {}) {
             keyAccessor,
             type: Type,
             notNull: NotNull,
+            autoIncrement: Boolean(DefaultFromSequence),
             familyName,
             prefferedPoolKind,
             columnCodec,

package/dist/src/containers/Tenant/Schema/SchemaViewer/types.d.ts

@@ -7,6 +7,7 @@ export interface SchemaData {
     keyAccessor?: number;
     type?: string;
     notNull?: boolean;
+    autoIncrement?: boolean;
     familyName?: string;
     prefferedPoolKind?: string;
     columnCodec?: string;

package/dist/src/containers/Tenant/Tenant.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import qs from 'qs';
 import { Helmet } from 'react-helmet-async';
-import { useLocation } from 'react-router';
+import { StringParam, useQueryParams } from 'use-query-params';
 import { AccessDenied } from '../../components/Errors/403';
+import { Loader } from '../../components/Loader';
 import SplitPane from '../../components/SplitPane';
 import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { getSchema } from '../../store/reducers/schema/schema';
+import { schemaApi } from '../../store/reducers/schema/schema';
 import { cn } from '../../utils/cn';
 import { DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY } from '../../utils/constants';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
+import { useTypedDispatch } from '../../utils/hooks';
 import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
 import { ObjectSummary } from './ObjectSummary/ObjectSummary';
 import i18n from './i18n';
@@ -27,25 +27,13 @@ const getTenantSummaryState = () => {
 function Tenant(props) {
     var _a;
     const [summaryVisibilityState, dispatchSummaryVisibilityAction] = React.useReducer(paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED), undefined, getTenantSummaryState);
+    const [{ name: tenantName, schema }] = useQueryParams({ name: StringParam, schema: StringParam });
+    if (!tenantName) {
+        throw new Error('Tenant name is not defined');
+    }
     const previousTenant = React.useRef();
-    const { currentSchemaPath, currentSchema: currentItem = {} } = useTypedSelector((state) => state.schema);
-    const { PathType: preloadedPathType, PathSubType: preloadedPathSubType } = useTypedSelector((state) => {
-        var _a, _b;
-        return currentSchemaPath
-            ? (_b = (_a = state.schema.data[currentSchemaPath]) === null || _a === void 0 ? void 0 : _a.PathDescription) === null || _b === void 0 ? void 0 : _b.Self
-            : undefined;
-    }) || {};
-    const { PathType: currentPathType, PathSubType: currentPathSubType } = ((_a = currentItem.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
-    const { error: { status: schemaStatus = 200 } = {} } = useTypedSelector((state) => state.schema);
-    const dispatch = useTypedDispatch();
-    const location = useLocation();
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-    const { name } = queryParams;
-    const tenantName = name;
     React.useEffect(() => {
-        if (tenantName && typeof tenantName === 'string' && previousTenant.current !== tenantName) {
+        if (previousTenant.current !== tenantName) {
             const register = async () => {
                 const { registerYQLCompletionItemProvider } = await import('../../utils/monaco/yql/yql.completionItemProvider');
                 registerYQLCompletionItemProvider(tenantName);
@@ -54,20 +42,17 @@ function Tenant(props) {
             previousTenant.current = tenantName;
         }
     }, [tenantName]);
+    const dispatch = useTypedDispatch();
     React.useEffect(() => {
-        dispatch(getSchema({ path: tenantName }));
-    }, [tenantName, dispatch]);
-    React.useEffect(() => {
-        //TODO: should be refactored when move to @reduxjs/toolkit/query
-        if (currentSchemaPath && currentSchemaPath !== tenantName) {
-            dispatch(getSchema({ path: currentSchemaPath }));
-        }
-    }, [currentSchemaPath, dispatch, tenantName]);
-    React.useEffect(() => {
-        if (tenantName) {
-            dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
-        }
+        dispatch(setHeaderBreadcrumbs('tenant', { tenantName }));
     }, [tenantName, dispatch]);
+    const path = schema !== null && schema !== void 0 ? schema : tenantName;
+    const { currentData: currentItem, error, isLoading, } = schemaApi.useGetSchemaQuery({ path }, { refetchOnMountOrArgChange: true });
+    const { PathType: currentPathType, PathSubType: currentPathSubType } = ((_a = currentItem === null || currentItem === void 0 ? void 0 : currentItem.PathDescription) === null || _a === void 0 ? void 0 : _a.Self) || {};
+    let showBlockingError = false;
+    if (error && typeof error === 'object' && 'status' in error) {
+        showBlockingError = error.status === 403;
+    }
     const onCollapseSummaryHandler = () => {
         dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
     };
@@ -77,8 +62,7 @@ function Tenant(props) {
     const onSplitStartDragAdditional = () => {
         dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.clear);
     };
-    const showBlockingError = schemaStatus === 403;
-    const title = currentSchemaPath || tenantName || i18n('page.title');
-    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { defaultTitle: `${title} — YDB Monitoring`, titleTemplate: `%s — ${title} — YDB Monitoring` }), showBlockingError ? (_jsx(AccessDenied, {})) : (_jsxs(SplitPane, { defaultSizePaneKey: DEFAULT_SIZE_TENANT_KEY, defaultSizes: [25, 75], triggerCollapse: summaryVisibilityState.triggerCollapse, triggerExpand: summaryVisibilityState.triggerExpand, minSize: [36, 200], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsx(ObjectSummary, { type: preloadedPathType || currentPathType, subType: preloadedPathSubType || currentPathSubType, tenantName: tenantName, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx(ObjectGeneral, { type: preloadedPathType || currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName })] }))] }));
+    const title = path || i18n('page.title');
+    return (_jsxs("div", { className: b(), children: [_jsx(Helmet, { defaultTitle: `${title} — YDB Monitoring`, titleTemplate: `%s — ${title} — YDB Monitoring` }), showBlockingError ? (_jsx(AccessDenied, {})) : (_jsxs(SplitPane, { defaultSizePaneKey: DEFAULT_SIZE_TENANT_KEY, defaultSizes: [25, 75], triggerCollapse: summaryVisibilityState.triggerCollapse, triggerExpand: summaryVisibilityState.triggerExpand, minSize: [36, 200], onSplitStartDragAdditional: onSplitStartDragAdditional, children: [_jsx(ObjectSummary, { type: currentPathType, subType: currentPathSubType, tenantName: tenantName, path: path, onCollapseSummary: onCollapseSummaryHandler, onExpandSummary: onExpandSummaryHandler, isCollapsed: summaryVisibilityState.collapsed }), _jsx("div", { className: b('main'), children: isLoading ? (_jsx(Loader, { size: "l" })) : (_jsx(ObjectGeneral, { type: currentPathType, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps, tenantName: tenantName, path: path })) })] }))] }));
 }
 export default Tenant;

package/dist/{containers → src/containers}/Tenant/Tenant.scss

@@ -5,4 +5,8 @@
 
     @include body-2-typography();
     @include flex-container();
+
+    &__main {
+        flex-grow: 1;
+    }
 }

package/dist/src/containers/Tenant/TenantNavigation/TenantNavigation.d.ts

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

package/dist/src/containers/Tenant/TenantNavigation/TenantNavigation.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, RadioButton } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import { useTenantNavigation } from './useTenantNavigation';
+import './TenantNavigation.scss';
+const b = cn('ydb-tenant-navigation');
+const transformItemToOption = ({ id, title, icon }) => {
+    const content = (_jsxs("span", { className: b('item'), children: [_jsx(Icon, { data: icon, size: 16, className: b('icon') }), _jsx("span", { className: b('text'), children: title })] }));
+    return { value: id, content };
+};
+export const TenantNavigation = () => {
+    const navigationItems = useTenantNavigation();
+    const handleUpdate = (value) => {
+        const nextItem = navigationItems.find((item) => item.id === value);
+        nextItem === null || nextItem === void 0 ? void 0 : nextItem.onForward();
+    };
+    const getCurrentItem = () => navigationItems.find((item) => item.current) || navigationItems[0];
+    return (_jsx("div", { className: b(), children: _jsx(RadioButton, { width: "auto", onUpdate: handleUpdate, size: "l", className: b('body'), defaultValue: getCurrentItem().id, options: navigationItems.map(transformItemToOption) }) }));
+};

package/dist/src/containers/Tenant/TenantNavigation/TenantNavigation.scss

@@ -0,0 +1,18 @@
+.ydb-tenant-navigation {
+    padding: 12px 16px 8px;
+
+    &__item {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+    }
+
+    &__icon {
+        flex-shrink: 0;
+    }
+    &__text {
+        overflow: hidden;
+
+        text-overflow: ellipsis;
+    }
+}

package/dist/src/containers/Tenant/TenantNavigation/useTenantNavigation.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function useTenantNavigation(): {
+    id: "query" | "diagnostics";
+    title: string;
+    icon: ((props: React.SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: React.SVGProps<SVGSVGElement>) => React.JSX.Element);
+    path: string;
+    current: boolean;
+    onForward: () => void;
+}[];

package/dist/src/containers/Tenant/TenantNavigation/useTenantNavigation.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Pulse, Terminal } from '@gravity-ui/icons';
+import { useHistory, useLocation } from 'react-router';
+import routes, { parseQuery } from '../../../routes';
+import { TENANT_PAGE, TENANT_PAGES_IDS } from '../../../store/reducers/tenant/constants';
+import { TENANT_INITIAL_PAGE_KEY } from '../../../utils/constants';
+import { useSetting, useTypedSelector } from '../../../utils/hooks';
+import { getTenantPath } from '../TenantPages';
+import i18n from '../i18n';
+const pagesList = ['query', 'diagnostics'];
+const mapPageToIcon = {
+    query: Terminal,
+    diagnostics: Pulse,
+};
+export function useTenantNavigation() {
+    const history = useHistory();
+    const location = useLocation();
+    const queryParams = parseQuery(location);
+    const [, setInitialTenantPage] = useSetting(TENANT_INITIAL_PAGE_KEY);
+    const { tenantPage } = useTypedSelector((state) => state.tenant);
+    const menuItems = React.useMemo(() => {
+        if (location.pathname !== routes.tenant) {
+            return [];
+        }
+        const items = pagesList.map((key) => {
+            const pageId = TENANT_PAGES_IDS[key];
+            const pagePath = getTenantPath(Object.assign(Object.assign({}, queryParams), { [TENANT_PAGE]: pageId }));
+            const nextItem = {
+                id: pageId,
+                title: i18n(`pages.${key}`),
+                icon: mapPageToIcon[key],
+                path: pagePath,
+                current: tenantPage === pageId,
+                onForward: () => {
+                    setInitialTenantPage(pageId);
+                    history.push(pagePath);
+                },
+            };
+            return nextItem;
+        });
+        return items;
+    }, [tenantPage, setInitialTenantPage, location.pathname, history, queryParams]);
+    return menuItems;
+}

package/dist/src/containers/Tenant/i18n/en.json

@@ -1,10 +1,26 @@
 {
     "page.title": "Database",
+    "pages.query": "Query",
+    "pages.diagnostics": "Diagnostics",
     "acl.owner": "Owner",
     "acl.empty": "No Acl data",
     "summary.navigation": "Navigation",
     "summary.showPreview": "Show preview",
+    "summary.source-type": "Source Type",
+    "summary.data-source": "Data Source",
     "summary.copySchemaPath": "Copy schema path",
+    "summary.type": "Type",
+    "summary.subtype": "SubType",
+    "summary.id": "Id",
+    "summary.version": "Version",
+    "summary.created": "Created",
+    "summary.partitions": "Partitions count",
+    "summary.paths": "Paths",
+    "summary.shards": "Shards",
+    "summary.state": "State",
+    "summary.mode": "Mode",
+    "summary.format": "Format",
+    "summary.retention": "Retention",
     "actions.copied": "The path is copied to the clipboard",
     "actions.notCopied": "Couldn’t copy the path",
     "actions.copyPath": "Copy path",
@@ -12,6 +28,7 @@
     "actions.createTable": "Create table...",
     "actions.createExternalTable": "Create external table...",
     "actions.createTopic": "Create topic...",
+    "actions.createColumnTable": "Create column table...",
     "actions.createView": "Create view...",
     "actions.dropTable": "Drop table...",
     "actions.dropTopic": "Drop topic...",

package/dist/src/containers/Tenant/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "page.title" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.copySchemaPath" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: "page.title" | "pages.query" | "pages.diagnostics" | "acl.owner" | "acl.empty" | "summary.navigation" | "summary.showPreview" | "summary.source-type" | "summary.data-source" | "summary.copySchemaPath" | "summary.type" | "summary.subtype" | "summary.id" | "summary.version" | "summary.created" | "summary.partitions" | "summary.paths" | "summary.shards" | "summary.state" | "summary.mode" | "summary.format" | "summary.retention" | "actions.copied" | "actions.notCopied" | "actions.copyPath" | "actions.openPreview" | "actions.createTable" | "actions.createExternalTable" | "actions.createTopic" | "actions.createColumnTable" | "actions.createView" | "actions.dropTable" | "actions.dropTopic" | "actions.dropView" | "actions.alterTable" | "actions.alterTopic" | "actions.selectQuery" | "actions.upsertQuery", params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/dist/src/containers/Tenant/utils/queryTemplates.d.ts

@@ -1,4 +1,5 @@
 export declare const createTableTemplate: (path: string) => string;
+export declare const createColumnTableTemplate: (path: string) => string;
 export declare const alterTableTemplate: (path: string) => string;
 export declare const selectQueryTemplate: (path: string) => string;
 export declare const upsertQueryTemplate: (path: string) => string;

package/dist/src/containers/Tenant/utils/queryTemplates.js

@@ -30,6 +30,18 @@ WITH (
                                -- if some keys are missing in a table when making multiple single queries by the primary key.
 )`;
 };
+export const createColumnTableTemplate = (path) => {
+    return `-- docs: https://ydb.tech/en/docs/yql/reference/syntax/create_table#olap-tables
+CREATE TABLE \`${path}/ydb_column_table\` (
+    id Int64 NOT NULL,
+    author Text,
+    title Text,
+    body Text,
+    PRIMARY KEY (id)
+)
+PARTITION BY HASH(id)
+WITH (STORE = COLUMN)`;
+};
 export const alterTableTemplate = (path) => {
     return `ALTER TABLE \`${path}\`
     ADD COLUMN is_deleted Bool;`;

package/dist/src/containers/Tenant/utils/schema.d.ts

@@ -1,6 +1,6 @@
 import type { NavigationTreeNodeType } from 'ydb-ui-components';
 import { EPathSubType, EPathType } from '../../../types/api/schema';
-import { ETenantType } from '../../../types/api/tenant';
+import type { ETenantType } from '../../../types/api/tenant';
 export declare const mapPathTypeToNavigationTreeType: (type?: EPathType, subType?: EPathSubType, defaultType?: NavigationTreeNodeType) => NavigationTreeNodeType;
 export declare const mapPathTypeToEntityName: (type?: EPathType, subType?: EPathSubType) => string | undefined;
 export declare const mapDatabaseTypeToDBName: (type?: ETenantType) => string | undefined;

package/dist/src/containers/Tenant/utils/schema.js

@@ -1,5 +1,4 @@
 import { EPathSubType, EPathType } from '../../../types/api/schema';
-import { ETenantType } from '../../../types/api/tenant';
 // this file contains verbose mappings that are typed in a way that ensures
 // correctness when a new node type or a new path type is added
 // TS will error if a new entity is added but not mapped here
@@ -52,11 +51,11 @@ const pathTypeToEntityName = {
 export const mapPathTypeToEntityName = (type, subType) => (subType && pathSubTypeToEntityName[subType]) || (type && pathTypeToEntityName[type]);
 // ====================
 const databaseTypeToDBName = {
-    [ETenantType.UnknownTenantType]: 'Database',
-    [ETenantType.Domain]: 'Cluster Root',
-    [ETenantType.Dedicated]: 'Dedicated Database',
-    [ETenantType.Shared]: 'Shared Database',
-    [ETenantType.Serverless]: 'Serverless Database',
+    UnknownTenantType: 'Database',
+    Domain: 'Cluster Root',
+    Dedicated: 'Dedicated Database',
+    Shared: 'Shared Database',
+    Serverless: 'Serverless Database',
 };
 export const mapDatabaseTypeToDBName = (type) => type && databaseTypeToDBName[type];
 // ====================

package/dist/src/containers/Tenant/utils/schemaActions.js

@@ -4,7 +4,7 @@ import { TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID } from '../../../store/reducers/
 import { setQueryTab, setTenantPage } from '../../../store/reducers/tenant/tenant';
 import createToast from '../../../utils/createToast';
 import i18n from '../i18n';
-import { alterTableTemplate, alterTopicTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
+import { alterTableTemplate, alterTopicTemplate, createColumnTableTemplate, createExternalTableTemplate, createTableTemplate, createTopicTemplate, createViewTemplate, dropExternalTableTemplate, dropTopicTemplate, dropViewTemplate, selectQueryTemplate, upsertQueryTemplate, } from './queryTemplates';
 const bindActions = (path, dispatch, additionalEffects) => {
     const { setActivePath, setQueryMode } = additionalEffects;
     const inputQuery = (tmpl, mode) => () => {
@@ -18,6 +18,7 @@ const bindActions = (path, dispatch, additionalEffects) => {
     };
     return {
         createTable: inputQuery(createTableTemplate, 'script'),
+        createColumnTable: inputQuery(createColumnTableTemplate, 'script'),
         alterTable: inputQuery(alterTableTemplate, 'script'),
         selectQuery: inputQuery(selectQueryTemplate),
         upsertQuery: inputQuery(upsertQueryTemplate),
@@ -55,6 +56,7 @@ export const getActions = (dispatch, additionalEffects) => (path, type) => {
         [copyItem],
         [
             { text: i18n('actions.createTable'), action: actions.createTable },
+            { text: i18n('actions.createColumnTable'), action: actions.createColumnTable },
             { text: i18n('actions.createTopic'), action: actions.createTopic },
             { text: i18n('actions.createView'), action: actions.createView },
         ],

package/dist/src/lib.d.ts

@@ -6,11 +6,11 @@ export { default as appRoutes } from './routes';
 export { createApi, YdbEmbeddedAPI, YdbWebVersionAPI } from './services/api';
 export { settingsManager } from './services/settings';
 export { settings as userSettings } from './containers/UserSettings/settings';
-export { setUserSettings } from './store/reducers/settings/settings';
+export { setSettingValue, getSettingValue } from './store/reducers/settings/settings';
 export { componentsRegistry } from './components/ComponentsProvider/componentsRegistry';
 export { useSetting, useTypedSelector } from './utils/hooks';
 export { getMonitoringLink, getMonitoringClusterLink } from './utils/monitoring';
-export { i18n, Lang } from './utils/i18n';
+export { i18n, Lang, registerKeysets } from './utils/i18n';
 export { toaster } from './utils/createToast';
 export { cn } from './utils/cn';
 export * from './utils/constants';
@@ -19,3 +19,4 @@ export type { SettingsObject } from './services/settings';
 export type { YDBEmbeddedUISettings, SettingsPage, SettingsSection, } from './containers/UserSettings/settings';
 export type { SettingProps } from './containers/UserSettings/Setting';
 export type { AsideNavigationProps } from './containers/AsideNavigation/AsideNavigation';
+export type { GetMonitoringLink, GetMonitoringClusterLink } from './utils/monitoring';

package/dist/src/lib.js

@@ -6,11 +6,11 @@ export { default as appRoutes } from './routes';
 export { createApi, YdbEmbeddedAPI, YdbWebVersionAPI } from './services/api';
 export { settingsManager } from './services/settings';
 export { settings as userSettings } from './containers/UserSettings/settings';
-export { setUserSettings } from './store/reducers/settings/settings';
+export { setSettingValue, getSettingValue } from './store/reducers/settings/settings';
 export { componentsRegistry } from './components/ComponentsProvider/componentsRegistry';
 export { useSetting, useTypedSelector } from './utils/hooks';
 export { getMonitoringLink, getMonitoringClusterLink } from './utils/monitoring';
-export { i18n, Lang } from './utils/i18n';
+export { i18n, Lang, registerKeysets } from './utils/i18n';
 export { toaster } from './utils/createToast';
 export { cn } from './utils/cn';
 export * from './utils/constants';

package/dist/src/routes.d.ts

@@ -20,7 +20,7 @@ declare const routes: {
 };
 export default routes;
 export declare const parseQuery: (location: Location) => qs.ParsedQs;
-export type Query = Record<string | number, string | number | string[] | number[] | undefined | null>;
+export type Query = AnyRecord;
 export declare function createHref(route: string, params?: Record<string, string | number>, query?: Query): string;
 export declare const createExternalUILink: (query?: {}) => string;
 export declare function getLocationObjectFromHref(href: string): {

package/dist/src/routes.js

@@ -50,7 +50,9 @@ export function createHref(route, params, query = {}) {
     if (clusterName && !isClusterNameInQuery && webVersion) {
         extendedQuery = Object.assign(Object.assign({}, extendedQuery), { clusterName });
     }
-    const search = isEmpty(extendedQuery) ? '' : `?${qs.stringify(extendedQuery, { encode: false })}`;
+    const search = isEmpty(extendedQuery)
+        ? ''
+        : `?${qs.stringify(extendedQuery, { encode: false, arrayFormat: 'repeat' })}`;
     const preparedRoute = prepareRoute(route);
     return `${compile(preparedRoute)(params)}${search}`;
 }