Merge branch 'main' into astandrik.1977

Author: astandrik

.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "8.16.0"
+  ".": "8.17.0"
 }

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [8.17.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v8.16.0...v8.17.0) (2025-03-26)
+
+
+### Features
+
+* followerId for tablets ([#2025](https://github.com/ydb-platform/ydb-embedded-ui/issues/2025)) ([63d5afd](https://github.com/ydb-platform/ydb-embedded-ui/commit/63d5afd64754df291e0e5eec90142a37114ebf85))
+* parse logging link as default value ([#2036](https://github.com/ydb-platform/ydb-embedded-ui/issues/2036)) ([74f7a58](https://github.com/ydb-platform/ydb-embedded-ui/commit/74f7a5892a08a6a61cd6eff1bfe3acde9aac7f6e))
+
+
+### Bug Fixes
+
+* add required field SubDomainKey to getNodes ([#2047](https://github.com/ydb-platform/ydb-embedded-ui/issues/2047)) ([cf1ddc3](https://github.com/ydb-platform/ydb-embedded-ui/commit/cf1ddc39225ada474d858f3ae8eb1f1f595da068))
+* supported changes of the transfer configuration structure ([#2032](https://github.com/ydb-platform/ydb-embedded-ui/issues/2032)) ([78965ed](https://github.com/ydb-platform/ydb-embedded-ui/commit/78965edd4caf013ec4a2aca91614cef7550a9f16))
+
 ## [8.16.0](https://github.com/ydb-platform/ydb-embedded-ui/compare/v8.15.0...v8.16.0) (2025-03-20)
 
 

package-lock.json

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

package.json

@@ -72,7 +72,7 @@ export function Cluster({
     const clusterTitle = metaClusterTitle ?? viewerClusterTitle;
 
     const {
-        data: {clusterData: cluster = {}, groupsStats} = {},
+        data: {clusterData: cluster, groupsStats} = {},
         isLoading: infoLoading,
         error,
     } = clusterApi.useGetClusterInfoQuery(clusterName ?? undefined);
@@ -121,7 +121,7 @@ export function Cluster({
             </div>
             {isClusterDashboardAvailable && (
                 <ClusterDashboard
-                    cluster={cluster}
+                    cluster={cluster ?? {}}
                     groupStats={groupsStats}
                     loading={infoLoading}
                     error={clusterError || cluster?.error}
@@ -193,7 +193,7 @@ export function Cluster({
                         getLocationObjectFromHref(getClusterPath(clusterTabsIds.versions)).pathname
                     }
                 >
-                    <Versions cluster={cluster} />
+                    {cluster && <Versions cluster={cluster} />}
                 </Route>
                 <Route
                     render={() => (

src/containers/Cluster/Cluster.tsx

@@ -95,7 +95,9 @@ function Overview({type, path, database}: OverviewProps) {
             [EPathType.EPathTypeExternalDataSource]: () => <ExternalDataSourceInfo data={data} />,
             [EPathType.EPathTypeView]: () => <ViewInfo data={data} />,
             [EPathType.EPathTypeReplication]: () => <AsyncReplicationInfo data={data} />,
-            [EPathType.EPathTypeTransfer]: () => <TransferInfo data={data} />,
+            [EPathType.EPathTypeTransfer]: () => (
+                <TransferInfo path={path} database={database} data={data} />
+            ),
         };
 
         return (type && pathTypeToComponent[type]?.()) || <TableInfo data={data} type={type} />;

src/containers/Tenant/Diagnostics/Overview/Overview.tsx

@@ -4,18 +4,22 @@ import {Flex, Text} from '@gravity-ui/uikit';
 import {AsyncReplicationState} from '../../../../../components/AsyncReplicationState';
 import {YDBSyntaxHighlighter} from '../../../../../components/SyntaxHighlighter/YDBSyntaxHighlighter';
 import {YDBDefinitionList} from '../../../../../components/YDBDefinitionList/YDBDefinitionList';
+import {replicationApi} from '../../../../../store/reducers/replication';
+import type {DescribeReplicationResult} from '../../../../../types/api/replication';
 import type {TEvDescribeSchemeResult} from '../../../../../types/api/schema';
 import {getEntityName} from '../../../utils';
 
 import {Credentials} from './Credentials';
 import i18n from './i18n';
 
 interface TransferProps {
+    path: string;
+    database: string;
     data?: TEvDescribeSchemeResult;
 }
 
 /** Displays overview for Transfer EPathType */
-export function TransferInfo({data}: TransferProps) {
+export function TransferInfo({path, database, data}: TransferProps) {
     const entityName = getEntityName(data?.PathDescription);
 
     if (!data) {
@@ -26,7 +30,8 @@ export function TransferInfo({data}: TransferProps) {
         );
     }
 
-    const transferItems = prepareTransferItems(data);
+    const {data: replicationData} = replicationApi.useGetReplicationQuery({path, database}, {});
+    const transferItems = prepareTransferItems(data, replicationData);
 
     return (
         <Flex direction="column" gap="4">
@@ -35,7 +40,10 @@ export function TransferInfo({data}: TransferProps) {
     );
 }
 
-function prepareTransferItems(data: TEvDescribeSchemeResult) {
+function prepareTransferItems(
+    data: TEvDescribeSchemeResult,
+    replicationData: DescribeReplicationResult | undefined,
+) {
     const transferDescription = data.PathDescription?.ReplicationDescription || {};
     const state = transferDescription.State;
     const srcConnectionParams = transferDescription.Config?.SrcConnectionParams || {};
@@ -54,6 +62,18 @@ function prepareTransferItems(data: TEvDescribeSchemeResult) {
         });
     }
 
+    if (replicationData?.error?.issues && replicationData.error.issues[0]?.message) {
+        info.push({
+            name: i18n('state.error'),
+            copyText: replicationData.error.issues[0].message,
+            content: (
+                <Text variant="code-inline-2" color="danger">
+                    {replicationData.error.issues[0].message}
+                </Text>
+            ),
+        });
+    }
+
     if (Endpoint) {
         info.push({
             name: i18n('srcConnection.endpoint.label'),

src/containers/Tenant/Diagnostics/Overview/TransferInfo/TransferInfo.tsx

@@ -4,6 +4,7 @@
   "srcConnection.database.label": "Source Database Path",
   "srcConnection.endpoint.label": "Source Cluster Endpoint",
   "state.label": "State",
+  "state.error": "Error",
   "srcPath.label": "Source Topic",
   "dstPath.label": "Destination Table",
   "transformLambda.label": "Transformation Lambda"

src/containers/Tenant/Diagnostics/Overview/TransferInfo/i18n/en.json

@@ -48,7 +48,7 @@ export function SchemaTree(props: SchemaTreeProps) {
         {currentData: actionsSchemaData, isFetching: isActionsDataFetching},
     ] = tableSchemaDataApi.useLazyGetTableSchemaDataQuery();
 
-    const [querySettings, setQueryExecutionSettings] = useQueryExecutionSettings();
+    const [querySettings] = useQueryExecutionSettings();
     const [createDirectoryOpen, setCreateDirectoryOpen] = React.useState(false);
     const [parentPath, setParentPath] = React.useState('');
     const setSchemaTreeKey = useDispatchTreeKey();
@@ -128,8 +128,6 @@ export function SchemaTree(props: SchemaTreeProps) {
             dispatch,
             {
                 setActivePath: onActivePathUpdate,
-                updateQueryExecutionSettings: (settings) =>
-                    setQueryExecutionSettings({...querySettings, ...settings}),
                 showCreateDirectoryDialog: createDirectoryFeatureAvailable
                     ? handleOpenCreateDirectoryDialog
                     : undefined,
@@ -149,7 +147,6 @@ export function SchemaTree(props: SchemaTreeProps) {
         onActivePathUpdate,
         querySettings,
         rootPath,
-        setQueryExecutionSettings,
     ]);
 
     return (

src/containers/Tenant/ObjectSummary/SchemaTree/SchemaTree.tsx

@@ -28,24 +28,13 @@
         flex: 6;
     }
 
-    &__limit-rows,
-    &__timeout {
-        width: 33.3%;
+    &__limit-rows {
+        width: 50%;
         margin-right: var(--g-spacing-2);
     }
 
-    &__timeout-suffix {
-        display: flex;
-        align-items: center;
-
-        color: var(--g-color-text-secondary);
-    }
-
-    &__documentation-link {
-        display: flex;
-        align-items: center;
-
-        margin-left: var(--g-spacing-4);
+    &__postfix {
+        margin-right: var(--g-spacing-2);
 
         color: var(--g-color-text-secondary);
     }