Merge branch 'main' into kkdras.4002

Author: kkdras

.github/CODEOWNERS

@@ -3,4 +3,4 @@
 # See: https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
 
 # Global owners - these users will be requested for review on all PRs
-* @astandrik @Raubzeug @adameat @kkdras
+* @astandrik @Raubzeug @kkdras

.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "18.0.0"
+  ".": "18.1.0"
 }

CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [18.1.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v18.0.1...v18.1.0) (2026-07-10)
+
+
+### Features
+
+* enable navigation v2 by default ([#4098](https://github.com/ydb-platform/ydb-embedded-ui/issues/4098)) ([228b8cf](https://github.com/ydb-platform/ydb-embedded-ui/commit/228b8cf6580a6ed8e29e27901df3d94795950813))
+
+
+### Bug Fixes
+
+* **HeaderBreadcrumbs:** layout ([#4100](https://github.com/ydb-platform/ydb-embedded-ui/issues/4100)) ([0414ef6](https://github.com/ydb-platform/ydb-embedded-ui/commit/0414ef6b06a41f61b3b38d41272d242643d33325))
+* hide link to pDisk for database users ([#4111](https://github.com/ydb-platform/ydb-embedded-ui/issues/4111)) ([584e747](https://github.com/ydb-platform/ydb-embedded-ui/commit/584e7475211d463549efd1bc4e0dc922e98ac59c))
+* remove PostgreSQL query mode ([#4099](https://github.com/ydb-platform/ydb-embedded-ui/issues/4099)) ([38254a6](https://github.com/ydb-platform/ydb-embedded-ui/commit/38254a6220a36879c3d139ca6a8db355c6658229))
+
+## [18.0.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v18.0.0...v18.0.1) (2026-07-10)
+
+
+### Bug Fixes
+
+* **HomePage:** block databases if meta/whoami error ([#4101](https://github.com/ydb-platform/ydb-embedded-ui/issues/4101)) ([2ddb653](https://github.com/ydb-platform/ydb-embedded-ui/commit/2ddb653b1a474770c57b7c77f46066658c53259a))
+
 ## [18.0.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v17.2.0...v18.0.0) (2026-07-08)
 
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "18.0.0",
+  "version": "18.1.0",
   "files": [
     "dist"
   ],

package.json

@@ -11,7 +11,7 @@ import {LinkToSchemaObject} from '../LinkToSchemaObject';
 
 jest.mock('../../../containers/Tenant/Diagnostics/DiagnosticsPages', () => ({
     useDiagnosticsPageLinkGetter: () => (_tab: string, params?: {schema?: string}) => {
-        return `/tenant?schema=${encodeURIComponent(params?.schema ?? '')}`;
+        return `/database?schema=${encodeURIComponent(params?.schema ?? '')}`;
     },
 }));
 
@@ -79,7 +79,7 @@ describe('LinkToSchemaObject', () => {
 
         expect(screen.getByRole('link', {name: 'Table'})).toHaveAttribute(
             'href',
-            '/tenant?schema=%2FRoot%2FTable',
+            '/database?schema=%2FRoot%2FTable',
         );
     });
 });

src/components/LinkToSchemaObject/__test__/LinkToSchemaObject.test.tsx

@@ -13,6 +13,7 @@ import {
 import {createVDiskDeveloperUILink, useHasDeveloperUi} from '../../utils/developerUI/developerUI';
 import {getDataSeverityColor} from '../../utils/disks/helpers';
 import type {PreparedVDisk} from '../../utils/disks/types';
+import {useIsViewerUser} from '../../utils/hooks/useIsUserAllowedToMakeChanges';
 import {bytesToSpeed} from '../../utils/utils';
 import {InternalLink} from '../InternalLink';
 import {LinkWithIcon} from '../LinkWithIcon/LinkWithIcon';
@@ -45,6 +46,7 @@ export function VDiskInfo<T extends PreparedVDisk>({
     wrap,
 }: VDiskInfoProps<T>) {
     const hasDeveloperUi = useHasDeveloperUi();
+    const isViewerUser = useIsViewerUser();
 
     const getVDiskPagePath = useVDiskPagePath();
 
@@ -174,7 +176,8 @@ export function VDiskInfo<T extends PreparedVDisk>({
         rightColumn.push({name: vDiskInfoKeyset('slot-id'), content: VDiskSlotId});
     }
     if (!isNil(PDiskId)) {
-        const pDiskPath = isNil(NodeId) ? undefined : getPDiskPagePath(PDiskId, NodeId);
+        const pDiskPath =
+            isViewerUser && !isNil(NodeId) ? getPDiskPagePath(PDiskId, NodeId) : undefined;
 
         const content = pDiskPath ? <InternalLink to={pDiskPath}>{PDiskId}</InternalLink> : PDiskId;
 

src/components/VDiskInfo/VDiskInfo.tsx

@@ -1,44 +1,77 @@
-import {render, screen} from '@testing-library/react';
-import {MemoryRouter} from 'react-router-dom';
+import {screen, waitFor} from '@testing-library/react';
+import {Router} from 'react-router-dom';
+import {QueryParamProvider} from 'use-query-params';
+import {ReactRouter5Adapter} from 'use-query-params/adapters/react-router-5';
 
+import {configureStore} from '../../../store';
 import type {PreparedVDisk} from '../../../utils/disks/types';
+import {renderWithStore} from '../../../utils/tests/providers';
 import {VDiskInfo} from '../VDiskInfo';
 
-jest.mock('../../../routes', () => ({
-    getPDiskPagePath: (pDiskId: string | number, nodeId: string | number) =>
-        `/pdisk-page?nodeId=${nodeId}&pDiskId=${pDiskId}`,
-    useVDiskPagePath: () => () => '/vdisk-page',
-}));
+function renderWithWhoami({
+    data,
+    isViewerAllowed = true,
+    withVDiskPageLink,
+}: {
+    data: PreparedVDisk;
+    isViewerAllowed?: boolean;
+    withVDiskPageLink?: boolean;
+}) {
+    const whoami = jest.fn().mockResolvedValue({IsViewerAllowed: isViewerAllowed});
+    const api = {
+        viewer: {
+            whoami,
+        },
+    };
 
-jest.mock('../../../utils/developerUI/developerUI', () => ({
-    useHasDeveloperUi: () => false,
-}));
+    const storeConfiguration = configureStore({api: api as never});
+
+    renderWithStore(
+        <Router history={storeConfiguration.history}>
+            <QueryParamProvider adapter={ReactRouter5Adapter}>
+                <VDiskInfo data={data} withVDiskPageLink={withVDiskPageLink} />
+            </QueryParamProvider>
+        </Router>,
+        {storeConfiguration},
+    );
+
+    return {whoami};
+}
 
 describe('VDiskInfo', () => {
     test('renders VDisk page link as an internal link', () => {
-        render(
-            <MemoryRouter>
-                <VDiskInfo
-                    data={{NodeId: 1, StringifiedId: '1-2-3-4-5'} as PreparedVDisk}
-                    withVDiskPageLink
-                />
-            </MemoryRouter>,
-        );
+        renderWithWhoami({
+            data: {NodeId: 1, StringifiedId: '1-2-3-4-5'} as PreparedVDisk,
+            withVDiskPageLink: true,
+        });
 
         const link = screen.getByRole('link', {name: /VDisk page/});
 
-        expect(link).toHaveAttribute('href', '/vdisk-page');
+        expect(link).toHaveAttribute('href', '/vDisk?nodeId=1&vDiskId=1-2-3-4-5');
         expect(link).not.toHaveAttribute('target', '_blank');
     });
-    test('renders PDisk id as an internal link when PDiskId and NodeId are defined', () => {
-        render(
-            <MemoryRouter>
-                <VDiskInfo data={{NodeId: 1, PDiskId: 2} as PreparedVDisk} />
-            </MemoryRouter>,
-        );
 
-        const link = screen.getByRole('link', {name: '2'});
+    test('renders PDisk id as an internal link when whoami allows viewer access', async () => {
+        const {whoami} = renderWithWhoami({
+            data: {NodeId: 1, PDiskId: 2} as PreparedVDisk,
+            isViewerAllowed: true,
+        });
+
+        const link = await screen.findByRole('link', {name: '2'});
+
+        expect(whoami).toHaveBeenCalledWith({database: undefined});
+        expect(link).toHaveAttribute('href', '/pDisk?nodeId=1&pDiskId=2');
+    });
+
+    test('renders PDisk id as plain text when whoami denies viewer access', async () => {
+        const {whoami} = renderWithWhoami({
+            data: {NodeId: 1, PDiskId: 2} as PreparedVDisk,
+            isViewerAllowed: false,
+        });
+
+        await waitFor(() => expect(whoami).toHaveBeenCalledWith({database: undefined}));
 
-        expect(link).toHaveAttribute('href', '/pdisk-page?nodeId=1&pDiskId=2');
+        expect(screen.getByText('2')).toBeVisible();
+        expect(screen.queryByRole('link', {name: '2'})).not.toBeInTheDocument();
     });
 });

src/components/VDiskInfo/__test__/VDiskInfo.test.tsx

@@ -12,11 +12,23 @@
 
     .g-breadcrumbs__item_current {
         height: min-content;
+
+        font-weight: var(--g-text-body-font-weight, inherit);
     }
 
     &__breadcrumbs {
         display: flex;
         flex-grow: 1;
+
+        .g-breadcrumbs__divider {
+            padding: 0 var(--g-spacing-1);
+        }
+
+        &_has-home-item {
+            > .g-breadcrumbs__item:first-child .g-breadcrumbs__divider {
+                display: none;
+            }
+        }
     }
 
     &__breadcrumbs-item {
@@ -29,6 +41,12 @@
         &_active {
             color: var(--g-color-text-primary);
         }
+
+        &_home {
+            margin-right: 6px;
+
+            color: var(--g-color-text-primary);
+        }
     }
 
     &__breadcrumbs-icon {

src/containers/Header/Header.scss

@@ -12,16 +12,21 @@ interface HeaderBreadcrumbsProps {
 }
 
 export function HeaderBreadcrumbs({breadcrumbItems, endContent}: HeaderBreadcrumbsProps) {
+    const hasHomeItem = Boolean(breadcrumbItems[0]?.isHome);
+
     return (
-        <Breadcrumbs className={b('breadcrumbs')} endContent={endContent}>
+        <Breadcrumbs
+            className={b('breadcrumbs', {'has-home-item': hasHomeItem})}
+            endContent={endContent}
+        >
             {breadcrumbItems.map((item, index) => {
-                const {icon, text, link} = item;
+                const {icon, text, link, isHome} = item;
                 const isLast = index === breadcrumbItems.length - 1;
 
                 return (
                     <Breadcrumbs.Item
                         key={index}
-                        className={b('breadcrumbs-item', {active: isLast})}
+                        className={b('breadcrumbs-item', {active: isLast, home: isHome})}
                         disabled={isLast}
                     >
                         <BreadcrumbLink icon={icon} text={text} link={isLast ? undefined : link} />