ydb-embedded-ui 20.5.0 → 21.0.0

package/dist/components/Graph/utils.js

@@ -0,0 +1,88 @@
+const BLOCK_TOP_PADDING = 8;
+const BLOCK_LINE_HEIGHT = 16;
+const BORDER_HEIGHT = 2;
+const getBlockSize = (block) => {
+    var _a, _b, _c, _d;
+    const ONE_LINE_HEIGHT = BLOCK_TOP_PADDING * 2 + BLOCK_LINE_HEIGHT + BORDER_HEIGHT;
+    const operatorsLength = Math.max((_b = (_a = block.operators) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+    const tablesLength = (_d = (_c = block.tables) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
+    switch (block.type) {
+        case 'query':
+            return {
+                width: 40,
+                height: 40,
+            };
+        case 'result':
+            return {
+                width: 112,
+                height: ONE_LINE_HEIGHT,
+            };
+        case 'stage':
+            return {
+                width: 248,
+                height: BORDER_HEIGHT +
+                    BLOCK_TOP_PADDING * 2 +
+                    (operatorsLength + tablesLength) * BLOCK_LINE_HEIGHT,
+            };
+        case 'connection':
+            return {
+                width: 122,
+                height: ONE_LINE_HEIGHT,
+            };
+        case 'materialize':
+            return {
+                width: 190,
+                height: ONE_LINE_HEIGHT,
+            };
+        default:
+            return {
+                width: 100,
+                height: ONE_LINE_HEIGHT,
+            };
+    }
+};
+export const prepareBlocks = (nodes) => {
+    return nodes.map(({ name: id, data: { id: planNodeId, name, type, ...rest }, data }) => ({
+        id,
+        is: type,
+        name,
+        planNodeId,
+        ...getBlockSize(data),
+        ...rest,
+    }));
+};
+export const prepareConnections = (links) => {
+    return links.map(({ from, to }) => ({
+        id: `${from}:${to}`,
+        sourceBlockId: from,
+        targetBlockId: to,
+    }));
+};
+function calculateCurrentCustomPropertyValue(colorSettings, computedStyle) {
+    const result = {};
+    for (const nestedKey in colorSettings) {
+        if (Object.prototype.hasOwnProperty.call(colorSettings, nestedKey)) {
+            const value = colorSettings[nestedKey];
+            if (value !== undefined) {
+                result[nestedKey] = (value === null || value === void 0 ? void 0 : value.startsWith('var('))
+                    ? computedStyle.getPropertyValue(value.substring(4, value.length - 1)).trim()
+                    : value;
+            }
+        }
+    }
+    return result;
+}
+export function parseCustomPropertyValue(colors, block = globalThis.document.body) {
+    const parsed = {};
+    const computedStyle = window.getComputedStyle(block);
+    for (const topKey in colors) {
+        if (Object.prototype.hasOwnProperty.call(colors, topKey)) {
+            const nestedObj = colors[topKey];
+            if (nestedObj) {
+                parsed[topKey] = calculateCurrentCustomPropertyValue(nestedObj, computedStyle);
+            }
+        }
+    }
+    return parsed;
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/Graph/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Graph/utils.ts"],"names":[],"mappings":"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"}

package/dist/components/PDiskInfo/i18n/index.d.ts

@@ -1 +1 @@
-export declare const pDiskInfoKeyset: (key: "type" | "space" | "path" | "links" | "state" | "yes" | "device" | "slots" | "realtime" | "usage" | "value_no-data" | "developer-ui" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "log-size" | "system-size", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const pDiskInfoKeyset: (key: "type" | "links" | "space" | "path" | "state" | "yes" | "device" | "slots" | "realtime" | "usage" | "value_no-data" | "developer-ui" | "guid" | "serial-number" | "shared-with-os" | "drive-status" | "log-size" | "system-size", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/VDiskInfo/i18n/index.d.ts

@@ -1 +1 @@
-export declare const vDiskInfoKeyset: (key: "label_pdisk-id" | "links" | "size" | "kind" | "yes" | "no" | "label_recipient" | "pool-name" | "usage" | "developer-ui" | "guid" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "replication-progress" | "replication-time-remaining" | "donors" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const vDiskInfoKeyset: (key: "links" | "label_pdisk-id" | "size" | "kind" | "yes" | "no" | "label_recipient" | "pool-name" | "usage" | "developer-ui" | "guid" | "slot-id" | "incarnation-guid" | "instance-guid" | "replication-status" | "replication-progress" | "replication-time-remaining" | "donors" | "state-status" | "space-status" | "fresh-rank-satisfaction" | "level-rank-satisfaction" | "front-queues" | "has-unreadable-blobs" | "read-throughput" | "write-throughput" | "vdisk-page" | "vdiks-title", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/containers/Clusters/constants.d.ts

@@ -16,7 +16,7 @@ export declare const COLUMNS_NAMES: {
     readonly TENANTS: "tenants";
     readonly DESCRIPTION: "description";
 };
-export declare const DEFAULT_COLUMNS: ("status" | "storage" | "hosts" | "versions" | "title" | "service" | "nodes" | "tenants" | "load")[];
+export declare const DEFAULT_COLUMNS: ("status" | "nodes" | "storage" | "hosts" | "versions" | "title" | "service" | "tenants" | "load")[];
 export declare const COLUMNS_TITLES: {
     readonly title: string;
     readonly versions: string;

package/dist/containers/Nodes/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "static" | "any" | "database" | "other" | "nodes" | "empty.default" | "no-nodes-groups" | "controls_search-placeholder" | "controls_group-by-placeholder" | "controls_peer-role-label", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "any" | "nodes" | "static" | "database" | "other" | "empty.default" | "no-nodes-groups" | "controls_search-placeholder" | "controls_group-by-placeholder" | "controls_peer-role-label", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/containers/Operations/constants.d.ts

@@ -18,7 +18,7 @@ export declare const COLUMNS_TITLES: {
     readonly duration: string;
     readonly state: string;
 };
-export declare const BASE_COLUMNS: ("id" | "status" | "created_by" | "create_time" | "end_time" | "duration")[];
+export declare const BASE_COLUMNS: ("status" | "id" | "created_by" | "create_time" | "end_time" | "duration")[];
 export declare const OPERATION_KINDS: {
     value: OperationKind;
     content: string;

package/dist/containers/Tenant/Diagnostics/Overview/TransferInfo/Credentials.d.ts

@@ -2,5 +2,5 @@ import type { TConnectionParams } from '../../../../../types/api/schema/replicat
 interface CredentialsProps {
     connection?: TConnectionParams;
 }
-export declare function Credentials({ connection }: CredentialsProps): "unknown" | "" | import("react/jsx-runtime").JSX.Element | "OAuth" | null;
+export declare function Credentials({ connection }: CredentialsProps): "" | "unknown" | import("react/jsx-runtime").JSX.Element | "OAuth" | null;
 export {};

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/useTenantStorageNewData.d.ts

@@ -7,8 +7,8 @@ interface UseTenantStorageNewDataParams {
 }
 export declare function useTenantStorageNewData({ database, databaseFullPath, metrics, }: UseTenantStorageNewDataParams): {
     data: TenantStorageData;
-    status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
     error?: undefined | undefined;
+    status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
     isLoading: false;
     fulfilledTimeStamp?: undefined | undefined;
     originalArgs?: undefined | undefined;
@@ -23,8 +23,8 @@ export declare function useTenantStorageNewData({ database, databaseFullPath, me
     refetch: () => import("@reduxjs/toolkit/query").QueryActionCreatorResult<import("@reduxjs/toolkit/query").QueryDefinition<import("../../../../../store/reducers/tenantOverview/storage/tenantOverviewStorage").GetTenantStorageRawParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../../../../store/reducers/api")._NEVER, unknown, {}>, "Events" | "All" | "Conversations" | "PDiskData" | "PreviewData" | "SchemaTree" | "StorageData" | "TableData" | "Partitions" | "Tablet" | "UserData" | "VDiskData" | "VDiskBlobIndexStat" | "AccessRights" | "Backups" | "BackupsSchedule" | "OperationList", import("../../../../../store/reducers/tenantOverview/storage/tenantOverviewStorage").TenantStorageRawData, "api", typeof import("../../../../../store/reducers/api")._NEVER>>;
 } | {
     data: TenantStorageData;
-    status: import("@reduxjs/toolkit/query").QueryStatus;
     error?: unknown;
+    status: import("@reduxjs/toolkit/query").QueryStatus;
     fulfilledTimeStamp?: number | undefined;
     originalArgs?: import("../../../../../store/reducers/tenantOverview/storage/tenantOverviewStorage").GetTenantStorageRawParams | undefined;
     requestId?: string | undefined;

package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { YDBGraph } from '../../../../../../components/Graph/Graph';
+import { GravityGraph } from '../../../../../../components/Graph/GravityGraph';
 import { cn } from '../../../../../../utils/cn';
 import i18n from '../../i18n';
 import { StubMessage } from '../Stub/Stub';
@@ -11,10 +11,15 @@ function isValidGraphData(data) {
 }
 export function Graph({ explain = {}, theme }) {
     const { links, nodes } = explain;
-    const data = React.useMemo(() => ({ links, nodes }), [links, nodes]);
-    if (!isValidGraphData(data)) {
+    const data = React.useMemo(() => ({ links: links || [], nodes: nodes || [] }), [links, nodes]);
+    const [failedData, setFailedData] = React.useState();
+    const handleLayoutError = React.useCallback((error) => {
+        console.error(error);
+        setFailedData(data);
+    }, [data]);
+    if (!isValidGraphData(data) || failedData === data) {
         return _jsx(StubMessage, { message: i18n('description.graph-is-not-supported') });
     }
-    return (_jsx("div", { className: b('canvas-container'), children: _jsx(YDBGraph, { data: data }, theme) }));
+    return (_jsx("div", { className: b('canvas-container'), children: _jsx(GravityGraph, { data: data, onError: handleLayoutError, theme: theme }) }));
 }
 //# sourceMappingURL=Graph.js.map

package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Query/QueryResult/components/Graph/Graph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,QAAQ,EAAC,MAAM,0CAA0C,CAAC;AAElE,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAC9C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAOxC,SAAS,gBAAgB,CAAC,IAAmB;IACzC,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAC,OAAO,GAAG,EAAE,EAAE,KAAK,EAAa;IACnD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,OAAO,CAAC;IAE/B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAC,WAAW,IAAC,OAAO,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAAI,CAAC;IAChF,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,QAAQ,IAAa,IAAI,EAAE,IAAI,IAAjB,KAAK,CAAgB,GAClC,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"Graph.js","sourceRoot":"","sources":["../../../../../../../src/containers/Tenant/Query/QueryResult/components/Graph/Graph.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,iDAAiD,CAAC;AAE7E,OAAO,EAAC,EAAE,EAAC,MAAM,4BAA4B,CAAC;AAC9C,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAOxC,SAAS,gBAAgB,CAAC,IAA2B;IACjD,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAC,OAAO,GAAG,EAAE,EAAE,KAAK,EAAa;IACnD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,OAAO,CAAC;IAE/B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAC7F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IAClE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,KAAY,EAAE,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACjD,OAAO,KAAC,WAAW,IAAC,OAAO,EAAE,IAAI,CAAC,oCAAoC,CAAC,GAAI,CAAC;IAChF,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,GACpE,CACT,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Query/QueryResult/components/Graph/Graph.scss

@@ -1,5 +1,7 @@
 .ydb-query-explain-graph {
     &__canvas-container {
+        position: relative;
+
         overflow-y: auto;
 
         width: 100%;

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

@@ -10,7 +10,7 @@ interface TenantNavigationItem {
 }
 export declare function useTenantNavigation(): TenantNavigationItem[];
 export declare function useTenantPage(): {
-    readonly tenantPage: "database" | "query" | "diagnostics";
+    readonly tenantPage: "query" | "database" | "diagnostics";
     readonly handleTenantPageChange: (value?: TenantPage) => void;
 };
 export {};

package/dist/graphLayout.worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/graphLayout.worker.js

@@ -0,0 +1,17 @@
+import { prepareTreeLayout } from './components/Graph/treeLayout';
+const workerScope = globalThis;
+workerScope.onmessage = ({ data }) => {
+    try {
+        workerScope.postMessage({
+            type: 'success',
+            result: prepareTreeLayout(data),
+        });
+    }
+    catch (error) {
+        workerScope.postMessage({
+            type: 'error',
+            error: error instanceof Error ? error.message : String(error),
+        });
+    }
+};
+//# sourceMappingURL=graphLayout.worker.js.map

package/dist/graphLayout.worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphLayout.worker.js","sourceRoot":"","sources":["../src/graphLayout.worker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGhE,MAAM,WAAW,GAAG,UAGnB,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAC/B,IAAI,CAAC;QACD,WAAW,CAAC,WAAW,CAAC;YACpB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC;SAClC,CAAC,CAAC;IACP,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,WAAW,CAAC,WAAW,CAAC;YACpB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;SAChE,CAAC,CAAC;IACP,CAAC;AACL,CAAC,CAAC"}

package/dist/lib.d.ts

@@ -27,7 +27,7 @@ export type { AsideNavigationProps } from './containers/AsideNavigation/AsideNav
 export type { ExternalQueryToOpen } from './containers/Tenant/Query/hooks/useOpenExternalQueryInEditor';
 export type { DrawerContextType } from './components/Drawer';
 export type { GetMonitoringLink, GetMonitoringClusterLink } from './utils/monitoring';
-export type { GetAdditionalDatabaseInfoItems, GetReportProblemUrl, IllustrationComponent, IllustrationName, RenderHealthcheckAssistantAction, } from './uiFactory/types';
+export type { CreateGraphLayoutWorker, GetAdditionalDatabaseInfoItems, GetReportProblemUrl, IllustrationComponent, IllustrationName, RenderHealthcheckAssistantAction, } from './uiFactory/types';
 export type { HealthcheckAssistantActionProps, HealthcheckAssistantSnapshot, HealthcheckAssistantTarget, } from './containers/Tenant/Healthcheck/types';
 export { configureUIFactory } from './uiFactory/uiFactory';
 export { configureZod } from './utils/zod/configureZod';

package/dist/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,IAAI,gBAAgB,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAC,eAAe,IAAI,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAChG,OAAO,EACH,kBAAkB,IAAI,aAAa,EACnC,qBAAqB,GACxB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,4BAA4B,EAAC,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAC,oBAAoB,EAAC,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AACpD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEpF,OAAO,EAAC,kBAAkB,EAAC,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAE,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,YAAY,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAC;AA0B7D,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,IAAI,gBAAgB,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAC,eAAe,IAAI,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAChG,OAAO,EACH,kBAAkB,IAAI,aAAa,EACnC,qBAAqB,GACxB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,4BAA4B,EAAC,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAC,oBAAoB,EAAC,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAC,cAAc,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AACpD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEpF,OAAO,EAAC,kBAAkB,EAAC,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAE,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,YAAY,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAC;AA2B7D,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/store/reducers/query/parsers/preparePlanData.js.map

@@ -1 +1 @@
-{"version":3,"file":"preparePlanData.js","sourceRoot":"","sources":["../../../../../src/store/reducers/query/parsers/preparePlanData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAG9D,MAAM,eAAe,GAAG;IACpB,EAAE,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AAErE,MAAM,UAAU,eAAe,CAC3B,OAAgC,EAChC,KAAsB;;IAItB,2BAA2B;IAC3B,IAAI,OAAO,EAAE,CAAC;QACV,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAE5E,IAAI,6BAA6B,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7D,iDAAiD;YACjD,OAAO;gBACH,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;aACxB,CAAC;QACN,CAAC;QAED,IAAI,KAAK,GAAW,EAAE,CAAC;QACvB,IAAI,KAAK,GAAqC,EAAE,CAAC;QAEjD,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YACvC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;YAC3B,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,IAAI,sBAAsB,CAAC;QAC3B,IAAI,cAAc,EAAE,CAAC;YACjB,sBAAsB,GAAG,qBAAqB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;QACrE,CAAC;QAED,OAAO;YACH,KAAK;YACL,KAAK;YACL,MAAM;YACN,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,cAAc;gBAC1B,CAAC,CAAC;oBACI,IAAI,EAAE,sBAAsB;oBAC5B,QAAQ,EAAE,cAAc;iBAC3B;gBACH,CAAC,CAAC,SAAS;SAClB,CAAC;IACN,CAAC;IAED,yBAAyB;IACzB,MAAM,aAAa,GAAG,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,gBAAgB,0CAAG,CAAC,CAAC,CAAC;IACpE,IAAI,aAAa,EAAE,CAAC;QAChB,IAAI,CAAC;YACD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAChD,OAAO;gBACH,GAAG,WAAW,CAAC,aAAa,CAAC;gBAC7B,QAAQ,EAAE,aAAa;gBACvB,cAAc,EAAE;oBACZ,IAAI,EAAE,qBAAqB,CAAC,CAAC,aAAa,CAAC,CAAC;oBAC5C,QAAQ,EAAE,aAAa;iBAC1B;aACJ,CAAC;QACN,CAAC;QAAC,WAAM,CAAC;YACL,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC"}
+{"version":3,"file":"preparePlanData.js","sourceRoot":"","sources":["../../../../../src/store/reducers/query/parsers/preparePlanData.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAG9D,MAAM,eAAe,GAAG;IACpB,EAAE,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AAErE,MAAM,UAAU,eAAe,CAC3B,OAAgC,EAChC,KAAsB;;IAItB,2BAA2B;IAC3B,IAAI,OAAO,EAAE,CAAC;QACV,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAE5E,IAAI,6BAA6B,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7D,iDAAiD;YACjD,OAAO;gBACH,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;aACxB,CAAC;QACN,CAAC;QAED,IAAI,KAAK,GAAW,EAAE,CAAC;QACvB,IAAI,KAAK,GAAqC,EAAE,CAAC;QAEjD,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YACvC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;YAC3B,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,IAAI,sBAAsB,CAAC;QAC3B,IAAI,cAAc,EAAE,CAAC;YACjB,sBAAsB,GAAG,qBAAqB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;QACrE,CAAC;QAED,OAAO;YACH,KAAK;YACL,KAAK;YACL,MAAM;YACN,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,cAAc;gBAC1B,CAAC,CAAC;oBACI,IAAI,EAAE,sBAAsB;oBAC5B,QAAQ,EAAE,cAAc;iBAC3B;gBACH,CAAC,CAAC,SAAS;SAClB,CAAC;IACN,CAAC;IAED,yBAAyB;IACzB,MAAM,aAAa,GAAG,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAG,CAAC,CAAC,0CAAE,gBAAgB,0CAAG,CAAC,CAAC,CAAC;IACpE,IAAI,aAAa,EAAE,CAAC;QAChB,IAAI,CAAC;YACD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YAChD,OAAO;gBACH,GAAG,WAAW,CAAC,aAAa,CAAC;gBAC7B,QAAQ,EAAE,aAAa;gBACvB,cAAc,EAAE;oBACZ,IAAI,EAAE,qBAAqB,CAAC,CAAC,aAAa,CAAC,CAAC;oBAC5C,QAAQ,EAAE,aAAa;iBAC1B;aACJ,CAAC;QACN,CAAC;QAAC,WAAM,CAAC;YACL,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;IAED,OAAO,EAAE,CAAC;AACd,CAAC"}

package/dist/store/reducers/query/types.d.ts

@@ -1,4 +1,3 @@
-import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
 import type { PlanTable, QueryPlan, ScriptPlan, SimlifiedPlanOperatorOtherParams, SimplifiedNode } from '../../../types/api/query';
 import type { IQueryResult, QueryAction, StatisticsMode } from '../../../types/store/query';
 export type QueryExecutionStatusType = 'loading' | 'completed' | 'failed' | 'stopped' | 'aborted';
@@ -16,6 +15,44 @@ export interface RawQueryInHistory {
 export interface QueryInHistory extends RawQueryInHistory {
     status?: QueryExecutionStatusType;
 }
+export interface Link {
+    from: string;
+    to: string;
+}
+export interface Metric {
+    name: string;
+    value: string;
+    theme?: 'warning' | 'danger';
+}
+export interface GraphNode<TData = any> {
+    name: string;
+    status?: string;
+    meta?: string;
+    group?: string;
+    data?: TData;
+    metrics?: Metric[];
+}
+export interface ExplainPlanNodeData {
+    id?: number;
+    type: 'query' | 'result' | 'stage' | 'connection' | 'materialize';
+    name?: string;
+    operators?: string[];
+    tables?: string[];
+    cte?: string;
+    stats?: TopologyNodeDataStats[];
+}
+export interface TopologyNodeDataStatsItem {
+    name: string;
+    value: string | number;
+}
+export interface TopologyNodeDataStatsSection {
+    name: string;
+    items: TopologyNodeDataStatsItem[];
+}
+export interface TopologyNodeDataStats {
+    group: string;
+    stats: TopologyNodeDataStatsSection[] | TopologyNodeDataStatsItem[];
+}
 export interface PreparedPlan {
     links?: Link[];
     nodes?: GraphNode<ExplainPlanNodeData>[];

package/dist/store/reducers/settings/utils.d.ts

@@ -3,7 +3,7 @@ export declare function stringifySettingValue(value?: unknown): string;
 export declare function parseSettingValue<T>(value?: SettingValue): T | undefined;
 export declare function readSettingValueFromLS<T = unknown>(name: string | undefined): T | undefined;
 export declare function setSettingValueToLS(name: string | undefined, value: unknown): void;
-export declare function getSettingDefault(name: string): boolean | 0 | import("../../../lib").Lang.En | "State" | "clusters" | "query" | "execute" | {
+export declare function getSettingDefault(name: string): boolean | 0 | "query" | "execute" | {
     queryMode: "query";
     transactionMode: "implicit";
     timeout: null;
@@ -13,5 +13,5 @@ export declare function getSettingDefault(name: string): boolean | 0 | import(".
     tracingLevel: "off";
     pragmas: string;
     resourcePool: string;
-} | "groups" | "system" | readonly [] | import("../../../lib").AclSyntax.YdbShort | undefined;
+} | import("../../../lib").Lang.En | "State" | "clusters" | "groups" | "system" | readonly [] | import("../../../lib").AclSyntax.YdbShort | undefined;
 export declare function shouldSyncSettingToLS(name: string): boolean;

package/dist/uiFactory/types.d.ts

@@ -13,6 +13,7 @@ import type { TUserToken } from '../types/api/whoami';
 import type { GetLogsLink } from '../utils/logs';
 import type { GetMonitoringClusterLink, GetMonitoringLink } from '../utils/monitoring';
 export type IllustrationComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+export type CreateGraphLayoutWorker = () => Worker;
 export type IllustrationName = 'InternalError' | 'AccessDenied' | 'Unauthenticated' | 'NoSearchResults' | 'SuccessOperation';
 export interface UIFactory<H extends string = CommonIssueCategory, T extends string = string> {
     onCreateDB?: HandleCreateDB;
@@ -34,6 +35,8 @@ export interface UIFactory<H extends string = CommonIssueCategory, T extends str
     renderNodeTooltipActions?: RenderNodeTooltipActions;
     clusterOrDatabaseAccessError?: Partial<EmptyStateProps>;
     enableMultiTabQueryEditor?: boolean;
+    /** Creates a fresh computation-graph layout worker for each layout run. */
+    createGraphLayoutWorker?: CreateGraphLayoutWorker;
     healthcheck: {
         issueCategories: ReadonlyArray<H>;
         isIssueTypeOfCategory: (type: string, category: H) => boolean;

package/dist/utils/disks/helpers.d.ts

@@ -4,7 +4,7 @@ import { EFlag } from '../../types/api/enums';
 import type { TVDiskStateInfo, TVSlotId } from '../../types/api/vdisk';
 import type { DiskColor, PreparedVDisk } from './types';
 export declare function isFullVDiskData(disk: PreparedVDisk | TVDiskStateInfo | TVSlotId): disk is PreparedVDisk | TVDiskStateInfo;
-export declare const getSpaceSeverity: (allocatedPercent?: number) => 21 | 6 | 7 | 8 | 9 | 10 | 12 | 13 | 14 | 15 | 22 | 11 | 16 | 17 | 18 | 19 | 20 | import("./types").DataSeverity;
+export declare const getSpaceSeverity: (allocatedPercent?: number) => 9 | 13 | 14 | 15 | 8 | 16 | 12 | 20 | 22 | 6 | 7 | 10 | 11 | 17 | 18 | 19 | 21 | import("./types").DataSeverity;
 /**
  * Convert data severity (0-5) to EFlag color.
  * Used for PreparedVDisk.Severity and PreparedPDisk.Severity in Default mode.
@@ -21,7 +21,7 @@ export declare function getDataSeverityColor(severity: number | undefined): EFla
  * @returns Disk color for visualization
  */
 export declare function getDisplaySeverityColor(severity: number | undefined): DiskColor;
-export declare function getColorSeverity(color?: EFlag): 0 | 1 | 2 | 5 | 4 | 21 | 3 | 6 | 7 | 8 | 9 | 10 | 12 | 13 | 14 | 15 | 22 | 11 | 16 | 17 | 18 | 19 | 20;
+export declare function getColorSeverity(color?: EFlag): 0 | 1 | 3 | 4 | 9 | 13 | 14 | 15 | 8 | 16 | 2 | 12 | 20 | 22 | 5 | 6 | 7 | 10 | 11 | 17 | 18 | 19 | 21;
 export declare function getPDiskId({ nodeId, pDiskId, }: {
     nodeId?: string | number | null;
     pDiskId?: string | number | null;

package/dist/utils/hooks/useChangedQuerySettings.d.ts

@@ -2,8 +2,8 @@ export declare const useChangedQuerySettings: () => {
     isBannerShown: boolean;
     closeBanner: () => void;
     resetBanner: () => void;
-    changedCurrentSettings: ("timeout" | "statisticsMode" | "queryMode" | "transactionMode" | "tracingLevel" | "limitRows" | "outputChunkMaxSize" | "pragmas" | "resourcePool")[];
+    changedCurrentSettings: ("queryMode" | "transactionMode" | "statisticsMode" | "tracingLevel" | "timeout" | "limitRows" | "outputChunkMaxSize" | "pragmas" | "resourcePool")[];
     changedCurrentSettingsDescriptions: Record<string, string>;
-    changedLastExecutionSettings: ("timeout" | "statisticsMode" | "queryMode" | "transactionMode" | "tracingLevel" | "limitRows" | "outputChunkMaxSize" | "pragmas" | "resourcePool")[];
+    changedLastExecutionSettings: ("queryMode" | "transactionMode" | "statisticsMode" | "tracingLevel" | "timeout" | "limitRows" | "outputChunkMaxSize" | "pragmas" | "resourcePool")[];
     changedLastExecutionSettingsDescriptions: Record<string, string>;
 };

package/dist/utils/hooks/useLastQueryExecutionSettings.d.ts

@@ -1,5 +1,5 @@
 export declare const useLastQueryExecutionSettings: () => readonly [{
-    queryMode: "query" | "data" | "script" | "scan";
+    queryMode: "scan" | "script" | "data" | "query";
     transactionMode: "serializable-read-write" | "stale-read-only" | "online-read-only" | "snapshot-read-only" | "snapshot-read-write" | "implicit";
     statisticsMode: "none" | "basic" | "full" | "profile";
     tracingLevel: "basic" | "off" | "toplevel" | "detailed" | "diagnostic" | "trace";
@@ -9,7 +9,7 @@ export declare const useLastQueryExecutionSettings: () => readonly [{
     limitRows?: number | undefined;
     outputChunkMaxSize?: number | undefined;
 } | undefined, (value: {
-    queryMode: "query" | "data" | "script" | "scan";
+    queryMode: "scan" | "script" | "data" | "query";
     transactionMode: "serializable-read-write" | "stale-read-only" | "online-read-only" | "snapshot-read-only" | "snapshot-read-write" | "implicit";
     statisticsMode: "none" | "basic" | "full" | "profile";
     tracingLevel: "basic" | "off" | "toplevel" | "detailed" | "diagnostic" | "trace";

package/dist/utils/hooks/useQueryExecutionSettings.d.ts

@@ -1,5 +1,5 @@
 export declare const useQueryExecutionSettings: () => readonly [{
-    queryMode: "query" | "data" | "script" | "scan";
+    queryMode: "scan" | "script" | "data" | "query";
     transactionMode: "serializable-read-write" | "stale-read-only" | "online-read-only" | "snapshot-read-only" | "snapshot-read-write" | "implicit";
     statisticsMode: "none" | "basic" | "full" | "profile";
     tracingLevel: "basic" | "off" | "toplevel" | "detailed" | "diagnostic" | "trace";
@@ -9,7 +9,7 @@ export declare const useQueryExecutionSettings: () => readonly [{
     limitRows?: number | undefined;
     outputChunkMaxSize?: number | undefined;
 }, (value: {
-    queryMode: "query" | "data" | "script" | "scan";
+    queryMode: "scan" | "script" | "data" | "query";
     transactionMode: "serializable-read-write" | "stale-read-only" | "online-read-only" | "snapshot-read-only" | "snapshot-read-write" | "implicit";
     statisticsMode: "none" | "basic" | "full" | "profile";
     tracingLevel: "basic" | "off" | "toplevel" | "detailed" | "diagnostic" | "trace";

package/dist/utils/prepareQueryExplain.d.ts

@@ -1,5 +1,4 @@
-import type { ExplainPlanNodeData, GraphNode, Link } from '@gravity-ui/paranoid';
-import type { SimplifiedPlanItem } from '../store/reducers/query/types';
+import type { ExplainPlanNodeData, GraphNode, Link, SimplifiedPlanItem } from '../store/reducers/query/types';
 import type { PlanNode, SimplifiedNode } from '../types/api/query';
 export declare function preparePlan(plan: PlanNode): {
     nodes: GraphNode<ExplainPlanNodeData>[];

package/dist/utils/prepareQueryExplain.js

@@ -67,11 +67,18 @@ function getNodeType(plan) {
 export function preparePlan(plan) {
     const nodes = [];
     const links = [];
+    let generatedNodeId = 0;
+    const getGraphNodeId = (node) => {
+        return node.PlanNodeId === undefined
+            ? `generated-plan-node:${generatedNodeId++}`
+            : String(node.PlanNodeId);
+    };
     function parsePlans(plans = [], from) {
         plans.forEach((p) => {
             var _a;
+            const nodeId = getGraphNodeId(p);
             const node = {
-                name: String(p.PlanNodeId),
+                name: nodeId,
                 data: {
                     id: p.PlanNodeId,
                     type: getNodeType(p),
@@ -87,8 +94,9 @@ export function preparePlan(plan) {
         });
     }
     const rootPlan = plan;
+    const rootNodeId = getGraphNodeId(rootPlan);
     const rootNode = {
-        name: String(rootPlan.PlanNodeId),
+        name: rootNodeId,
         data: {
             id: rootPlan.PlanNodeId,
             type: getNodeType(rootPlan),

package/dist/utils/prepareQueryExplain.js.map

@@ -1 +1 @@
-{"version":3,"file":"prepareQueryExplain.js","sourceRoot":"","sources":["../../src/utils/prepareQueryExplain.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"prepareQueryExplain.js","sourceRoot":"","sources":["../../src/utils/prepareQueryExplain.ts"],"names":[],"mappings":"AAWA,MAAM,2BAA2B,GAAG,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AAElG,SAAS,YAAY,CAAC,IAAc;IAChC,MAAM,KAAK,GAA4B,EAAE,CAAC;IAE1C,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,iBAAiB,GAAmC,EAAE,CAAC;QAE7D,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,MAAM,OAAO,GAAiC,EAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;YAE/E,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClD,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;oBAClB,SAAS;gBACb,CAAC;gBAED,MAAM,KAAK,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACrE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC;YACtC,CAAC;YAED,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,KAAK,CAAC,IAAI,CAAC;YACP,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,iBAAiB;SAC3B,CAAC,CAAC;IACP,CAAC;IAED,IAAI,IAAI,CAAC,YAAY,KAAK,YAAY,EAAE,CAAC;QACrC,MAAM,SAAS,GAAgC,EAAE,CAAC;QAElD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9C,IAAI,2BAA2B,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBACvC,SAAS;YACb,CAAC;YAED,SAAS,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;aACnE,CAAC,CAAC;QACP,CAAC;QAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvB,KAAK,CAAC,IAAI,CAAC;gBACP,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,SAAS;aACnB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,MAAM,SAAS,GAAgC,EAAE,CAAC;QAElD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACpD,SAAS,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;aACnE,CAAC,CAAC;QACP,CAAC;QAED,KAAK,CAAC,IAAI,CAAC;YACP,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,SAAS;SACnB,CAAC,CAAC;IACP,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,WAAW,CAAC,IAAc;IAC/B,QAAQ,IAAI,CAAC,YAAY,EAAE,CAAC;QACxB,KAAK,YAAY;YACb,OAAO,YAAY,CAAC;QACxB,KAAK,WAAW;YACZ,OAAO,QAAQ,CAAC;QACpB,KAAK,OAAO;YACR,OAAO,OAAO,CAAC;QACnB;YACI,OAAO,OAAO,CAAC;IACvB,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAc;IACtC,MAAM,KAAK,GAAqC,EAAE,CAAC;IACnD,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAI,eAAe,GAAG,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,OAAO,IAAI,CAAC,UAAU,KAAK,SAAS;YAChC,CAAC,CAAC,uBAAuB,eAAe,EAAE,EAAE;YAC5C,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,SAAS,UAAU,CAAC,QAAoB,EAAE,EAAE,IAAY;QACpD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;;YAChB,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YACjC,MAAM,IAAI,GAAmC;gBACzC,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACF,EAAE,EAAE,CAAC,CAAC,UAAU;oBAChB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;oBACpB,IAAI,EAAE,CAAC,CAAC,WAAW,CAAC;oBACpB,SAAS,EAAE,MAAA,CAAC,CAAC,SAAS,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC1C,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;oBACtB,MAAM,EAAE,CAAC,CAAC,MAAM;iBACnB;aACJ,CAAC;YACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC;YAClC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC;IACtB,MAAM,UAAU,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAmC;QAC7C,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE;YACF,EAAE,EAAE,QAAQ,CAAC,UAAU;YACvB,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC;YAC3B,IAAI,EAAE,QAAQ,CAAC,WAAW,CAAC;SAC9B;KACJ,CAAC;IACF,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrB,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE1C,OAAO;QACH,KAAK;QACL,KAAK;KACR,CAAC;AACN,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAuB;;IACzD,MAAM,MAAM,GAAyB,EAAE,CAAC;IACxC,MAAM,KAAK,GAGL,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAE1C,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,GAAG,EAAG,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,0CAAG,CAAC,CAAC,CAAC;QAExC,MAAM,QAAQ,GAAG,QAAQ,IAAI,MAAM,CAAC;QAEpC,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,EACF,CAAC,OAAO,CAAC,EAAE,IAAI,EACf,CAAC,QAAQ,CAAC,EAAE,KAAK,EACjB,CAAC,QAAQ,CAAC,EAAE,KAAK,EACjB,CAAC,QAAQ,CAAC,EAAE,KAAK,EACjB,CAAC,QAAQ,CAAC,EAAE,KAAK,EACjB,CAAC,YAAY,CAAC,EAAE,WAAW,EAC3B,CAAC,MAAM,CAAC,EAAE,IAAI,EACd,GAAG,IAAI,EACV,GAAG,QAAQ,CAAC;YAEb,MAAM,OAAO,GAAuB;gBAChC,IAAI;gBACJ,eAAe,EAAE,IAAI;gBACrB,IAAI;gBACJ,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ,EAAE,EAAE;aACf,CAAC;YAEF,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAEvB,IAAI,KAAK,EAAE,CAAC;gBACR,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAC,CAAC,CAAC;gBAC7D,CAAC;YACL,CAAC;QACL,CAAC;aAAM,IAAI,KAAK,EAAE,CAAC;YACf,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzC,KAAK,CAAC,IAAI,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;YACrD,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC"}

package/dist/utils/query.d.ts

@@ -43,7 +43,7 @@ export declare const QUERY_MODES_TITLES: Record<QueryMode, string>;
 export declare const QUERY_SYNTAX: {
     readonly yql: "yql_v1";
 };
-export declare const getColumnType: (type: string) => "number" | "string" | "boolean" | "date" | "binary-string" | undefined;
+export declare const getColumnType: (type: string) => "string" | "number" | "boolean" | "date" | "binary-string" | undefined;
 /** parse response result from ArrayRow to KeyValueRow and format values */
 export declare const parseResult: (rows: ArrayRow[], columns: ColumnType[]) => KeyValueRow[];
 type UnsupportedQueryResponseFormat = Array<unknown> | string | null | undefined | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "20.5.0",
+  "version": "21.0.0",
   "files": [
     "dist",
     "src"
@@ -22,11 +22,11 @@
     "@gravity-ui/components": "^4.18.0",
     "@gravity-ui/date-components": "^3.2.3",
     "@gravity-ui/date-utils": "^2.5.6",
+    "@gravity-ui/graph": "^1.11.3",
     "@gravity-ui/i18n": "^1.7.0",
     "@gravity-ui/icons": "^2.21.0",
     "@gravity-ui/illustrations": "^2.1.0",
     "@gravity-ui/navigation": "^4.0.18",
-    "@gravity-ui/paranoid": "^3.0.0",
     "@gravity-ui/react-data-table": "^2.2.1",
     "@gravity-ui/react-unipika": "^0.5.2",
     "@gravity-ui/table": "^1.10.1",

package/src/components/Graph/BlockComponents/ConnectionBlockComponent.tsx

@@ -0,0 +1,49 @@
+import {
+    ArrowsExpandHorizontal,
+    DatabaseFill,
+    GripHorizontal,
+    MapPin,
+    Shuffle,
+} from '@gravity-ui/icons';
+import {Icon} from '@gravity-ui/uikit';
+import type {IconData} from '@gravity-ui/uikit';
+
+import {TooltipComponent} from '../TooltipComponent';
+import type {ExtendedTBlock} from '../types';
+
+type Props = {
+    block: ExtendedTBlock;
+    className: string;
+};
+
+const getIcon = (name: string): IconData | undefined => {
+    switch (name) {
+        case 'Merge':
+            return DatabaseFill;
+        case 'UnionAll':
+            return GripHorizontal;
+        case 'HashShuffle':
+            return Shuffle;
+        case 'Map':
+            return MapPin;
+        case 'Broadcast':
+            return ArrowsExpandHorizontal;
+        default:
+            return undefined;
+    }
+};
+
+export const ConnectionBlockComponent = ({className, block}: Props) => {
+    const icon = getIcon(block.name);
+    const content = (
+        <div className={className}>
+            {icon && <Icon data={icon} />} {block.name}
+        </div>
+    );
+
+    if (!block.stats?.length) {
+        return content;
+    }
+
+    return <TooltipComponent block={block}>{content}</TooltipComponent>;
+};

package/src/components/Graph/BlockComponents/QueryBlockComponent.tsx

@@ -0,0 +1,7 @@
+type Props = {
+    className: string;
+};
+
+export const QueryBlockComponent = ({className}: Props) => {
+    return <div className={className} />;
+};

package/src/components/Graph/BlockComponents/ResultBlockComponent.tsx

@@ -0,0 +1,10 @@
+import type {TBlock} from '@gravity-ui/graph';
+
+type Props = {
+    block: TBlock;
+    className: string;
+};
+
+export const ResultBlockComponent = ({className, block}: Props) => {
+    return <div className={className}>{block.name}</div>;
+};