ydb-embedded-ui 9.3.0 → 9.4.0

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/ComputeLocation.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { isEmpty } from 'lodash';
+import { InternalLink } from '../../../../../components/InternalLink';
+import { getTabletPagePath } from '../../../../../routes';
+import { useTenantQueryParams } from '../../../useTenantQueryParams';
+import i18n from '../../i18n';
+import { NodeInfo } from './NodeInfo';
+import { PoolInfo } from './PoolInfo';
+import { IdList, LocationDetails, SectionWithTitle } from './utils';
+const LocationFieldRenderer = {
+    node: (location) => _jsx(NodeInfo, { node: location === null || location === void 0 ? void 0 : location.node }, "node"),
+    pool: (location) => _jsx(PoolInfo, { location: location }, "pool"),
+    tablet: (location) => _jsx(TabletInfo, { location: location }, "tablet"),
+    schema: (location) => _jsx(SchemaInfo, { location: location }, "schema"),
+};
+export function ComputeLocation({ location, hiddenFields = [] }) {
+    const { node, tablet, schema, pool } = location !== null && location !== void 0 ? location : {};
+    const fields = React.useMemo(() => {
+        const fields = [];
+        if (node) {
+            fields.push('node');
+        }
+        if (pool) {
+            fields.push('pool');
+        }
+        if (tablet) {
+            fields.push('tablet');
+        }
+        if (schema) {
+            fields.push('schema');
+        }
+        return fields.filter((field) => !hiddenFields.includes(field));
+    }, [node, pool, tablet, schema, hiddenFields]);
+    if (!location || isEmpty(location) || fields.length === 0) {
+        return null;
+    }
+    return (_jsx(SectionWithTitle, { title: i18n('label_compute_location'), titleVariant: "subheader-2", children: _jsx(Flex, { direction: "column", gap: 2, children: fields.map((field) => LocationFieldRenderer[field](location)) }) }));
+}
+function TabletInfo({ location }) {
+    var _a;
+    const { tablet } = location !== null && location !== void 0 ? location : {};
+    const { database } = useTenantQueryParams();
+    if (!tablet) {
+        return null;
+    }
+    return (_jsx(LocationDetails, { fields: [
+            {
+                value: ((_a = tablet.id) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(IdList, { ids: tablet.id, renderItem: (id) => (_jsx(InternalLink, { to: getTabletPagePath(id, { database }), children: id })) })) : undefined,
+                title: i18n('label_tablet-id'),
+            },
+            { value: tablet.type, title: i18n('label_tablet-type') },
+            { value: tablet.count, title: i18n('label_tablet-count') },
+        ] }));
+}
+function SchemaInfo({ location }) {
+    const { schema } = location !== null && location !== void 0 ? location : {};
+    if (!schema) {
+        return null;
+    }
+    return (_jsx(LocationDetails, { fields: [
+            { value: schema.type, title: i18n('label_schema-type') },
+            { value: schema.path, title: i18n('label_schema-path') },
+        ] }));
+}
+//# sourceMappingURL=ComputeLocation.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/ComputeLocation.js.map

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

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/HealthcheckIssueDetails.d.ts

@@ -0,0 +1,6 @@
+import type { IssuesTree } from '../../../../../store/reducers/healthcheckInfo/types';
+interface HealthcheckIssueDetailsProps {
+    issue: IssuesTree;
+}
+export declare function IssueDetails({ issue }: HealthcheckIssueDetailsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/HealthcheckIssueDetails.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { isEmpty } from 'lodash';
+import { InternalLink } from '../../../../../components/InternalLink';
+import { getTabletPagePath } from '../../../../../routes';
+import { useTenantQueryParams } from '../../../useTenantQueryParams';
+import i18n from '../../i18n';
+import { ComputeLocation } from './ComputeLocation';
+import { NodeInfo } from './NodeInfo';
+import { StorageLocation } from './StorageLocation';
+import { IdList, LocationDetails, SectionWithTitle } from './utils';
+export function IssueDetails({ issue }) {
+    const { database } = useTenantQueryParams();
+    const { location } = issue;
+    const { detailsFields, hiddenStorageFields, hiddenComputeFields } = React.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const hiddenStorageFields = [];
+        const hiddenComputeFields = [];
+        const fields = [
+            { value: issue.message, title: i18n('label_description') },
+        ];
+        if (issue.type === 'STORAGE_POOL') {
+            fields.push({
+                value: (_c = (_b = (_a = issue.location) === null || _a === void 0 ? void 0 : _a.storage) === null || _b === void 0 ? void 0 : _b.pool) === null || _c === void 0 ? void 0 : _c.name,
+                title: i18n('label_pool-name'),
+            });
+            hiddenStorageFields.push('pool');
+        }
+        if (issue.type === 'COMPUTE_POOL') {
+            fields.push({
+                value: (_f = (_e = (_d = issue.location) === null || _d === void 0 ? void 0 : _d.compute) === null || _e === void 0 ? void 0 : _e.pool) === null || _f === void 0 ? void 0 : _f.name,
+                title: i18n('label_pool-name'),
+            });
+            hiddenComputeFields.push('pool');
+        }
+        if (issue.type === 'TABLET') {
+            const tablet = (_h = (_g = issue.location) === null || _g === void 0 ? void 0 : _g.compute) === null || _h === void 0 ? void 0 : _h.tablet;
+            fields.push({
+                value: ((_j = tablet === null || tablet === void 0 ? void 0 : tablet.id) === null || _j === void 0 ? void 0 : _j.length) ? (_jsx(IdList, { ids: tablet.id, renderItem: (id) => (_jsx(InternalLink, { to: getTabletPagePath(id, { database }), children: id })) })) : undefined,
+                title: i18n('label_tablet-id'),
+            }, {
+                value: tablet === null || tablet === void 0 ? void 0 : tablet.type,
+                title: i18n('label_tablet-type'),
+            }, {
+                value: tablet === null || tablet === void 0 ? void 0 : tablet.count,
+                title: i18n('label_tablet-count'),
+            });
+            hiddenComputeFields.push('tablet');
+        }
+        return { detailsFields: fields, hiddenComputeFields, hiddenStorageFields };
+    }, [issue, database]);
+    return (_jsxs(Flex, { direction: "column", gap: 4, children: [_jsx(LocationDetails, { title: i18n('label_details'), fields: detailsFields, titleVariant: "subheader-2" }), _jsx(StorageLocation, { location: location.storage, hiddenFields: hiddenStorageFields }), _jsx(ComputeLocation, { location: location.compute, hiddenFields: hiddenComputeFields }), _jsx(NodeLocation, { location: location.node }), _jsx(PeerLocation, { location: location.peer })] }));
+}
+function NodeLocation({ location }) {
+    if (!location || isEmpty(location)) {
+        return null;
+    }
+    return (_jsx(SectionWithTitle, { title: i18n('label_node_location'), children: _jsx(NodeInfo, { node: location }) }));
+}
+function PeerLocation({ location }) {
+    if (!location || isEmpty(location)) {
+        return null;
+    }
+    return (_jsx(SectionWithTitle, { title: i18n('label_peer_location'), children: _jsx(NodeInfo, { node: location }) }));
+}
+//# sourceMappingURL=HealthcheckIssueDetails.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/HealthcheckIssueDetails.js.map

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

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/NodeInfo.d.ts

@@ -0,0 +1,7 @@
+import type { Location } from '../../../../../types/api/healthcheck';
+interface NodeInfoProps {
+    node?: Location['node'];
+    title?: string;
+}
+export declare function NodeInfo({ node, title }: NodeInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/NodeInfo.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InternalLink } from '../../../../../components/InternalLink';
+import { getDefaultNodePath } from '../../../../Node/NodePages';
+import { useTenantQueryParams } from '../../../useTenantQueryParams';
+import i18n from '../../i18n';
+import { LocationDetails } from './utils';
+export function NodeInfo({ node, title }) {
+    const { database } = useTenantQueryParams();
+    if (!node) {
+        return null;
+    }
+    const nodeLink = node.id ? (_jsx(InternalLink, { to: getDefaultNodePath(node.id, { database }), children: node.id })) : undefined;
+    return (_jsx(LocationDetails, { title: title, fields: [
+            { value: nodeLink, title: i18n('label_node-id') },
+            { value: node.host, title: i18n('label_node-host'), copy: node.host },
+            { value: node.port, title: i18n('label_node-port') },
+        ] }));
+}
+//# sourceMappingURL=NodeInfo.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/NodeInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeInfo.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/NodeInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AACnE,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,MAAM,UAAU,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAgB;IACjD,MAAM,EAAC,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CACvB,KAAC,YAAY,IAAC,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAC,QAAQ,EAAC,CAAC,YAAG,IAAI,CAAC,EAAE,GAAgB,CACtF,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACH,KAAC,eAAe,IACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;YACJ,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAAC;YAC/C,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC;YACnE,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAC;SACrD,GACH,CACL,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/PoolInfo.d.ts

@@ -0,0 +1,6 @@
+import type { Location } from '../../../../../types/api/healthcheck';
+interface PoolInfoProps {
+    location?: Location['storage'] | Location['compute'];
+}
+export declare function PoolInfo({ location }: PoolInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/PoolInfo.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import i18n from '../../i18n';
+import { LocationDetails } from './utils';
+export function PoolInfo({ location }) {
+    const { pool } = location !== null && location !== void 0 ? location : {};
+    const { name } = pool !== null && pool !== void 0 ? pool : {};
+    if (!name) {
+        return null;
+    }
+    return _jsx(LocationDetails, { fields: [{ value: name, title: i18n('label_pool-name') }] });
+}
+//# sourceMappingURL=PoolInfo.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/PoolInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoolInfo.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/PoolInfo.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAMxC,MAAM,UAAU,QAAQ,CAAC,EAAC,QAAQ,EAAgB;IAC9C,MAAM,EAAC,IAAI,EAAC,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC;IAC9B,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;IAE1B,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAC,eAAe,IAAC,MAAM,EAAE,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAC,CAAC,GAAI,CAAC;AACxF,CAAC"}

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/StorageLocation.d.ts

@@ -0,0 +1,9 @@
+import type { Location } from '../../../../../types/api/healthcheck';
+export type LocationFieldStorage = 'pool' | 'node' | 'pdisk' | 'vdisk' | 'group';
+type StorageLocationType = Location['storage'];
+interface StorageLocationProps {
+    location: StorageLocationType;
+    hiddenFields?: LocationFieldStorage[];
+}
+export declare function StorageLocation({ location, hiddenFields }: StorageLocationProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/StorageLocation.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { isEmpty } from 'lodash';
+import { InternalLink } from '../../../../../components/InternalLink';
+import { getPDiskPagePath, getVDiskPagePath } from '../../../../../routes';
+import i18n from '../../i18n';
+import { NodeInfo } from './NodeInfo';
+import { PoolInfo } from './PoolInfo';
+import { IdList, LocationDetails, SectionWithTitle } from './utils';
+const LocationFieldRenderer = {
+    node: (location) => _jsx(NodeInfo, { node: location === null || location === void 0 ? void 0 : location.node }, "node"),
+    pool: (location) => _jsx(PoolInfo, { location: location }, "pool"),
+    group: (location) => _jsx(GroupInfo, { location: location }, "group"),
+    vdisk: (location) => _jsx(VDiskInfo, { location: location }, "vdisk"),
+    pdisk: (location) => _jsx(PDiskInfo, { location: location }, "pdisk"),
+};
+export function StorageLocation({ location, hiddenFields = [] }) {
+    const { node, pool } = location !== null && location !== void 0 ? location : {};
+    const { group } = pool !== null && pool !== void 0 ? pool : {};
+    const { vdisk } = group !== null && group !== void 0 ? group : {};
+    const { pdisk } = vdisk !== null && vdisk !== void 0 ? vdisk : {};
+    const fields = React.useMemo(() => {
+        const fields = [];
+        if (node) {
+            fields.push('node');
+        }
+        if (pool) {
+            fields.push('pool');
+        }
+        if (group) {
+            fields.push('group');
+        }
+        if (vdisk) {
+            fields.push('vdisk');
+        }
+        if (pdisk) {
+            fields.push('pdisk');
+        }
+        return fields.filter((field) => !hiddenFields.includes(field));
+    }, [node, pool, group, vdisk, pdisk, hiddenFields]);
+    if (!location || isEmpty(location) || fields.length === 0) {
+        return null;
+    }
+    return (_jsx(SectionWithTitle, { title: i18n('label_storage_location'), titleVariant: "subheader-2", children: _jsx(Flex, { direction: "column", gap: 2, children: fields.map((field) => LocationFieldRenderer[field](location)) }) }));
+}
+function GroupInfo({ location }) {
+    const { pool } = location !== null && location !== void 0 ? location : {};
+    const { group } = pool !== null && pool !== void 0 ? pool : {};
+    const ids = group === null || group === void 0 ? void 0 : group.id;
+    if (!(ids === null || ids === void 0 ? void 0 : ids.length)) {
+        return null;
+    }
+    return (_jsx(LocationDetails, { fields: [
+            {
+                value: (ids === null || ids === void 0 ? void 0 : ids.length) ? _jsx(IdList, { ids: ids }) : undefined,
+                title: i18n('label_group-id'),
+            },
+        ] }));
+}
+function VDiskInfo({ location }) {
+    const { node, pool } = location !== null && location !== void 0 ? location : {};
+    const { group } = pool !== null && pool !== void 0 ? pool : {};
+    const { vdisk } = group !== null && group !== void 0 ? group : {};
+    const ids = vdisk === null || vdisk === void 0 ? void 0 : vdisk.id;
+    if (!(ids === null || ids === void 0 ? void 0 : ids.length)) {
+        return null;
+    }
+    return (_jsx(LocationDetails, { fields: [
+            {
+                value: (ids === null || ids === void 0 ? void 0 : ids.length) ? (_jsx(IdList, { ids: ids, renderItem: (id) => (_jsx(InternalLink, { to: getVDiskPagePath({
+                            vDiskId: id,
+                            nodeId: node === null || node === void 0 ? void 0 : node.id,
+                        }), children: id })) })) : undefined,
+                title: i18n('label_vdisk-id'),
+            },
+        ] }));
+}
+function PDiskInfo({ location }) {
+    const { node, pool } = location !== null && location !== void 0 ? location : {};
+    const { group } = pool !== null && pool !== void 0 ? pool : {};
+    const { vdisk } = group !== null && group !== void 0 ? group : {};
+    const { pdisk } = vdisk !== null && vdisk !== void 0 ? vdisk : {};
+    if (!(pdisk === null || pdisk === void 0 ? void 0 : pdisk.length)) {
+        return null;
+    }
+    return pdisk.map((disk) => (_jsx(LocationDetails, { fields: [
+            {
+                value: disk.id && (node === null || node === void 0 ? void 0 : node.id) ? (_jsx(InternalLink, { to: getPDiskPagePath(disk.id, node.id), children: disk.id })) : (disk.id),
+                title: i18n('label_pdisk-id'),
+            },
+            { value: disk.path, title: i18n('label_pdisk-path') },
+        ] }, disk.id)));
+}
+//# sourceMappingURL=StorageLocation.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/StorageLocation.js.map

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

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/utils.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { FlexProps, TextProps } from '@gravity-ui/uikit';
+interface SectionWithTitleProps {
+    title?: string;
+    children: React.ReactNode;
+    titleVariant?: TextProps['variant'];
+    gap?: FlexProps['gap'];
+}
+export declare function SectionWithTitle({ title, children, titleVariant, gap, }: SectionWithTitleProps): import("react/jsx-runtime").JSX.Element;
+interface LocationDetailsProps {
+    title?: string;
+    fields: {
+        value?: React.ReactNode;
+        title: string;
+        copy?: string;
+    }[];
+    titleVariant?: TextProps['variant'];
+}
+export declare function LocationDetails({ title, fields, titleVariant }: LocationDetailsProps): import("react/jsx-runtime").JSX.Element | null;
+interface IdListProps {
+    ids: string[];
+    renderItem?: (id: string) => React.ReactNode;
+}
+export declare function IdList({ ids, renderItem }: IdListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/utils.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { DefinitionList, Flex, Text } from '@gravity-ui/uikit';
+export function SectionWithTitle({ title, children, titleVariant = 'body-2', gap = 2, }) {
+    return (_jsxs(Flex, { direction: "column", gap: gap, children: [title && _jsx(Text, { variant: titleVariant, children: title }), children] }));
+}
+export function LocationDetails({ title, fields, titleVariant }) {
+    const filteredFields = fields.filter((f) => f.value);
+    if (filteredFields.length === 0) {
+        return null;
+    }
+    return (_jsx(SectionWithTitle, { title: title, titleVariant: titleVariant, children: _jsx(DefinitionList, { nameMaxWidth: 200, children: filteredFields.map((field) => (_jsx(DefinitionList.Item, { name: field.title, copyText: field.copy, children: field.value }, field.title))) }) }));
+}
+export function IdList({ ids, renderItem }) {
+    return (_jsx(Flex, { direction: "column", gap: 1, children: ids.map((id) => (_jsx(React.Fragment, { children: renderItem ? renderItem(id) : id }, id))) }));
+}
+//# sourceMappingURL=utils.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckIssueDetails/utils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAS7D,MAAM,UAAU,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,GAAG,GAAG,CAAC,GACa;IACpB,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,aAC5B,KAAK,IAAI,KAAC,IAAI,IAAC,OAAO,EAAE,YAAY,YAAG,KAAK,GAAQ,EACpD,QAAQ,IACN,CACV,CAAC;AACN,CAAC;AAQD,MAAM,UAAU,eAAe,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAuB;IAC/E,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAErD,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,YACtD,KAAC,cAAc,IAAC,YAAY,EAAE,GAAG,YAC5B,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,cAAc,CAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAoB,QAAQ,EAAE,KAAK,CAAC,IAAI,YACzE,KAAK,CAAC,KAAK,IAD6B,KAAK,CAAC,KAAK,CAElC,CACzB,CAAC,GACW,GACF,CACtB,CAAC;AACN,CAAC;AAOD,MAAM,UAAU,MAAM,CAAC,EAAC,GAAG,EAAE,UAAU,EAAc;IACjD,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,YAC1B,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACb,KAAC,KAAK,CAAC,QAAQ,cAAW,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAArC,EAAE,CAAqD,CAC/E,CAAC,GACC,CACV,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueTabs.d.ts

@@ -0,0 +1,8 @@
+import type { IssuesTree } from '../../../../store/reducers/healthcheckInfo/types';
+interface HealthcheckIssueTabsProps {
+    parents: IssuesTree[];
+    selectedTab: string;
+    setSelectedTab: (tab: string) => void;
+}
+export declare function HealthcheckIssueTabs({ parents, selectedTab, setSelectedTab, }: HealthcheckIssueTabsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueTabs.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Text } from '@gravity-ui/uikit';
+import { b } from '../shared';
+function getTypeText(type) {
+    const normalizedType = type.split('_').join(' ');
+    let result = normalizedType.charAt(0).toUpperCase() + normalizedType.slice(1).toLowerCase();
+    result = result.replace(/\bvdisk\b/gi, 'VDisk').replace(/\bpdisk\b/gi, 'PDisk');
+    return result;
+}
+export function HealthcheckIssueTabs({ parents, selectedTab, setSelectedTab, }) {
+    //parent.length === 1 means that it's only issue itself, no need to render tabs
+    if (parents.length <= 1) {
+        return null;
+    }
+    return (_jsx(Flex, { gap: 2, wrap: "nowrap", children: parents.map((parent, index) => (_jsxs(Flex, { gap: 2, wrap: "nowrap", children: [_jsx(HealthcjeckIssueTab, { active: parent.id === selectedTab, onClick: () => setSelectedTab(parent.id), children: _jsxs(Flex, { gap: 2, wrap: "nowrap", alignItems: "center", children: [_jsx(TabStatus, { status: parent.status }), getTypeText(parent.type)] }) }), index !== parents.length - 1 && _jsx(Text, { color: "secondary", children: "/" })] }, parent.id))) }));
+}
+function HealthcjeckIssueTab({ children, active, onClick }) {
+    return (_jsx(Text, { variant: "body-2", color: active ? 'primary' : 'secondary', className: b('issue-tab', { active }), onClick: onClick, children: children }));
+}
+function TabStatus({ status }) {
+    return _jsx("div", { className: b('tab-status', { [status.toLowerCase()]: true }) });
+}
+//# sourceMappingURL=HealthcheckIssueTabs.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssueTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthcheckIssueTabs.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckIssueTabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAI7C,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAE5B,SAAS,WAAW,CAAC,IAAY;IAC7B,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjD,IAAI,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAChF,OAAO,MAAM,CAAC;AAClB,CAAC;AAQD,MAAM,UAAU,oBAAoB,CAAC,EACjC,OAAO,EACP,WAAW,EACX,cAAc,GACU;IACxB,+EAA+E;IAC/E,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAkB,IAAI,EAAC,QAAQ,aACvC,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,WAAW,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,YAExC,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,aAC3C,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,EACnC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IACtB,GACW,EACrB,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,kBAAS,KAVlD,MAAM,CAAC,EAAE,CAWrB,CACV,CAAC,GACC,CACV,CAAC;AACN,CAAC;AAQD,SAAS,mBAAmB,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAA2B;IAC9E,OAAO,CACH,KAAC,IAAI,IACD,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACvC,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,MAAM,EAAC,CAAC,EACnC,OAAO,EAAE,OAAO,YAEf,QAAQ,GACN,CACV,CAAC;AACN,CAAC;AAMD,SAAS,SAAS,CAAC,EAAC,MAAM,EAAiB;IACvC,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI,EAAC,CAAC,GAAI,CAAC;AAC/E,CAAC"}

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssues.d.ts

@@ -0,0 +1,6 @@
+import type { IssuesTree } from '../../../../store/reducers/healthcheckInfo/types';
+interface IssuesProps {
+    issues: IssuesTree[];
+}
+export declare function Issues({ issues }: IssuesProps): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssues.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { NoSearchResults } from '@gravity-ui/illustrations';
+import { Flex } from '@gravity-ui/uikit';
+import { EmptyState } from '../../../../components/EmptyState';
+import { useTenantQueryParams } from '../../useTenantQueryParams';
+import i18n from '../i18n';
+import { HealthcheckIssue } from './HealthcheckIssue';
+export function Issues({ issues }) {
+    const { view, issuesFilter } = useTenantQueryParams();
+    const filteredIssues = React.useMemo(() => {
+        const normalizedFilter = issuesFilter === null || issuesFilter === void 0 ? void 0 : issuesFilter.toLowerCase().trim();
+        if (!normalizedFilter) {
+            return issues;
+        }
+        return issues.filter((issue) => {
+            const stack = Object.values(issue);
+            while (stack.length) {
+                const value = stack.pop();
+                if (typeof value === 'object') {
+                    stack.push(...Object.values(value));
+                }
+                else if (String(value).toLowerCase().includes(normalizedFilter)) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }, [issues, issuesFilter]);
+    const filteredIssuesCurrentView = React.useMemo(() => view
+        ? filteredIssues.filter((issue) => {
+            const type = issue.firstParentType || issue.type;
+            return type.toLowerCase().startsWith(view);
+        })
+        : [], [filteredIssues, view]);
+    if (filteredIssuesCurrentView.length === 0) {
+        return (_jsx(Flex, { grow: 1, justifyContent: "center", alignItems: "center", children: _jsx(EmptyState, { image: _jsx(NoSearchResults, { width: 100, height: 100 }), position: "center", size: "xs", title: i18n('label_no-issues'), description: i18n('description_no-issues') }) }));
+    }
+    return filteredIssuesCurrentView.map((issue) => (_jsx(HealthcheckIssue, { issue: issue, expanded: Boolean(issuesFilter) }, issue.id + Boolean(issuesFilter))));
+}
+//# sourceMappingURL=HealthcheckIssues.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthcheckIssues.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckIssues.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAE7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAChE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAMpD,MAAM,UAAU,MAAM,CAAC,EAAC,MAAM,EAAc;IACxC,MAAM,EAAC,IAAI,EAAE,YAAY,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEpD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,gBAAgB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,GAAG,IAAI,EAAE,CAAC;QAC5D,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpB,OAAO,MAAM,CAAC;QAClB,CAAC;QACD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;gBAClB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;gBAC1B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC5B,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxC,CAAC;qBAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAChE,OAAO,IAAI,CAAC;gBAChB,CAAC;YACL,CAAC;YACD,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,MAAM,yBAAyB,GAAG,KAAK,CAAC,OAAO,CAC3C,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,IAAI,CAAC;YACjD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,CAAC;QACJ,CAAC,CAAC,EAAE,EACZ,CAAC,cAAc,EAAE,IAAI,CAAC,CACzB,CAAC;IAEF,IAAI,yBAAyB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzC,OAAO,CACH,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,YACtD,KAAC,UAAU,IACP,KAAK,EAAE,KAAC,eAAe,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,EACnD,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAC9B,WAAW,EAAE,IAAI,CAAC,uBAAuB,CAAC,GAC5C,GACC,CACV,CAAC;IACN,CAAC;IAED,OAAO,yBAAyB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,gBAAgB,IACb,KAAK,EAAE,KAAK,EAEZ,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,IAD1B,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,YAAY,CAAC,CAEvC,CACL,CAAC,CAAC;AACP,CAAC"}

package/dist/containers/Tenant/Healthcheck/components/HealthcheckRefresh.d.ts

@@ -0,0 +1,6 @@
+interface HealthcheckRefreshProps {
+    lastFullfiled?: number;
+    refresh: () => void;
+}
+export declare function HealthcheckRefresh({ lastFullfiled, refresh }: HealthcheckRefreshProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckRefresh.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { duration } from '@gravity-ui/date-utils';
+import { ArrowsRotateLeft } from '@gravity-ui/icons';
+import { ActionTooltip, Button, Flex, Text } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
+import { DAY_IN_SECONDS, HOUR_IN_SECONDS, SECOND_IN_MS } from '../../../../utils/constants';
+import i18n from '../i18n';
+function getPassedMilliseconds(lastFullfiled = 0) {
+    return Date.now() - lastFullfiled;
+}
+export function HealthcheckRefresh({ lastFullfiled, refresh }) {
+    const [passedFromLastFullfiled, setPassedFromLastFullfiled] = React.useState(getPassedMilliseconds(lastFullfiled));
+    React.useEffect(() => {
+        setPassedFromLastFullfiled(getPassedMilliseconds(lastFullfiled));
+        const interval = setInterval(() => {
+            setPassedFromLastFullfiled(getPassedMilliseconds(lastFullfiled));
+        }, 60 * SECOND_IN_MS);
+        return () => clearInterval(interval);
+    }, [lastFullfiled]);
+    const renderPassedFromLastFullfiled = () => {
+        if (isNil(lastFullfiled)) {
+            return null;
+        }
+        const showHours = passedFromLastFullfiled > HOUR_IN_SECONDS * SECOND_IN_MS;
+        const showDays = passedFromLastFullfiled > DAY_IN_SECONDS * SECOND_IN_MS;
+        const preparedDuration = duration(passedFromLastFullfiled);
+        let durationText = '';
+        if (showDays) {
+            const days = preparedDuration.asDays();
+            durationText = i18n('description_days', { count: Math.round(days) });
+        }
+        else if (showHours) {
+            const hours = preparedDuration.asHours();
+            durationText = i18n('description_hours', { count: Math.round(hours) });
+        }
+        else {
+            const minutes = preparedDuration.asMinutes();
+            durationText = i18n('description_minutes', { count: Math.round(minutes) });
+        }
+        return _jsx(Text, { color: "secondary", children: durationText });
+    };
+    return (_jsxs(Flex, { gap: 2, alignItems: "center", children: [renderPassedFromLastFullfiled(), _jsx(ActionTooltip, { title: i18n('action_refresh'), children: _jsx(Button, { view: "outlined", onClick: () => {
+                        refresh();
+                    }, children: _jsx(Button.Icon, { children: _jsx(ArrowsRotateLeft, {}) }) }) })] }));
+}
+//# sourceMappingURL=HealthcheckRefresh.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckRefresh.js.map

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

package/dist/containers/Tenant/Healthcheck/components/HealthcheckView.d.ts

@@ -0,0 +1,8 @@
+import type { CommonIssueType } from '../shared';
+interface HealthcheckViewProps<T extends string = CommonIssueType> {
+    issuesCount: Record<T, number>;
+    viewTitles?: Record<T, string>;
+    sortOrder?: T[];
+}
+export declare function HealthcheckView({ issuesCount, viewTitles, sortOrder, }: HealthcheckViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Healthcheck/components/HealthcheckView.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { RadioButton, Text } from '@gravity-ui/uikit';
+import { uiFactory } from '../../../../uiFactory/uiFactory';
+import { useTenantQueryParams } from '../../useTenantQueryParams';
+import { b } from '../shared';
+const HealthcheckViewValues = {
+    storage: 'storage',
+    compute: 'compute',
+};
+export function HealthcheckView({ issuesCount, viewTitles = uiFactory.healthcheck.getHealthckechViewTitles(), sortOrder = uiFactory.healthcheck.getHealthcheckViewsOrder(), }) {
+    const { view, handleHealthcheckViewChange, handleIssuesFilterChange } = useTenantQueryParams();
+    const issuesTypes = React.useMemo(() => Object.keys(issuesCount), [issuesCount]);
+    React.useEffect(() => {
+        if (view) {
+            return;
+        }
+        if (issuesCount[HealthcheckViewValues.storage]) {
+            handleHealthcheckViewChange(HealthcheckViewValues.storage);
+        }
+        else if (issuesCount[HealthcheckViewValues.compute]) {
+            handleHealthcheckViewChange(HealthcheckViewValues.compute);
+        }
+        else {
+            const firstIssueTypeWithIssues = sortOrder.find((issueType) => issuesCount[issueType] > 0);
+            handleHealthcheckViewChange(firstIssueTypeWithIssues);
+        }
+    }, [view, handleHealthcheckViewChange, issuesCount, issuesTypes, sortOrder]);
+    const renderCount = (view) => {
+        var _a;
+        return _jsx(Text, { color: "secondary", children: (_a = issuesCount[view]) !== null && _a !== void 0 ? _a : 0 });
+    };
+    const renderHealthcheckViewOption = (view) => {
+        var _a;
+        return (_jsxs(RadioButton.Option, { value: view, children: [(_a = viewTitles[view]) !== null && _a !== void 0 ? _a : view, "\u00A0", renderCount(view)] }, view));
+    };
+    return (_jsx(RadioButton, { value: view, onUpdate: (newView) => {
+            handleHealthcheckViewChange(newView);
+            handleIssuesFilterChange('');
+        }, className: b('control-wrapper'), children: sortOrder.map((type) => renderHealthcheckViewOption(type)) }));
+}
+//# sourceMappingURL=HealthcheckView.js.map

package/dist/containers/Tenant/Healthcheck/components/HealthcheckView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HealthcheckView.js","sourceRoot":"","sources":["../../../../../src/containers/Tenant/Healthcheck/components/HealthcheckView.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAC,CAAC,EAAC,MAAM,WAAW,CAAC;AAE5B,MAAM,qBAAqB,GAAoC;IAC3D,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACrB,CAAC;AAQF,MAAM,UAAU,eAAe,CAAC,EAC5B,WAAW,EACX,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC,wBAAwB,EAAE,EAC7D,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,wBAAwB,EAAE,GACzC;IACnB,MAAM,EAAC,IAAI,EAAE,2BAA2B,EAAE,wBAAwB,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAE7F,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,IAAI,EAAE,CAAC;YACP,OAAO;QACX,CAAC;QACD,IAAI,WAAW,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7C,2BAA2B,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC/D,CAAC;aAAM,IAAI,WAAW,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;YACpD,2BAA2B,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACJ,MAAM,wBAAwB,GAAG,SAAS,CAAC,IAAI,CAC3C,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAC5C,CAAC;YACF,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;QAC1D,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,CAAC,IAAgC,EAAE,EAAE;;QACrD,OAAO,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,YAAE,MAAA,WAAW,CAAC,IAAI,CAAC,mCAAI,CAAC,GAAQ,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,CAAC,IAAgC,EAAE,EAAE;;QACrE,OAAO,CACH,MAAC,WAAW,CAAC,MAAM,IAAC,KAAK,EAAE,IAAI,aAC1B,MAAA,UAAU,CAAC,IAAI,CAAC,mCAAI,IAAI,YACxB,WAAW,CAAC,IAAI,CAAC,KAFgB,IAAI,CAGrB,CACxB,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;YAClB,2BAA2B,CAAC,OAAO,CAAC,CAAC;YACrC,wBAAwB,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,YAE9B,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,GACjD,CACjB,CAAC;AACN,CAAC"}