ydb-embedded-ui 4.10.1 → 4.11.1

package/dist/store/reducers/tenant/tenant.ts

@@ -7,6 +7,7 @@ import type {
     TenantPage,
     TenantQueryTab,
     TenantState,
+    TenantSummaryTab,
 } from './types';
 
 import '../../../services/api';
@@ -17,6 +18,7 @@ export const FETCH_TENANT = createRequestActionTypes('tenant', 'FETCH_TENANT');
 const SET_TOP_LEVEL_TAB = 'tenant/SET_TOP_LEVEL_TAB';
 const SET_QUERY_TAB = 'tenant/SET_QUERY_TAB';
 const SET_DIAGNOSTICS_TAB = 'tenant/SET_DIAGNOSTICS_TAB';
+const SET_SUMMARY_TAB = 'tenant/SET_SUMMARY_TAB';
 const CLEAR_TENANT = 'tenant/CLEAR_TENANT';
 
 const initialState = {loading: false, wasLoaded: false};
@@ -75,6 +77,12 @@ const tenantReducer: Reducer<TenantState, TenantAction> = (state = initialState,
                 diagnosticsTab: action.data,
             };
         }
+        case SET_SUMMARY_TAB: {
+            return {
+                ...state,
+                summaryTab: action.data,
+            };
+        }
 
         default:
             return state;
@@ -116,4 +124,11 @@ export function setDiagnosticsTab(tab: TenantDiagnosticsTab) {
     } as const;
 }
 
+export function setSummaryTab(tab: TenantSummaryTab) {
+    return {
+        type: SET_SUMMARY_TAB,
+        data: tab,
+    } as const;
+}
+
 export default tenantReducer;

package/dist/store/reducers/tenant/types.ts

@@ -3,13 +3,26 @@ import type {TTenant} from '../../../types/api/tenant';
 import type {ValueOf} from '../../../types/common';
 import type {ApiRequestAction} from '../../utils';
 
-import {TENANT_QUERY_TABS_ID, TENANT_DIAGNOSTICS_TABS_IDS, TENANT_PAGES_IDS} from './constants';
-import {FETCH_TENANT, clearTenant, setDiagnosticsTab, setQueryTab, setTenantPage} from './tenant';
+import {
+    TENANT_QUERY_TABS_ID,
+    TENANT_DIAGNOSTICS_TABS_IDS,
+    TENANT_PAGES_IDS,
+    TENANT_SUMMARY_TABS_IDS,
+} from './constants';
+import {
+    FETCH_TENANT,
+    clearTenant,
+    setDiagnosticsTab,
+    setQueryTab,
+    setSummaryTab,
+    setTenantPage,
+} from './tenant';
 
 export type TenantPage = ValueOf<typeof TENANT_PAGES_IDS>;
 
 export type TenantQueryTab = ValueOf<typeof TENANT_QUERY_TABS_ID>;
 export type TenantDiagnosticsTab = ValueOf<typeof TENANT_DIAGNOSTICS_TABS_IDS>;
+export type TenantSummaryTab = ValueOf<typeof TENANT_SUMMARY_TABS_IDS>;
 
 export interface TenantState {
     loading: boolean;
@@ -17,6 +30,7 @@ export interface TenantState {
     tenantPage?: TenantPage;
     queryTab?: TenantQueryTab;
     diagnosticsTab?: TenantDiagnosticsTab;
+    summaryTab?: TenantSummaryTab;
     tenant?: TTenant;
     error?: IResponseError;
 }
@@ -26,4 +40,5 @@ export type TenantAction =
     | ReturnType<typeof clearTenant>
     | ReturnType<typeof setTenantPage>
     | ReturnType<typeof setQueryTab>
-    | ReturnType<typeof setDiagnosticsTab>;
+    | ReturnType<typeof setDiagnosticsTab>
+    | ReturnType<typeof setSummaryTab>;

package/dist/store/state-url-mapping.js

@@ -51,6 +51,9 @@ const paramSetup = {
         diagnosticsTab: {
             stateKey: 'tenant.diagnosticsTab',
         },
+        summaryTab: {
+            stateKey: 'tenant.summaryTab',
+        },
         shardsMode: {
             stateKey: 'shardsWorkload.filters.mode',
         },

package/dist/types/api/cluster.ts

@@ -31,7 +31,7 @@ export interface TClusterInfo {
     Tenants?: string;
     /** uint64 */
     Tablets?: string;
-    
+
     Balancer?: string; // additional
     Solomon?: string; // additional
 }

package/dist/types/api/compute.ts

@@ -62,18 +62,18 @@ export interface TTabletStateInfo {
 }
 
 export enum EVersion {
-    v1,
-    v2, // only this versions works with sorting
+    v1 = 'v1',
+    v2 = 'v2', // only this versions works with sorting
 }
 
 export enum ESort {
-    NodeId,
-    Host,
-    DC,
-    Rack,
-    Version,
-    Uptime,
-    Memory,
-    CPU,
-    LoadAverage,
+    NodeId = 'NodeId',
+    Host = 'Host',
+    DC = 'DC',
+    Rack = 'Rack',
+    Version = 'Version',
+    Uptime = 'Uptime',
+    Memory = 'Memory',
+    CPU = 'CPU',
+    LoadAverage = 'LoadAverage',
 }

package/dist/types/api/error.ts

@@ -1,5 +1,5 @@
-export interface IResponseError {
-    data?: unknown;
+export interface IResponseError<T = unknown> {
+    data?: T;
     status?: number;
     statusText?: string;
     isCancelled?: boolean;

package/dist/types/api/netInfo.ts

@@ -42,7 +42,7 @@ interface TNetNodePeerInfo {
 }
 
 enum ENodeType {
-    UnknownNodeType,
-    Static,
-    Dynamic,
+    UnknownNodeType = 'UnknownNodeType',
+    Static = 'Static',
+    Dynamic = 'Dynamic',
 }

package/dist/types/api/nodes.ts

@@ -103,12 +103,13 @@ enum EConfigState {
 }
 
 export enum ESort {
-    NodeId,
-    Host,
-    DC,
-    Version,
-    Uptime,
-    Memory,
-    CPU,
-    LoadAverage,
+    NodeId = 'NodeId',
+    Host = 'Host',
+    DC = 'DC',
+    Rack = 'Rack',
+    Version = 'Version',
+    Uptime = 'Uptime',
+    Memory = 'Memory',
+    CPU = 'CPU',
+    LoadAverage = 'LoadAverage',
 }

package/dist/types/api/query.ts

@@ -205,7 +205,7 @@ export type Actions = ExecuteActions | ExplainActions;
 
 export interface ErrorResponse {
     error?: IssueMessage;
-    issues?: IssueMessage[];
+    issues?: IssueMessage[] | null;
 }
 
 // ==== Explain Responses ====

package/dist/types/api/schema/schema.ts

@@ -260,6 +260,9 @@ export enum EPathType {
     EPathTypeColumnStore = 'EPathTypeColumnStore',
     EPathTypeColumnTable = 'EPathTypeColumnTable',
     EPathTypeCdcStream = 'EPathTypeCdcStream',
+
+    EPathTypeExternalDataSource = 'EPathTypeExternalDataSource',
+    EPathTypeExternalTable = 'EPathTypeExternalTable',
 }
 
 export enum EPathSubType {

package/dist/types/api/schema/shared.ts

@@ -28,9 +28,9 @@ export interface TColumnDescription {
 }
 
 export enum EColumnCodec {
-    ColumnCodecPlain,
-    ColumnCodecLZ4,
-    ColumnCodecZSTD,
+    ColumnCodecPlain = 'ColumnCodecPlain',
+    ColumnCodecLZ4 = 'ColumnCodecLZ4',
+    ColumnCodecZSTD = 'ColumnCodecZSTD',
 }
 
 export enum EUnit {

package/dist/types/api/schema/table.ts

@@ -579,38 +579,38 @@ interface TBackgroundPolicy {
 }
 
 enum EPurpose {
-    SysLog,
-    Log,
-    Data,
-    External,
+    SysLog = 'SysLog',
+    Log = 'Log',
+    Data = 'Data',
+    External = 'External',
 }
 
 enum EFreezeState {
-    Unspecified,
-    Freeze,
-    Unfreeze,
+    Unspecified = 'Unspecified',
+    Freeze = 'Freeze',
+    Unfreeze = 'Unfreeze',
 }
 
 enum EColumnCache {
-    ColumnCacheNone,
-    ColumnCacheOnce,
-    ColumnCacheEver,
+    ColumnCacheNone = 'ColumnCacheNone',
+    ColumnCacheOnce = 'ColumnCacheOnce',
+    ColumnCacheEver = 'ColumnCacheEver',
 }
 
 enum EColumnStorage {
-    ColumnStorage1,
-    ColumnStorage2,
-    ColumnStorage1Ext1,
-    ColumnStorage1Ext2,
-    ColumnStorage2Ext1,
-    ColumnStorage2Ext2,
-    ColumnStorage1Med2Ext2,
-    ColumnStorage2Med2Ext2,
-    ColumnStorageTest_1_2_1k,
+    ColumnStorage1 = 'ColumnStorage1',
+    ColumnStorage2 = 'ColumnStorage2',
+    ColumnStorage1Ext1 = 'ColumnStorage1Ext1',
+    ColumnStorage1Ext2 = 'ColumnStorage1Ext2',
+    ColumnStorage2Ext1 = 'ColumnStorage2Ext1',
+    ColumnStorage2Ext2 = 'ColumnStorage2Ext2',
+    ColumnStorage1Med2Ext2 = 'ColumnStorage1Med2Ext2',
+    ColumnStorage2Med2Ext2 = 'ColumnStorage2Med2Ext2',
+    ColumnStorageTest_1_2_1k = 'ColumnStorageTest_1_2_1k',
 }
 
 enum ECompactionStrategy {
-    CompactionStrategyUnset,
-    CompactionStrategyGenerational,
-    CompactionStrategySharded,
+    CompactionStrategyUnset = 'CompactionStrategyUnset',
+    CompactionStrategyGenerational = 'CompactionStrategyGenerational',
+    CompactionStrategySharded = 'CompactionStrategySharded',
 }

package/dist/types/api/storage.ts

@@ -3,7 +3,7 @@ import {TVDiskStateInfo} from './vdisk';
 
 /**
  * endpoint: /viewer/json/storage
- * 
+ *
  * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/viewer/protos/viewer.proto
  */
 export interface TStorageInfo {

package/dist/types/assets.d.ts

@@ -8,5 +8,4 @@ declare module '*.jpg';
 declare module '*.jpeg';
 declare module '*.ico';
 
-declare type SVGIconData =
-    import('@gravity-ui/uikit/build/esm/components/Icon/types').SVGIconData;
+declare type SVGIconData = import('@gravity-ui/uikit/build/esm/components/Icon/types').SVGIconData;

package/dist/types/store/executeQuery.ts

@@ -9,9 +9,8 @@ import {
     MONACO_HOT_KEY_ACTIONS,
 } from '../../store/reducers/executeQuery';
 import type {ApiRequestAction} from '../../store/utils';
-import type {ErrorResponse} from '../api/query';
 import type {ValueOf} from '../common';
-import type {IQueryResult, QueryError} from './query';
+import type {IQueryResult, QueryError, QueryErrorResponse} from './query';
 
 export type MonacoHotKeyAction = ValueOf<typeof MONACO_HOT_KEY_ACTIONS>;
 
@@ -26,7 +25,7 @@ export interface ExecuteQueryState {
     tenantPath?: string;
     data?: IQueryResult;
     stats?: IQueryResult['stats'];
-    error?: string | ErrorResponse;
+    error?: string | QueryErrorResponse;
 }
 
 type SendQueryAction = ApiRequestAction<typeof SEND_QUERY, IQueryResult, QueryError>;

package/dist/types/store/executeTopQueries.ts

@@ -1,7 +1,10 @@
-import {FETCH_TOP_QUERIES, setTopQueriesState, setTopQueriesFilters} from '../../store/reducers/executeTopQueries';
+import {
+    FETCH_TOP_QUERIES,
+    setTopQueriesState,
+    setTopQueriesFilters,
+} from '../../store/reducers/executeTopQueries';
 import type {ApiRequestAction} from '../../store/utils';
-import type {IResponseError} from '../api/error';
-import type {IQueryResult} from './query';
+import type {IQueryResult, QueryErrorResponse} from './query';
 
 export interface ITopQueriesFilters {
     /** ms from epoch */
@@ -15,12 +18,12 @@ export interface ITopQueriesState {
     loading: boolean;
     wasLoaded: boolean;
     data?: IQueryResult;
-    error?: IResponseError;
+    error?: QueryErrorResponse;
     filters: ITopQueriesFilters;
 }
 
 export type ITopQueriesAction =
-    | ApiRequestAction<typeof FETCH_TOP_QUERIES, IQueryResult, IResponseError>
+    | ApiRequestAction<typeof FETCH_TOP_QUERIES, IQueryResult, QueryErrorResponse>
     | ReturnType<typeof setTopQueriesState>
     | ReturnType<typeof setTopQueriesFilters>;
 

package/dist/types/store/explainQuery.ts

@@ -2,8 +2,8 @@ import type {ExplainPlanNodeData, GraphNode, Link} from '@gravity-ui/paranoid';
 
 import {GET_EXPLAIN_QUERY, GET_EXPLAIN_QUERY_AST} from '../../store/reducers/explainQuery';
 import type {ApiRequestAction} from '../../store/utils';
-import type {PlanTable, ErrorResponse, QueryPlan, ScriptPlan} from '../api/query';
-import type {IQueryResult, QueryError} from './query';
+import type {PlanTable, QueryPlan, ScriptPlan} from '../api/query';
+import type {IQueryResult, QueryError, QueryErrorResponse} from './query';
 
 export interface PreparedExplainResponse {
     plan?: {
@@ -20,8 +20,8 @@ export interface ExplainQueryState {
     loading: boolean;
     data?: PreparedExplainResponse['plan'];
     dataAst?: PreparedExplainResponse['ast'];
-    error?: string | ErrorResponse;
-    errorAst?: string | ErrorResponse;
+    error?: string | QueryErrorResponse;
+    errorAst?: string | QueryErrorResponse;
 }
 
 type GetExplainQueryAstAction = ApiRequestAction<

package/dist/types/store/query.ts

@@ -1,10 +1,10 @@
 import {QUERY_ACTIONS, QUERY_MODES} from '../../utils/query';
 
-import type {NetworkError} from '../api/error';
+import type {IResponseError, NetworkError} from '../api/error';
 import type {
     KeyValueRow,
     ColumnType,
-    ErrorResponse,
+    ErrorResponse as QueryErrorResponseData,
     ScriptPlan,
     QueryPlan,
     TKqpStatsQuery,
@@ -24,7 +24,8 @@ export interface QueryRequestParams {
     query: string;
 }
 
-export type QueryError = NetworkError | ErrorResponse;
+export type QueryErrorResponse = IResponseError<QueryErrorResponseData>;
+export type QueryError = NetworkError | QueryErrorResponse;
 
 export type QueryAction = ValueOf<typeof QUERY_ACTIONS>;
 export type QueryMode = ValueOf<typeof QUERY_MODES>;

package/dist/types/store/shardsWorkload.ts

@@ -1,7 +1,10 @@
-import {SEND_SHARD_QUERY, setShardsState, setShardsQueryFilters} from '../../store/reducers/shardsWorkload';
+import {
+    SEND_SHARD_QUERY,
+    setShardsState,
+    setShardsQueryFilters,
+} from '../../store/reducers/shardsWorkload';
 import type {ApiRequestAction} from '../../store/utils';
-import type {IResponseError} from '../api/error';
-import type {IQueryResult} from './query';
+import type {IQueryResult, QueryErrorResponse} from './query';
 
 export enum EShardsWorkloadMode {
     Immediate = 'immediate',
@@ -20,12 +23,12 @@ export interface IShardsWorkloadState {
     loading: boolean;
     wasLoaded: boolean;
     data?: IQueryResult;
-    error?: IResponseError;
+    error?: QueryErrorResponse;
     filters: IShardsWorkloadFilters;
 }
 
 export type IShardsWorkloadAction =
-    | ApiRequestAction<typeof SEND_SHARD_QUERY, IQueryResult, IResponseError>
+    | ApiRequestAction<typeof SEND_SHARD_QUERY, IQueryResult, QueryErrorResponse>
     | ReturnType<typeof setShardsState>
     | ReturnType<typeof setShardsQueryFilters>;
 

package/dist/utils/constants.ts

@@ -75,8 +75,11 @@ export const COLORS_PRIORITY = {
     grey: 1,
 };
 
-export const DEVELOPER_UI = 'Developer UI';
+// ==== Titles ====
+export const DEVELOPER_UI_TITLE = 'Developer UI';
+export const CLUSTER_DEFAULT_TITLE = 'Cluster';
 
+// ==== Settings ====
 export const THEME_KEY = 'theme';
 export const INVERTED_DISKS_KEY = 'invertedDisks';
 export const USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY = 'useNodesEndpointInDiagnostics';

package/dist/utils/error.ts

@@ -1,10 +1,9 @@
 import type {AxiosError} from 'axios';
 
 import type {IResponseError, NetworkError} from '../types/api/error';
-import type {ErrorResponse as QueryErrorResponse} from '../types/api/query';
-import type {QueryError} from '../types/store/query';
+import type {QueryError, QueryErrorResponse} from '../types/store/query';
 
-type RequestError = NetworkError | IResponseError | AxiosError | QueryErrorResponse | unknown;
+type RequestError = NetworkError | IResponseError | AxiosError | unknown;
 
 const isNetworkError = (error: RequestError): error is NetworkError => {
     return Boolean(

package/dist/utils/query.ts

@@ -7,7 +7,7 @@ import type {
     QueryPlan,
     ScriptPlan,
 } from '../types/api/query';
-import type {IQueryResult} from '../types/store/query';
+import type {IQueryResult, QueryErrorResponse} from '../types/store/query';
 
 export const QUERY_ACTIONS = {
     execute: 'execute',
@@ -169,12 +169,6 @@ export const prepareQueryResponse = (data?: KeyValueRow[]) => {
     });
 };
 
-export function prepareQueryError(error: any) {
-    return (
-        error.data?.error?.message ||
-        error.message ||
-        error.data ||
-        error.statusText ||
-        JSON.stringify(error)
-    );
+export function prepareQueryError(error: QueryErrorResponse) {
+    return error.data?.error?.message || error.statusText;
 }

package/dist/utils/tests/providers.tsx

@@ -1,7 +1,7 @@
 import React, {PropsWithChildren} from 'react';
-import {Provider} from 'react-redux'
-import {render} from '@testing-library/react'
-import type {RenderOptions} from '@testing-library/react'
+import {Provider} from 'react-redux';
+import {render} from '@testing-library/react';
+import type {RenderOptions} from '@testing-library/react';
 
 import configureStore from '../../store';
 
@@ -14,16 +14,13 @@ interface ExtendedRenderOptions extends Omit<RenderOptions, 'queries'> {
 
 export const renderWithStore = (
     ui: React.ReactElement,
-    {
-        storeConfiguration = configureStore(),
-        ...renderOptions
-    }: ExtendedRenderOptions = {}
+    {storeConfiguration = configureStore(), ...renderOptions}: ExtendedRenderOptions = {},
 ) => {
     const {store} = storeConfiguration;
 
     function Wrapper({children}: PropsWithChildren<{}>) {
-        return <Provider store={store}>{children}</Provider>
+        return <Provider store={store}>{children}</Provider>;
     }
 
-    return {store, ...render(ui, {wrapper: Wrapper, ...renderOptions})}
+    return {store, ...render(ui, {wrapper: Wrapper, ...renderOptions})};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "4.10.1",
+  "version": "4.11.1",
   "files": [
     "dist"
   ],
@@ -17,6 +17,7 @@
     "@gravity-ui/react-data-table": "^1.0.3",
     "axios": "0.19.2",
     "bem-cn-lite": "4.0.0",
+    "copy-to-clipboard": "^3.3.3",
     "history": "4.10.1",
     "js-cookie": "2.2.1",
     "keymaster": "1.6.2",
@@ -39,7 +40,7 @@
     "reselect": "4.1.6",
     "sass": "1.32.8",
     "web-vitals": "1.1.2",
-    "ydb-ui-components": "^3.1.0"
+    "ydb-ui-components": "^3.2.1"
   },
   "scripts": {
     "start": "react-app-rewired start",
@@ -64,6 +65,9 @@
     ],
     "*.{js,jsx,ts,tsx}": [
       "eslint --fix --quiet"
+    ],
+    "*.{json}": [
+      "prettier --write"
     ]
   },
   "jest": {