ydb-embedded-ui 21.0.0 → 22.0.0

package/src/store/reducers/tenants/tenants.ts

@@ -1,5 +1,6 @@
 import type {TTenantInfo} from '../../../types/api/tenant';
 import {api} from '../api';
+import {DATABASE_DATA_LIST_TAG} from '../entityDataTags';
 
 import type {PreparedTenant, SharedDatabaseTarget} from './types';
 import {prepareTenants} from './utils';
@@ -47,7 +48,7 @@ export const tenantsApi = api.injectEndpoints({
                 const {clusterName, environmentName} = queryArgs;
                 return {clusterName, environmentName};
             },
-            providesTags: ['All'],
+            providesTags: ['All', DATABASE_DATA_LIST_TAG],
         }),
         getSharedDatabase: build.query<
             SharedDatabaseTarget | null,

package/src/store/state-url-mapping.ts

@@ -1,4 +1,5 @@
 import type {Action, Reducer, UnknownAction} from '@reduxjs/toolkit';
+import {createNextState} from '@reduxjs/toolkit';
 import type {History, Location} from 'history';
 import each from 'lodash/each';
 import keys from 'lodash/keys';
@@ -75,7 +76,10 @@ export const paramSetup = {
 } as const;
 
 function mergeLocationToState<S>(state: S, location: Pick<LocationWithQuery, 'query'>): S {
-    return merge({}, state, location.query);
+    // Preserve cached API data when updating only URL-backed state.
+    return createNextState(state, (draft) => {
+        merge(draft, location.query);
+    });
 }
 
 function restoreUnknownParams(location: Location, prevLocation: Location) {

package/src/types/api/storage.ts

@@ -3,110 +3,6 @@ import type {ECapacityAlert, EFlag} from './enums';
 import type {EDecommitStatus, EDriveStatus, EMaintenanceStatus, TPDiskStateInfo} from './pdisk';
 import type {EVDiskStatus, TVDiskStateInfo} from './vdisk';
 
-/**
- * endpoint: /viewer/storage
- *
- * source: https://github.com/ydb-platform/ydb/blob/main/ydb/core/viewer/protos/viewer.proto
- */
-export interface TStorageInfo {
-    Overall?: EFlag;
-    StoragePools?: TStoragePoolInfo[]; // v1
-    StorageGroups?: TStorageGroupInfoV2[]; // v2
-    /** uint64 */
-    TotalGroups?: string;
-    /** uint64 */
-    FoundGroups?: string;
-}
-
-export interface TStoragePoolInfo {
-    Overall?: EFlag;
-    Name?: string;
-    Kind?: string;
-    Groups?: TStorageGroupInfo[];
-    /** uint64 */
-    AcquiredUnits?: string;
-    AcquiredIOPS?: number;
-    /** uint64 */
-    AcquiredThroughput?: string;
-    /** uint64 */
-    AcquiredSize?: string;
-    MaximumIOPS?: number;
-    /** uint64 */
-    MaximumThroughput?: string;
-    /** uint64 */
-    MaximumSize?: string;
-    MediaType?: string;
-}
-
-export interface TStorageGroupInfoV2 extends TStorageGroupInfo {
-    PoolName?: string;
-    Kind?: string;
-    MediaType?: string;
-
-    /** uint64 */
-    Degraded?: string;
-
-    /** uint64 */
-    Used: string;
-    /** uint64 */
-    Limit: string;
-    /** uint64 */
-    Read: string;
-    /** uint64 */
-    Write: string;
-
-    /** uint64 */
-    Usage?: string;
-}
-
-export type TStorageGroupInfo = TBSGroupStateInfo &
-    THiveStorageGroupStats & {
-        DiskSpace?: EFlag;
-    };
-
-interface TBSGroupStateInfo {
-    GroupID?: number;
-    ErasureSpecies?: Erasure;
-    VDisks?: TVDiskStateInfo[];
-    /** uint64 */
-    ChangeTime?: string;
-    NodeId?: number;
-    GroupGeneration?: number;
-    Overall?: EFlag;
-    Latency?: EFlag;
-    Count?: number;
-    StoragePoolName?: string;
-    /** uint64 */
-    AllocatedSize?: string;
-    /** uint64 */
-    AvailableSize?: string;
-    /** uint64 */
-    ReadThroughput?: string;
-    /** uint64 */
-    WriteThroughput?: string;
-    Encryption?: boolean;
-}
-
-interface THiveStorageGroupStats {
-    GroupID?: number;
-    /** uint64 */
-    AcquiredUnits?: string;
-    AcquiredIOPS?: number;
-    /** uint64 */
-    AcquiredThroughput?: string;
-    /** uint64 */
-    AcquiredSize?: string;
-    MaximumIOPS?: number;
-    /** uint64 */
-    MaximumThroughput?: string;
-    /** uint64 */
-    MaximumSize?: string;
-    /** uint64 */
-    AllocatedSize?: string;
-    /** uint64 */
-    AvailableSize?: string;
-}
-
 /**
  * endpoint: /storage/groups
  *
@@ -255,12 +151,10 @@ export type Erasure = 'none' | 'block-4-2' | 'mirror-3-dc' | 'mirror-3of4';
 
 // ==== Request types ====
 
-export type EVersion = 'v1' | 'v2'; // only v2 versions works with sorting
-
 /**
- * Values to sort /viewer/storage v2 response
+ * Values to sort /storage/groups response
  */
-export type StorageV2SortValue =
+export type GroupsSortField =
     | 'PoolName'
     | 'Kind'
     | 'MediaType'
@@ -272,10 +166,6 @@ export type StorageV2SortValue =
     | 'Limit'
     | 'Read'
     | 'Write'
-
-    // These fields are not present in storage v2
-    // So this sort does nothing
-    // Added them here for types compatibility
     | 'AllocationUnits'
     | 'Latency'
     | 'DiskSpaceUsage'
@@ -284,14 +174,11 @@ export type StorageV2SortValue =
     | 'MaxVDiskSlotUsage'
     | 'MaxVDiskRawUsage'
     | 'MaxNormalizedOccupancy'
-    | 'CapacityAlert';
-
-/**
- * Values to sort /storage/groups response
- */
-export type GroupsSortField = StorageV2SortValue | 'MissingDisks' | 'Available' | 'Encryption';
+    | 'CapacityAlert'
+    | 'MissingDisks'
+    | 'Available'
+    | 'Encryption';
 
-export type StorageV2Sort = BackendSortParam<StorageV2SortValue>;
 export type GroupsSort = BackendSortParam<GroupsSortField>;
 
 export type StorageWithFilter = 'space' | 'missing' | 'all';
@@ -341,7 +228,7 @@ export type GroupsRequiredField =
     | 'MaxNormalizedOccupancy'
     | 'CapacityAlert';
 
-interface BaseStorageRequestParams {
+export interface GroupsRequestParams {
     database?: string;
     pool?: string;
     with?: StorageWithFilter;
@@ -349,18 +236,7 @@ interface BaseStorageRequestParams {
     filter?: string;
     offset?: number;
     limit?: number;
-}
-
-export interface StorageRequestParams extends BaseStorageRequestParams {
-    nodeId?: string | number;
-    pDiskId?: string | number;
-    groupId?: string | number;
-
-    sort?: StorageV2Sort;
-    version?: EVersion;
-}
 
-export interface GroupsRequestParams extends BaseStorageRequestParams {
     nodeId?: string | number | (string | number)[];
     pDiskId?: string | number | (string | number)[];
     groupId?: string | number | (string | number)[];

package/src/uiFactory/types.ts

@@ -51,8 +51,10 @@ export interface UIFactory<H extends string = CommonIssueCategory, T extends str
     renderEvents?: RenderEvents;
     renderMonitoring?: RenderMonitoring;
     renderNodeTooltipActions?: RenderNodeTooltipActions;
+    renderChatPanel?: RenderChatPanel;
     clusterOrDatabaseAccessError?: Partial<EmptyStateProps>;
 
+    /** Defaults to true. Undefined preserves the current value when configuring the UI. */
     enableMultiTabQueryEditor?: boolean;
 
     /** Creates a fresh computation-graph layout worker for each layout run. */
@@ -64,6 +66,11 @@ export interface UIFactory<H extends string = CommonIssueCategory, T extends str
         getHealthckechViewTitles: GetHealthcheckViewTitles<H>;
         getHealthcheckViewsOrder: GetHealthcheckViewsOrder<H>;
         renderAssistantAction?: RenderHealthcheckAssistantAction;
+        /**
+         * Renders after the drawer header and before Healthcheck content.
+         * Stays mounted while the drawer is open, independent of loading, error or issue state.
+         */
+        renderDrawerExtension?: () => React.ReactNode;
     };
     hasAccess: HasAccess;
     hideGrantAccess?: boolean;
@@ -202,6 +209,8 @@ export type RenderMonitoring = (props: {
 
 export type RenderNodeTooltipActions = (props: {data?: PreparedStorageNode}) => React.ReactNode;
 
+export type RenderChatPanel = () => React.ReactNode;
+
 export type RenderHealthcheckAssistantAction = (
     props: HealthcheckAssistantActionProps,
 ) => React.ReactNode;

package/src/uiFactory/uiFactory.ts

@@ -30,7 +30,7 @@ const uiFactoryBase: ResolvedUIFactory = {
     useDatabaseId: false,
     settingsBackend: undefined,
     docs: undefined,
-    enableMultiTabQueryEditor: false,
+    enableMultiTabQueryEditor: true,
     hasDeveloperUi: true,
     isDetailedStorageViewAvailable: () => true,
     maxVDisksInStorageGroup: 9,
@@ -46,10 +46,20 @@ type UIFactoryOverrides<H extends string, T extends string> = Omit<
 export function configureUIFactory<H extends string, T extends string = string>(
     overrides: UIFactoryOverrides<H, T>,
 ) {
-    const {healthcheck, hasAccess, maxVDisksInStorageGroup, ...restOverrides} = overrides;
+    const {
+        healthcheck,
+        hasAccess,
+        maxVDisksInStorageGroup,
+        enableMultiTabQueryEditor,
+        ...restOverrides
+    } = overrides;
 
     Object.assign(uiFactoryBase, restOverrides);
 
+    if (typeof enableMultiTabQueryEditor === 'boolean') {
+        uiFactoryBase.enableMultiTabQueryEditor = enableMultiTabQueryEditor;
+    }
+
     // Only override hasAccess when an actual function is provided.
     // Forwarding an optional config field could pass `undefined` here,
     // which would overwrite the default and crash on the next hasAccess(...) call.

package/dist/containers/Node/NodeStructure/NodeStructure.d.ts

@@ -1,7 +0,0 @@
-import './NodeStructure.scss';
-interface NodeStructureProps {
-    nodeId: string;
-    className?: string;
-}
-declare function NodeStructure({ nodeId, className }: NodeStructureProps): import("react/jsx-runtime").JSX.Element;
-export default NodeStructure;

package/dist/containers/Node/NodeStructure/NodeStructure.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { Loader } from '../.././../components/Loader';
-import { ResponseError } from '../../../components/Errors/ResponseError';
-import { nodeApi } from '../../../store/reducers/node/node';
-import { selectNodeStructure } from '../../../store/reducers/node/selectors';
-import { cn } from '../../../utils/cn';
-import { useAutoRefreshInterval, useTypedSelector } from '../../../utils/hooks';
-import { PDisk } from './Pdisk';
-import './NodeStructure.scss';
-const b = cn('kv-node-structure');
-function generateId({ type, id }) {
-    return `${type}-${id}`;
-}
-function NodeStructure({ nodeId, className }) {
-    const nodeStructure = useTypedSelector((state) => selectNodeStructure(state, nodeId));
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const { currentData, isFetching, error } = nodeApi.useGetNodeStructureQuery({ nodeId }, { pollingInterval: autoRefreshInterval });
-    const loadingStructure = isFetching && currentData === undefined;
-    const [{ pdiskId: pdiskIdFromUrl, vdiskId: vdiskIdFromUrl }] = useQueryParams({
-        pdiskId: StringParam,
-        vdiskId: StringParam,
-    });
-    const scrollContainerRef = React.useRef(null);
-    const scrolled = React.useRef(false);
-    React.useEffect(() => {
-        var _a;
-        if (!isEmpty(nodeStructure) &&
-            !scrolled.current &&
-            scrollContainerRef.current &&
-            pdiskIdFromUrl) {
-            const element = document.getElementById(generateId({ type: 'pdisk', id: pdiskIdFromUrl }));
-            let scrollToVdisk = 0;
-            if (vdiskIdFromUrl) {
-                const vDisks = (_a = nodeStructure[pdiskIdFromUrl]) === null || _a === void 0 ? void 0 : _a.vDisks;
-                const vDisk = vDisks === null || vDisks === void 0 ? void 0 : vDisks.find((el) => el.id === vdiskIdFromUrl);
-                const dataTable = vDisk ? document.querySelector('.data-table') : undefined;
-                const order = (vDisk === null || vDisk === void 0 ? void 0 : vDisk.order) || 0;
-                if (dataTable) {
-                    scrollToVdisk += dataTable.offsetTop + 40 * order;
-                }
-            }
-            if (element) {
-                scrollContainerRef.current.scrollTo({
-                    behavior: 'smooth',
-                    // should subtract 20 to avoid sticking the element to tabs
-                    top: scrollToVdisk ? scrollToVdisk : element.offsetTop,
-                });
-                scrolled.current = true;
-            }
-        }
-    }, [nodeStructure, pdiskIdFromUrl, vdiskIdFromUrl]);
-    const renderStub = () => {
-        return 'There is no information about node structure.';
-    };
-    const renderStructure = () => {
-        const pDisksIds = Object.keys(nodeStructure);
-        return pDisksIds.length > 0
-            ? pDisksIds.map((pDiskId) => (_jsx(PDisk, { data: nodeStructure[pDiskId], id: generateId({ type: 'pdisk', id: pDiskId }), unfolded: pdiskIdFromUrl === pDiskId, selectedVdiskId: vdiskIdFromUrl, nodeId: nodeId }, pDiskId)))
-            : renderStub();
-    };
-    const renderContent = () => {
-        if (loadingStructure) {
-            return _jsx(Loader, { size: "m" });
-        }
-        if (error && !currentData) {
-            return null;
-        }
-        return renderStructure();
-    };
-    return (_jsxs("div", { className: b(), ref: scrollContainerRef, children: [error ? _jsx(ResponseError, { error: error, className: b('error') }) : null, _jsx("div", { className: className, children: renderContent() })] }));
-}
-export default NodeStructure;
-//# sourceMappingURL=NodeStructure.js.map

package/dist/containers/Node/NodeStructure/NodeStructure.js.map

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

package/dist/containers/Node/NodeStructure/NodeStructure.scss

@@ -1,155 +0,0 @@
-@use '../../../styles/mixins.scss';
-
-.kv-node-structure {
-    position: relative;
-
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    flex-shrink: 0;
-    @include mixins.flex-container();
-    @include mixins.body-2-typography();
-
-    &__error {
-        padding: 20px 20px 0;
-    }
-
-    &__pdisk {
-        display: flex;
-        flex-direction: column;
-
-        width: 573px;
-        margin-bottom: 8px;
-        padding: 0 10px 0 20px;
-
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 5px;
-    }
-
-    &__pdisk-id {
-        display: flex;
-        align-items: flex-end;
-    }
-
-    &__pdisk-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        height: 48px;
-    }
-
-    &__pdisk-title-wrapper {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        font-weight: 600;
-
-        .ydb-status-icon__status-icon {
-            margin-right: 0;
-        }
-    }
-
-    &__pdisk-title-item {
-        display: flex;
-        gap: 4px;
-
-        &-label {
-            font-weight: 400;
-
-            color: var(--g-color-text-secondary);
-        }
-    }
-
-    &__pdisk-title-id {
-        min-width: 110px;
-    }
-
-    &__pdisk-title-type {
-        justify-content: flex-end;
-
-        min-width: 50px;
-    }
-
-    &__pdisk-title-size {
-        min-width: 150px;
-    }
-
-    &__pdisk-details {
-        margin-bottom: 20px;
-    }
-
-    &__link {
-        text-decoration: none;
-
-        color: var(--g-color-base-brand);
-    }
-
-    &__vdisks-header {
-        font-weight: 600;
-    }
-
-    &__vdisks-container {
-        margin-bottom: 42px;
-    }
-
-    &__vdisk-details {
-        overflow: auto;
-
-        min-width: 200px;
-        max-width: unset;
-        max-height: 90vh;
-
-        .vdisk-pdisk-node__column {
-            margin-bottom: 0;
-        }
-        .vdisk-pdisk-node__section {
-            padding-bottom: 0;
-        }
-    }
-
-    &__vdisk-id {
-        display: flex;
-        align-items: center;
-
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__vdisk-details-button {
-        &_selected {
-            color: var(--g-color-text-info);
-        }
-    }
-
-    &__external-button {
-        display: inline-flex;
-        align-items: center;
-
-        margin-left: 4px;
-
-        transform: translateY(-1px);
-
-        &_hidden {
-            visibility: hidden;
-        }
-    }
-
-    .data-table__row:hover {
-        .kv-node-structure__external-button_hidden {
-            visibility: visible;
-        }
-    }
-
-    &__selected-vdisk {
-        animation: onSelectedVdiskAnimation 4s;
-    }
-}
-
-@keyframes onSelectedVdiskAnimation {
-    0% {
-        background-color: var(--g-color-base-info-light-hover);
-    }
-}

package/dist/containers/Node/NodeStructure/PDiskTitleBadge.d.ts

@@ -1,7 +0,0 @@
-interface PDiskTitleBadgeProps {
-    label?: string;
-    value: React.ReactNode;
-    className?: string;
-}
-export declare function PDiskTitleBadge({ label, value, className }: PDiskTitleBadgeProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/containers/Node/NodeStructure/PDiskTitleBadge.js

@@ -1,7 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../utils/cn';
-const b = cn('kv-node-structure');
-export function PDiskTitleBadge({ label, value, className }) {
-    return (_jsxs("span", { className: b('pdisk-title-item', className), children: [label && _jsxs("span", { className: b('pdisk-title-item-label'), children: [label, ":"] }), _jsx("span", { className: b('pdisk-title-item-value'), children: value })] }));
-}
-//# sourceMappingURL=PDiskTitleBadge.js.map

package/dist/containers/Node/NodeStructure/PDiskTitleBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PDiskTitleBadge.js","sourceRoot":"","sources":["../../../../src/containers/Node/NodeStructure/PDiskTitleBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAQlC,MAAM,UAAU,eAAe,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAuB;IAC3E,OAAO,CACH,gBAAM,SAAS,EAAE,CAAC,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAC5C,KAAK,IAAI,gBAAM,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,aAAG,KAAK,SAAS,EACvE,eAAM,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,YAAG,KAAK,GAAQ,IACzD,CACV,CAAC;AACN,CAAC"}

package/dist/containers/Node/NodeStructure/Pdisk.d.ts

@@ -1,10 +0,0 @@
-import type { PreparedStructurePDisk } from '../../../store/reducers/node/types';
-interface PDiskProps {
-    data: PreparedStructurePDisk;
-    unfolded?: boolean;
-    id: string;
-    selectedVdiskId?: string;
-    nodeId: string | number;
-}
-export declare function PDisk({ id, data, selectedVdiskId, nodeId, unfolded: unfoldedFromProps, }: PDiskProps): import("react/jsx-runtime").JSX.Element;
-export {};