ydb-embedded-ui 6.4.0 → 6.6.0

package/dist/containers/PDiskPage/PDiskPage.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ArrowRotateLeft } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
-import { skipToken } from '@reduxjs/toolkit/query';
-import { Helmet } from 'react-helmet-async';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { ButtonWithConfirmDialog } from '../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
-import { DiskPageTitle } from '../../components/DiskPageTitle/DiskPageTitle';
-import { InfoViewerSkeleton } from '../../components/InfoViewerSkeleton/InfoViewerSkeleton';
-import { PDiskInfo } from '../../components/PDiskInfo/PDiskInfo';
-import { PageMeta } from '../../components/PageMeta/PageMeta';
-import { setHeaderBreadcrumbs } from '../../store/reducers/header/header';
-import { selectNodesMap } from '../../store/reducers/nodesList';
-import { pDiskApi } from '../../store/reducers/pdisk/pdisk';
-import { valueIsDefined } from '../../utils';
-import { DEFAULT_POLLING_INTERVAL } from '../../utils/constants';
-import { getSeverityColor } from '../../utils/disks/helpers';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { PDiskGroups } from './PDiskGroups';
-import { pDiskPageKeyset } from './i18n';
-import { pdiskPageCn } from './shared';
-import './PDiskPage.scss';
-export function PDiskPage() {
-    var _a;
-    const dispatch = useTypedDispatch();
-    const nodesMap = useTypedSelector(selectNodesMap);
-    const [{ nodeId, pDiskId }] = useQueryParams({
-        nodeId: StringParam,
-        pDiskId: StringParam,
-    });
-    React.useEffect(() => {
-        dispatch(setHeaderBreadcrumbs('pDisk', { nodeId, pDiskId }));
-    }, [dispatch, nodeId, pDiskId]);
-    const params = valueIsDefined(nodeId) && valueIsDefined(pDiskId) ? { nodeId, pDiskId } : skipToken;
-    const pdiskDataQuery = pDiskApi.useGetPdiskInfoQuery(params, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const pDiskLoading = pdiskDataQuery.isFetching && pdiskDataQuery.currentData === undefined;
-    const pDiskData = pdiskDataQuery.currentData || {};
-    const { NodeHost, NodeId, NodeType, NodeDC, Severity } = pDiskData;
-    const pDiskStorageQuery = pDiskApi.useGetStorageInfoQuery(params, {
-        pollingInterval: DEFAULT_POLLING_INTERVAL,
-    });
-    const groupsLoading = pDiskStorageQuery.isFetching && pDiskStorageQuery.currentData === undefined;
-    const groupsData = (_a = pDiskStorageQuery.currentData) !== null && _a !== void 0 ? _a : [];
-    const handleRestart = async () => {
-        if (valueIsDefined(nodeId) && valueIsDefined(pDiskId)) {
-            return window.api.restartPDisk(nodeId, pDiskId).then((res) => {
-                if ((res === null || res === void 0 ? void 0 : res.result) === false) {
-                    const err = { statusText: res.error };
-                    throw err;
-                }
-            });
-        }
-        return undefined;
-    };
-    const handleAfterRestart = async () => {
-        return Promise.all([pdiskDataQuery.refetch(), pDiskStorageQuery.refetch()]);
-    };
-    const renderHelmet = () => {
-        const pDiskPagePart = pDiskId
-            ? `${pDiskPageKeyset('pdisk')} ${pDiskId}`
-            : pDiskPageKeyset('pdisk');
-        const nodePagePart = NodeHost ? NodeHost : pDiskPageKeyset('node');
-        return (_jsx(Helmet, { titleTemplate: `%s - ${pDiskPagePart} — ${nodePagePart} — YDB Monitoring`, defaultTitle: `${pDiskPagePart} — ${nodePagePart} — YDB Monitoring` }));
-    };
-    const renderPageMeta = () => {
-        const hostItem = NodeHost ? `${pDiskPageKeyset('fqdn')}: ${NodeHost}` : undefined;
-        const nodeIdItem = NodeId ? `${pDiskPageKeyset('node')}: ${NodeId}` : undefined;
-        return (_jsx(PageMeta, { className: pdiskPageCn('meta'), loading: pDiskLoading, items: [hostItem, nodeIdItem, NodeType, NodeDC] }));
-    };
-    const renderPageTitle = () => {
-        return (_jsx(DiskPageTitle, { entityName: pDiskPageKeyset('pdisk'), status: getSeverityColor(Severity), id: pDiskId, className: pdiskPageCn('title') }));
-    };
-    const renderControls = () => {
-        return (_jsx("div", { className: pdiskPageCn('controls'), children: _jsxs(ButtonWithConfirmDialog, { onConfirmAction: handleRestart, onConfirmActionSuccess: handleAfterRestart, buttonDisabled: !nodeId || !pDiskId, buttonView: "normal", dialogContent: pDiskPageKeyset('restart-pdisk-dialog'), children: [_jsx(Icon, { data: ArrowRotateLeft }), pDiskPageKeyset('restart-pdisk-button')] }) }));
-    };
-    const renderInfo = () => {
-        if (pDiskLoading) {
-            return _jsx(InfoViewerSkeleton, { className: pdiskPageCn('info'), rows: 10 });
-        }
-        return (_jsx(PDiskInfo, { pDisk: pDiskData, nodeId: nodeId, className: pdiskPageCn('info'), isPDiskPage: true }));
-    };
-    const renderGroupsTable = () => {
-        return _jsx(PDiskGroups, { data: groupsData, nodesMap: nodesMap, loading: groupsLoading });
-    };
-    return (_jsxs("div", { className: pdiskPageCn(null), children: [renderHelmet(), renderPageMeta(), renderPageTitle(), renderControls(), renderInfo(), renderGroupsTable()] }));
-}

package/dist/containers/PDiskPage/i18n/en.json

@@ -1,8 +0,0 @@
-{
-    "fqdn": "FQDN",
-    "pdisk": "PDisk",
-    "groups": "Groups",
-    "node": "Node",
-    "restart-pdisk-button": "Restart PDisk",
-    "restart-pdisk-dialog": "PDisk will be restarted. Do you want to proceed?"
-}

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

@@ -1 +0,0 @@
-export declare const pDiskPageKeyset: (key: "node" | "groups" | "fqdn" | "pdisk" | "restart-pdisk-button" | "restart-pdisk-dialog", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/containers/Tablet/TabletControls/TabletControls.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { ButtonWithConfirmDialog } from '../../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
-import { ETabletState } from '../../../types/api/tablet';
-import { b } from '../Tablet';
-import i18n from '../i18n';
-export const TabletControls = ({ tablet, fetchData }) => {
-    const { TabletId, HiveId } = tablet;
-    const _onKillClick = () => {
-        return window.api.killTablet(TabletId);
-    };
-    const _onStopClick = () => {
-        return window.api.stopTablet(TabletId, HiveId);
-    };
-    const _onResumeClick = () => {
-        return window.api.resumeTablet(TabletId, HiveId);
-    };
-    const hasHiveId = () => {
-        return HiveId && HiveId !== '0';
-    };
-    const isDisabledRestart = tablet.State === ETabletState.Stopped;
-    const isDisabledResume = tablet.State !== ETabletState.Stopped && tablet.State !== ETabletState.Dead;
-    const isDisabledStop = tablet.State === ETabletState.Stopped || tablet.State === ETabletState.Deleted;
-    return (_jsxs("div", { className: b('controls'), children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.kill'), onConfirmAction: _onKillClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledRestart, children: i18n('controls.kill') }), hasHiveId() ? (_jsxs(React.Fragment, { children: [_jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.stop'), onConfirmAction: _onStopClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledStop, children: i18n('controls.stop') }), _jsx(ButtonWithConfirmDialog, { dialogContent: i18n('dialog.resume'), onConfirmAction: _onResumeClick, onConfirmActionSuccess: fetchData, buttonClassName: b('control'), buttonDisabled: isDisabledResume, children: i18n('controls.resume') })] })) : null] }));
-};

package/dist/containers/Tablet/i18n/en.json

@@ -1,10 +0,0 @@
-{
-    "tablet.header": "Tablet",
-    "controls.kill": "Restart",
-    "controls.stop": "Stop",
-    "controls.resume": "Resume",
-    "dialog.kill": "The tablet will be restarted. Do you want to proceed?",
-    "dialog.stop": "The tablet will be stopped. Do you want to proceed?",
-    "dialog.resume": "The tablet will be resumed. Do you want to proceed?",
-    "emptyState": "The tablet was not found"
-}

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

@@ -1,2 +0,0 @@
-declare const _default: (key: "dialog.kill" | "tablet.header" | "controls.kill" | "controls.stop" | "controls.resume" | "dialog.stop" | "dialog.resume" | "emptyState", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/containers/Tablet/i18n/index.js

@@ -1,5 +0,0 @@
-import { registerKeysets } from '../../../utils/i18n';
-import en from './en.json';
-import ru from './ru.json';
-const COMPONENT = 'ydb-tablet-page';
-export default registerKeysets(COMPONENT, { en, ru });

package/dist/containers/Tablet/i18n/ru.json

@@ -1,10 +0,0 @@
-{
-    "tablet.header": "Таблетка",
-    "controls.kill": "Перезапустить",
-    "controls.stop": "Остановить",
-    "controls.resume": "Запустить",
-    "dialog.kill": "Таблетка будет перезапущена. Вы хотите продолжить?",
-    "dialog.stop": "Таблетка будет остановлена. Вы хотите продолжить?",
-    "dialog.resume": "Таблетка будет запущена. Вы хотите продолжить?",
-    "emptyState": "Таблетка не найдена"
-}

package/dist/containers/Tablets/Tablets.js

@@ -1,134 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowsRotateRight } from '@gravity-ui/icons';
-import { Icon, Label, Text } from '@gravity-ui/uikit';
-import { skipToken } from '@reduxjs/toolkit/query';
-import { ButtonWithConfirmDialog } from '../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog';
-import { EntityStatus } from '../../components/EntityStatus/EntityStatus';
-import { ResponseError } from '../../components/Errors/ResponseError';
-import { InternalLink } from '../../components/InternalLink';
-import { ResizeableDataTable } from '../../components/ResizeableDataTable/ResizeableDataTable';
-import { TableSkeleton } from '../../components/TableSkeleton/TableSkeleton';
-import routes, { createHref } from '../../routes';
-import { selectTabletsWithFqdn, tabletsApi } from '../../store/reducers/tablets';
-import { ETabletState } from '../../types/api/tablet';
-import { cn } from '../../utils/cn';
-import { DEFAULT_TABLE_SETTINGS } from '../../utils/constants';
-import { calcUptime } from '../../utils/dataFormatters/dataFormatters';
-import { useTypedDispatch, useTypedSelector } from '../../utils/hooks';
-import { mapTabletStateToLabelTheme } from '../../utils/tablet';
-import { getDefaultNodePath } from '../Node/NodePages';
-import i18n from './i18n';
-const b = cn('tablets');
-const columns = [
-    {
-        name: 'Type',
-        get header() {
-            return i18n('Type');
-        },
-        render: ({ row }) => {
-            return (_jsxs("span", { children: [row.Type, " ", row.Leader ? _jsx(Text, { color: "secondary", children: "leader" }) : ''] }));
-        },
-    },
-    {
-        name: 'TabletId',
-        get header() {
-            return i18n('Tablet');
-        },
-        render: ({ row }) => {
-            const tabletPath = row.TabletId &&
-                createHref(routes.tablet, { id: row.TabletId }, { nodeId: row.NodeId, type: row.Type });
-            return _jsx(InternalLink, { to: tabletPath, children: row.TabletId });
-        },
-    },
-    {
-        name: 'State',
-        get header() {
-            return i18n('State');
-        },
-        render: ({ row }) => {
-            return _jsx(Label, { theme: mapTabletStateToLabelTheme(row.State), children: row.State });
-        },
-    },
-    {
-        name: 'NodeId',
-        get header() {
-            return i18n('Node ID');
-        },
-        render: ({ row }) => {
-            const nodePath = row.NodeId === undefined ? undefined : getDefaultNodePath(row.NodeId);
-            return _jsx(InternalLink, { to: nodePath, children: row.NodeId });
-        },
-        align: 'right',
-    },
-    {
-        name: 'FQDN',
-        get header() {
-            return i18n('Node FQDN');
-        },
-        render: ({ row }) => {
-            if (!row.fqdn) {
-                return _jsx("span", { children: "\u2014" });
-            }
-            return _jsx(EntityStatus, { name: row.fqdn, showStatus: false, hasClipboardButton: true });
-        },
-    },
-    {
-        name: 'Generation',
-        get header() {
-            return i18n('Generation');
-        },
-        align: 'right',
-    },
-    {
-        name: 'Uptime',
-        get header() {
-            return i18n('Uptime');
-        },
-        render: ({ row }) => {
-            return calcUptime(row.ChangeTime);
-        },
-        sortAccessor: (row) => -Number(row.ChangeTime),
-        align: 'right',
-    },
-    {
-        name: 'Actions',
-        sortable: false,
-        resizeable: false,
-        header: '',
-        render: ({ row }) => {
-            return _jsx(TabletActions, Object.assign({}, row));
-        },
-    },
-];
-function TabletActions(tablet) {
-    const isDisabledRestart = tablet.State === ETabletState.Stopped;
-    const dispatch = useTypedDispatch();
-    return (_jsx(ButtonWithConfirmDialog, { buttonView: "outlined", dialogContent: i18n('dialog.kill'), onConfirmAction: () => {
-            return window.api.killTablet(tablet.TabletId);
-        }, onConfirmActionSuccess: () => {
-            dispatch(tabletsApi.util.invalidateTags(['All']));
-        }, buttonDisabled: isDisabledRestart, children: _jsx(Icon, { data: ArrowsRotateRight }) }));
-}
-export function Tablets({ nodeId, path, className }) {
-    const { autorefresh } = useTypedSelector((state) => state.schema);
-    let params = skipToken;
-    const node = nodeId === undefined ? undefined : String(nodeId);
-    if (node !== undefined) {
-        params = { nodes: [String(node)] };
-    }
-    else if (path) {
-        params = { path };
-    }
-    const { currentData, isFetching, error } = tabletsApi.useGetTabletsInfoQuery(params, {
-        pollingInterval: autorefresh,
-    });
-    const loading = isFetching && currentData === undefined;
-    const tablets = useTypedSelector((state) => selectTabletsWithFqdn(state, node, path));
-    if (loading) {
-        return _jsx(TableSkeleton, {});
-    }
-    if (error) {
-        return _jsx(ResponseError, { error: error });
-    }
-    return (_jsx("div", { className: b(null, className), children: _jsx(ResizeableDataTable, { columns: columns, data: tablets, settings: DEFAULT_TABLE_SETTINGS, emptyDataMessage: i18n('noTabletsData') }) }));
-}

package/dist/containers/Tablets/i18n/en.json

@@ -1,11 +0,0 @@
-{
-    "noTabletsData": "No tablets data",
-    "Type": "Type",
-    "Tablet": "Tablet",
-    "State": "State",
-    "Node ID": "Node ID",
-    "Node FQDN": "Node FQDN",
-    "Generation": "Generation",
-    "Uptime": "Uptime",
-    "dialog.kill": "The tablet will be restarted. Do you want to proceed?"
-}

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

@@ -1,2 +0,0 @@
-declare const _default: (key: "Uptime" | "Type" | "State" | "Generation" | "Tablet" | "Node ID" | "Node FQDN" | "noTabletsData" | "dialog.kill", params?: import("@gravity-ui/i18n").Params | undefined) => string;
-export default _default;

package/dist/containers/Tenant/Diagnostics/Diagnostics.js

@@ -1,132 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Tabs } from '@gravity-ui/uikit';
-import { Helmet } from 'react-helmet-async';
-import { Link } from 'react-router-dom';
-import { StringParam, useQueryParams } from 'use-query-params';
-import { Loader } from '../../../components/Loader';
-import routes, { createHref } from '../../../routes';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../../store/reducers/tenant/constants';
-import { setDiagnosticsTab } from '../../../store/reducers/tenant/tenant';
-import { cn } from '../../../utils/cn';
-import { useTypedDispatch, useTypedSelector } from '../../../utils/hooks';
-import { Heatmap } from '../../Heatmap';
-import { NodesWrapper } from '../../Nodes/NodesWrapper';
-import { StorageWrapper } from '../../Storage/StorageWrapper';
-import { Tablets } from '../../Tablets';
-import { SchemaViewer } from '../Schema/SchemaViewer/SchemaViewer';
-import { TenantTabsGroups } from '../TenantPages';
-import { isDatabaseEntityType } from '../utils/schema';
-import { AutorefreshControl } from './Autorefresh/AutorefreshControl';
-import { Consumers } from './Consumers';
-import Describe from './Describe/Describe';
-import DetailedOverview from './DetailedOverview/DetailedOverview';
-import { DATABASE_PAGES, getPagesByType } from './DiagnosticsPages';
-import { HotKeys } from './HotKeys/HotKeys';
-import { Network } from './Network/Network';
-import { Partitions } from './Partitions/Partitions';
-import { TopQueries } from './TopQueries';
-import { TopShards } from './TopShards';
-import './Diagnostics.scss';
-const b = cn('kv-tenant-diagnostics');
-function Diagnostics(props) {
-    const container = React.useRef(null);
-    const dispatch = useTypedDispatch();
-    const { currentSchemaPath, wasLoaded } = useTypedSelector((state) => state.schema);
-    const { diagnosticsTab = TENANT_DIAGNOSTICS_TABS_IDS.overview } = useTypedSelector((state) => state.tenant);
-    const [queryParams] = useQueryParams({
-        name: StringParam,
-        backend: StringParam,
-        clusterName: StringParam,
-    });
-    const { name: rootTenantName } = queryParams;
-    const tenantName = isDatabaseEntityType(props.type) ? currentSchemaPath : rootTenantName;
-    const isDatabase = isDatabaseEntityType(props.type) || currentSchemaPath === rootTenantName;
-    const pages = React.useMemo(() => {
-        if (isDatabase) {
-            return DATABASE_PAGES;
-        }
-        return getPagesByType(props.type);
-    }, [props.type, isDatabase]);
-    const forwardToDiagnosticTab = (tab) => {
-        dispatch(setDiagnosticsTab(tab));
-    };
-    const activeTab = React.useMemo(() => {
-        if (wasLoaded) {
-            let page = pages.find((el) => el.id === diagnosticsTab);
-            if (!page) {
-                page = pages[0];
-            }
-            if (page && page.id !== diagnosticsTab) {
-                forwardToDiagnosticTab(page.id);
-            }
-            return page;
-        }
-        return undefined;
-    }, [pages, diagnosticsTab, wasLoaded]);
-    const renderTabContent = () => {
-        const { type } = props;
-        const tenantNameString = tenantName;
-        switch (activeTab === null || activeTab === void 0 ? void 0 : activeTab.id) {
-            case TENANT_DIAGNOSTICS_TABS_IDS.overview: {
-                return (_jsx(DetailedOverview, { type: type, tenantName: tenantNameString, additionalTenantProps: props.additionalTenantProps, additionalNodesProps: props.additionalNodesProps }));
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.schema: {
-                return _jsx(SchemaViewer, { path: currentSchemaPath, type: type, withFamilies: true });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.topQueries: {
-                return _jsx(TopQueries, { path: tenantNameString, type: type });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.topShards: {
-                return _jsx(TopShards, { tenantPath: tenantNameString, type: type });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.nodes: {
-                return (_jsx(NodesWrapper, { path: currentSchemaPath, additionalNodesProps: props.additionalNodesProps, parentContainer: container.current }));
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.tablets: {
-                return _jsx(Tablets, { path: currentSchemaPath });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.storage: {
-                return (_jsx(StorageWrapper, { tenant: tenantNameString, parentContainer: container.current }));
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.network: {
-                return _jsx(Network, { path: tenantNameString });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.describe: {
-                return _jsx(Describe, { tenant: tenantNameString, type: type });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.hotKeys: {
-                // @ts-expect-error
-                return _jsx(HotKeys, { path: currentSchemaPath });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.graph: {
-                // @ts-expect-error
-                return _jsx(Heatmap, { path: currentSchemaPath });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.consumers: {
-                // @ts-expect-error
-                return _jsx(Consumers, { path: currentSchemaPath, type: type });
-            }
-            case TENANT_DIAGNOSTICS_TABS_IDS.partitions: {
-                return _jsx(Partitions, { path: currentSchemaPath });
-            }
-            default: {
-                return _jsx("div", { children: "No data..." });
-            }
-        }
-    };
-    const renderTabs = () => {
-        return (_jsx("div", { className: b('header-wrapper'), children: _jsxs("div", { className: b('tabs'), children: [_jsx(Tabs, { size: "l", items: pages, activeTab: activeTab === null || activeTab === void 0 ? void 0 : activeTab.id, wrapTo: ({ id }, node) => {
-                            const path = createHref(routes.tenant, undefined, Object.assign(Object.assign({}, queryParams), { [TenantTabsGroups.diagnosticsTab]: id }));
-                            return (_jsx(Link, { to: path, className: b('tab'), children: node }, id));
-                        }, allowNotSelected: true }), _jsx(AutorefreshControl, {})] }) }));
-    };
-    // Loader prevents incorrect loading of tabs
-    // After tabs are initially loaded it is no longer needed
-    // Thus there is no also "loading" check as in other parts of the project
-    if (!wasLoaded) {
-        return _jsx(Loader, { size: "l" });
-    }
-    return (_jsxs("div", { className: b(), ref: container, children: [activeTab ? (_jsx(Helmet, { children: _jsx("title", { children: activeTab.title }) })) : null, renderTabs(), _jsx("div", { className: b('page-wrapper'), children: renderTabContent() })] }));
-}
-export default Diagnostics;

package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts

@@ -1,146 +0,0 @@
-import type { TenantDiagnosticsTab } from '../../../store/reducers/tenant/types';
-import { EPathType } from '../../../types/api/schema';
-type Page = {
-    id: TenantDiagnosticsTab;
-    title: string;
-};
-export declare const DATABASE_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "topQueries";
-    title: string;
-} | {
-    id: "topShards";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "tablets";
-    title: string;
-} | {
-    id: "storage";
-    title: string;
-} | {
-    id: "network";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-})[];
-export declare const TABLE_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "schema";
-    title: string;
-} | {
-    id: "topShards";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "tablets";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-} | {
-    id: "hotKeys";
-    title: string;
-} | {
-    id: "graph";
-    title: string;
-})[];
-export declare const COLUMN_TABLE_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "schema";
-    title: string;
-} | {
-    id: "topShards";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "tablets";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-} | {
-    id: "graph";
-    title: string;
-})[];
-export declare const DIR_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "topShards";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-})[];
-export declare const CDC_STREAM_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-} | {
-    id: "consumers";
-    title: string;
-} | {
-    id: "partitions";
-    title: string;
-})[];
-export declare const TOPIC_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "nodes";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-} | {
-    id: "consumers";
-    title: string;
-} | {
-    id: "partitions";
-    title: string;
-})[];
-export declare const EXTERNAL_DATA_SOURCE_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-})[];
-export declare const EXTERNAL_TABLE_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-})[];
-export declare const VIEW_PAGES: ({
-    id: "overview";
-    title: string;
-} | {
-    id: "describe";
-    title: string;
-})[];
-export declare const getPagesByType: (type?: EPathType) => Page[];
-export {};