ydb-embedded-ui 11.2.0 → 11.3.0

package/dist/containers/StorageGroupPage/StorageGroupPage.js

@@ -15,6 +15,7 @@ import { EFlag } from '../../types/api/enums';
 import { valueIsDefined } from '../../utils';
 import { cn } from '../../utils/cn';
 import { useAutoRefreshInterval, useTypedDispatch } from '../../utils/hooks';
+import { useAppTitle } from '../App/AppTitleContext';
 import { PaginatedStorage } from '../Storage/PaginatedStorage';
 import { storageGroupPageKeyset } from './i18n';
 import './StorageGroupPage.scss';
@@ -38,11 +39,12 @@ export function StorageGroupPage() {
     });
     const storageGroupData = (_b = (_a = groupQuery.data) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b[0];
     const loading = groupQuery.isFetching && storageGroupData === undefined;
+    const { appTitle } = useAppTitle();
     const renderHelmet = () => {
         const pageTitle = groupId
             ? `${storageGroupPageKeyset('storage-group')} ${groupId}`
             : storageGroupPageKeyset('storage-group');
-        return (_jsx(Helmet, { titleTemplate: `%s - ${pageTitle} — YDB Monitoring`, defaultTitle: `${pageTitle} — YDB Monitoring` }));
+        return (_jsx(Helmet, { titleTemplate: `%s - ${pageTitle} — ${appTitle}`, defaultTitle: `${pageTitle} — ${appTitle}` }));
     };
     const renderPageMeta = () => {
         if (!groupId) {

package/dist/containers/StorageGroupPage/StorageGroupPage.js.map

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

package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.js

@@ -10,7 +10,7 @@ export const defaultDashboardConfig = [
         ],
     },
     {
-        title: i18n('charts.transaction-latency', { percentile: '' }),
+        title: i18n('charts.queries-latency', { percentile: '' }),
         metrics: [
             {
                 target: 'queries.latencies.p50',

package/dist/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultDashboardConfig.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACjD;QACI,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC;QACxC,OAAO,EAAE;YACL;gBACI,MAAM,EAAE,kBAAkB;gBAC1B,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC;aAC3C;SACJ;KACJ;IACD;QACI,KAAK,EAAE,IAAI,CAAC,4BAA4B,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC,CAAC;QAC3D,OAAO,EAAE;YACL;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;SACJ;QACD,OAAO,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACnB;KACJ;CACJ,CAAC"}
+{"version":3,"file":"defaultDashboardConfig.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/DefaultOverviewContent/defaultDashboardConfig.ts"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACjD;QACI,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC;QACxC,OAAO,EAAE;YACL;gBACI,MAAM,EAAE,kBAAkB;gBAC1B,KAAK,EAAE,IAAI,CAAC,2BAA2B,CAAC;aAC3C;SACJ;KACJ;IACD;QACI,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC,CAAC;QACvD,OAAO,EAAE;YACL;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;YACD;gBACI,MAAM,EAAE,uBAAuB;gBAC/B,KAAK,EAAE,KAAK;aACf;SACJ;QACD,OAAO,EAAE;YACL,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;SACnB;KACJ;CACJ,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.scss

@@ -1,5 +1,6 @@
 .ydb-healthcheck-preview {
     $block: &;
+    border-radius: var(--g-border-radius-s);
 
     &__skeleton {
         width: 100%;

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.d.ts

@@ -1,13 +1,5 @@
 import type { TenantMetricStats, TenantPoolsStats, TenantStorageStats } from '../../../../../store/reducers/tenants/utils';
 import './MetricsCards.scss';
-export interface TenantMetrics {
-    memoryUsed?: number;
-    memoryLimit?: number;
-    cpuUsed?: number;
-    cpuUsage?: number;
-    storageUsed?: number;
-    storageLimit?: number;
-}
 interface MetricsCardsProps {
     poolsCpuStats?: TenantPoolsStats[];
     memoryStats?: TenantMetricStats[];

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

@@ -1,121 +1,54 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@gravity-ui/uikit';
 import { Link, useLocation } from 'react-router-dom';
 import { parseQuery } from '../../../../../routes';
 import { TENANT_METRICS_TABS_IDS } from '../../../../../store/reducers/tenant/constants';
-import { METRIC_STATUS, MetricStatusToSeverity, } from '../../../../../store/reducers/tenants/contants';
-import { getMetricStatusFromUsage } from '../../../../../store/reducers/tenants/utils';
-import { formatBytes } from '../../../../../utils/bytesParsers';
 import { cn } from '../../../../../utils/cn';
 import { SHOW_NETWORK_UTILIZATION } from '../../../../../utils/constants';
-import { formatStorageValues } from '../../../../../utils/dataFormatters/dataFormatters';
 import { useSetting, useTypedSelector } from '../../../../../utils/hooks';
+import { calculateMetricAggregates } from '../../../../../utils/metrics';
+import { formatCoresLegend, formatStorageLegend, } from '../../../../../utils/metrics/formatMetricLegend';
 import { TenantTabsGroups, getTenantPath } from '../../../TenantPages';
+import { TabCard } from '../TabCard/TabCard';
 import i18n from '../i18n';
-import { MetricCard } from './MetricCard/MetricCard';
 import './MetricsCards.scss';
-const b = cn('metrics-cards');
+const b = cn('tenant-metrics-cards');
 export function MetricsCards({ poolsCpuStats, memoryStats, blobStorageStats, tabletStorageStats, networkStats, }) {
     const location = useLocation();
     const { metricsTab } = useTypedSelector((state) => state.tenant);
     const queryParams = parseQuery(location);
-    // Allow tabs untoggle behaviour
-    const getTabIfNotActive = (tab) => {
-        if (tab === metricsTab) {
-            return '';
-        }
-        return tab;
-    };
     const tabLinks = {
         [TENANT_METRICS_TABS_IDS.cpu]: getTenantPath({
             ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.cpu),
+            [TenantTabsGroups.metricsTab]: TENANT_METRICS_TABS_IDS.cpu,
         }),
         [TENANT_METRICS_TABS_IDS.storage]: getTenantPath({
             ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.storage),
+            [TenantTabsGroups.metricsTab]: TENANT_METRICS_TABS_IDS.storage,
         }),
         [TENANT_METRICS_TABS_IDS.memory]: getTenantPath({
             ...queryParams,
-            [TenantTabsGroups.metricsTab]: getTabIfNotActive(TENANT_METRICS_TABS_IDS.memory),
+            [TenantTabsGroups.metricsTab]: TENANT_METRICS_TABS_IDS.memory,
         }),
     };
-    return (_jsxs("div", { className: b(), children: [_jsx(Link, { to: tabLinks.cpu, className: b('tab'), children: _jsx(CPUCard, { poolsCpuStats: poolsCpuStats, active: metricsTab === TENANT_METRICS_TABS_IDS.cpu }) }), _jsx(Link, { to: tabLinks.storage, className: b('tab'), children: _jsx(StorageCard, { blobStorageStats: blobStorageStats, tabletStorageStats: tabletStorageStats, active: metricsTab === TENANT_METRICS_TABS_IDS.storage }) }), _jsx(Link, { to: tabLinks.memory, className: b('tab'), children: _jsx(MemoryCard, { memoryStats: memoryStats, active: metricsTab === TENANT_METRICS_TABS_IDS.memory }) }), _jsx(NetworkCard, { networkStats: networkStats })] }));
-}
-function CPUCard({ poolsCpuStats = [], active }) {
-    let status = METRIC_STATUS.Unspecified;
-    const metrics = poolsCpuStats
-        // Use only pools that directly indicate resources available to perform user queries
-        .filter((pool) => !(pool.name === 'Batch' || pool.name === 'IO'))
-        .map((pool) => {
-        const { name, usage, limit, used } = pool;
-        const poolStatus = getMetricStatusFromUsage(usage);
-        if (MetricStatusToSeverity[poolStatus] > MetricStatusToSeverity[status]) {
-            status = poolStatus;
-        }
-        return {
-            title: name,
-            value: used,
-            capacity: limit,
-        };
-    });
-    return (_jsx(MetricCard, { label: i18n('cards.cpu-label'), active: active, metrics: metrics, status: status }));
-}
-function StorageCard({ blobStorageStats = [], tabletStorageStats, active }) {
-    let status = METRIC_STATUS.Unspecified;
-    // Display tablet storage stats if limits are set and blob storage stats otherwise
-    const storageStats = tabletStorageStats || blobStorageStats;
-    const metrics = storageStats.map((metric) => {
-        const { name, used, limit, usage } = metric;
-        const metircStatus = getMetricStatusFromUsage(usage);
-        if (MetricStatusToSeverity[metircStatus] > MetricStatusToSeverity[status]) {
-            status = metircStatus;
-        }
-        return {
-            title: name,
-            value: used,
-            capacity: limit,
-            formatValues: formatStorageValues,
-        };
-    });
-    return (_jsx(MetricCard, { label: i18n('cards.storage-label'), active: active, metrics: metrics, status: status }));
-}
-function MemoryCard({ active, memoryStats = [] }) {
-    let status = METRIC_STATUS.Unspecified;
-    const metrics = memoryStats.map((metric) => {
-        const { name, used, limit, usage } = metric;
-        const metircStatus = getMetricStatusFromUsage(usage);
-        if (MetricStatusToSeverity[metircStatus] > MetricStatusToSeverity[status]) {
-            status = metircStatus;
-        }
-        return {
-            title: name,
-            value: used,
-            capacity: limit,
-            formatValues: formatStorageValues,
-        };
-    });
-    return (_jsx(MetricCard, { label: i18n('cards.memory-label'), active: active, metrics: metrics, status: status }));
-}
-function NetworkCard({ networkStats }) {
+    // Use only pools that directly indicate resources available to perform user queries
+    const cpuPools = (poolsCpuStats || []).filter((pool) => !(pool.name === 'Batch' || pool.name === 'IO'));
+    const cpuMetrics = calculateMetricAggregates(cpuPools);
+    // Calculate storage metrics using utility
+    const storageStats = tabletStorageStats || blobStorageStats || [];
+    const storageMetrics = calculateMetricAggregates(storageStats);
+    const storageGroupCount = storageStats.length;
+    // Calculate memory metrics using utility
+    const memoryMetrics = calculateMetricAggregates(memoryStats);
+    // Calculate network metrics using utility
     const [showNetworkUtilization] = useSetting(SHOW_NETWORK_UTILIZATION);
-    if (!showNetworkUtilization || !networkStats) {
-        return null;
-    }
-    let status = METRIC_STATUS.Unspecified;
-    const metrics = networkStats.map((metric) => {
-        const { used, limit, usage } = metric;
-        const metricStatus = getMetricStatusFromUsage(usage);
-        if (MetricStatusToSeverity[metricStatus] > MetricStatusToSeverity[status]) {
-            status = metricStatus;
-        }
-        return {
-            title: formatBytes({ value: limit, withSpeedLabel: true }),
-            value: used,
-            capacity: limit,
-            percents: true,
-            withOverflow: true,
-        };
-    });
-    return (_jsx(MetricCard, { interactive: false, label: i18n('cards.network-label'), note: i18n('cards.network-note'), metrics: metrics, status: status }));
+    const networkMetrics = networkStats ? calculateMetricAggregates(networkStats) : null;
+    return (_jsxs(Flex, { className: b(), alignItems: "center", children: [_jsx("div", { className: b('link-container', {
+                    active: metricsTab === TENANT_METRICS_TABS_IDS.cpu,
+                }), children: _jsx(Link, { to: tabLinks.cpu, className: b('link'), children: _jsx(TabCard, { label: i18n('cards.cpu-label'), sublabel: i18n('context_cpu-load'), value: cpuMetrics.totalUsed, limit: cpuMetrics.totalLimit, legendFormatter: formatCoresLegend, active: metricsTab === TENANT_METRICS_TABS_IDS.cpu, helpText: i18n('context_cpu-description') }) }) }), _jsx("div", { className: b('link-container', {
+                    active: metricsTab === TENANT_METRICS_TABS_IDS.storage,
+                }), children: _jsx(Link, { to: tabLinks.storage, className: b('link'), children: _jsx(TabCard, { label: i18n('cards.storage-label'), sublabel: i18n('context_storage-groups', { count: storageGroupCount }), value: storageMetrics.totalUsed, limit: storageMetrics.totalLimit, legendFormatter: formatStorageLegend, active: metricsTab === TENANT_METRICS_TABS_IDS.storage, helpText: i18n('context_storage-description') }) }) }), _jsx("div", { className: b('link-container', {
+                    active: metricsTab === TENANT_METRICS_TABS_IDS.memory,
+                }), children: _jsx(Link, { to: tabLinks.memory, className: b('link'), children: _jsx(TabCard, { label: i18n('cards.memory-label'), sublabel: i18n('context_memory-used'), value: memoryMetrics.totalUsed, limit: memoryMetrics.totalLimit, legendFormatter: formatStorageLegend, active: metricsTab === TENANT_METRICS_TABS_IDS.memory, helpText: i18n('context_memory-description') }) }) }), showNetworkUtilization && networkStats && networkMetrics && (_jsx("div", { className: b('link-container'), children: _jsx("div", { className: b('link'), children: _jsx(TabCard, { label: i18n('cards.network-label'), sublabel: i18n('context_network-evaluation'), value: networkMetrics.totalUsed, limit: networkMetrics.totalLimit, legendFormatter: formatStorageLegend, active: false, clickable: false, helpText: i18n('context_network-description') }) }) }))] }));
 }
 //# sourceMappingURL=MetricsCards.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.js.map

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

package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.scss

@@ -1,12 +1,226 @@
-.metrics-cards {
-    display: flex;
-    gap: 16px;
+// Mixins for pseudo-element patterns
 
-    margin-bottom: 32px;
+/**
+ * Base mixin for creating positioned pseudo-elements with consistent sizing
+ * Used as foundation for all tab filler pseudo-elements
+ * @param {string} $side - Which side to position the element (left|right)
+ * @param {length} $height - Height of the pseudo-element
+ */
 
-    &__tab {
+@mixin pseudo-base($side: left, $height: var(--tab-filler-size)) {
+    position: absolute;
+    top: 100%;
+    #{$side}: 0;
+    width: var(--tab-filler-size);
+    height: $height;
+
+    content: '';
+
+    background-color: var(--g-color-base-background);
+}
+
+/**
+ * Creates a vertical filler for active tab states
+ * Used to extend the active tab's background below the container
+ * @param {string} $side - Which side to position the filler (left|right)
+ */
+
+@mixin pseudo-active-filler($side: left) {
+    @include pseudo-base($side, var(--g-spacing-3));
+    border-#{$side}: var(--tab-border-width) solid var(--g-color-line-generic);
+}
+
+/**
+ * Creates a rounded corner filler for inactive tab states
+ * Provides visual separation between tabs with border and radius
+ * @param {string} $side - Which side to position the filler (left|right)
+ */
+
+@mixin pseudo-inactive-filler($side: left) {
+    border-top: var(--tab-border-width) solid var(--g-color-line-generic);
+    @include pseudo-base($side, var(--tab-filler-size));
+    border-#{$side}: var(--tab-border-width) solid var(--g-color-line-generic);
+    border-top-#{$side}-radius: var(--g-border-radius-s);
+}
+
+/**
+ * Creates a simple background fill without borders
+ * Used as a background layer behind other pseudo-elements
+ * @param {string} $side - Which side to position the fill (left|right)
+ */
+
+@mixin pseudo-background-fill($side: left) {
+    @include pseudo-base($side, var(--tab-filler-size));
+}
+
+// Utility mixins for common patterns
+
+/**
+ * Consistent tab border styling for both active and inactive states
+ * Creates the characteristic tab shape with top and side borders only
+ * @param {color} $color - Border color to use
+ */
+
+@mixin tab-border-base($color) {
+    border: var(--tab-border-width) solid $color;
+    border-bottom: none;
+    border-radius: var(--g-border-radius-s) var(--g-border-radius-s) 0 0;
+}
+
+/**
+ * Complete edge filler system for first/last tabs
+ * Handles all pseudo-element states (active/inactive, ::before/::after)
+ * Creates the complex tab connection visuals for edge containers
+ * @param {string} $side - Which edge this applies to (left|right)
+ */
+
+@mixin tab-edge-filler($side) {
+    &.tenant-metrics-cards__link-container_active::after {
+        @include pseudo-active-filler($side);
+    }
+
+    &:not(.tenant-metrics-cards__link-container_active)::after {
+        @include pseudo-inactive-filler($side);
+    }
+
+    &:not(.tenant-metrics-cards__link-container_active)::before {
+        @include pseudo-background-fill($side);
+    }
+}
+
+.tenant-metrics-cards {
+    // CSS Variables for consistent design system
+    --tab-border-width: 1px;
+    --tab-filler-size: 10px;
+    --tab-overlap: -1px;
+    --tab-lift-offset: -6px;
+    --tab-border-compensation: 1px;
+    --tab-adjusted-spacing: calc(var(--g-spacing-3) - var(--tab-border-width));
+    --z-tab-base: 100;
+    --z-tab-active: 110;
+    --g-border-radius-xxl: 12px;
+
+    // Fallback for browsers without :has() support
+    @supports not selector(:has(*)) {
+        &__link-container:not(:last-child) {
+            padding-right: var(--tab-adjusted-spacing);
+
+            border-right: var(--tab-border-width) solid var(--g-color-line-generic);
+            border-bottom-right-radius: var(--g-border-radius-xxl);
+        }
+    }
+
+    &__link {
         text-decoration: none;
 
         color: inherit;
+
+        &:hover {
+            text-decoration: none;
+        }
+    }
+
+    &__link-container {
+        position: relative;
+        z-index: var(--z-tab-base);
+
+        flex: 1;
+
+        margin-left: var(--tab-overlap);
+        padding: 0 var(--g-spacing-3) var(--g-spacing-3) var(--g-spacing-3);
+
+        border-bottom: var(--tab-border-width) solid var(--g-color-line-generic);
+        background: var(--g-color-base-background);
+
+        .tenant-tab-card__card-container {
+            border: 1px solid transparent;
+            border-top: none;
+
+            & > div {
+                transform: translateY(1px);
+            }
+        }
+
+        &:nth-child(1) {
+            z-index: calc(var(--z-tab-base) + 3);
+        }
+
+        &:nth-child(2) {
+            z-index: calc(var(--z-tab-base) + 2);
+        }
+
+        &:nth-child(3) {
+            z-index: calc(var(--z-tab-base) + 1);
+        }
+
+        &:nth-child(4) {
+            z-index: calc(var(--z-tab-base) + 0);
+        }
+
+        // Reset edge padding for first/last elements
+        &:first-child {
+            margin-left: 0;
+        }
+
+        &:first-child {
+            padding-left: 0;
+            @include tab-edge-filler(left);
+        }
+
+        &:last-child {
+            margin-right: 0;
+            padding-right: 0;
+            @include tab-edge-filler(right);
+        }
+    }
+
+    &__link {
+        display: block;
+    }
+
+    // Active state styling
+    &__link-container_active {
+        z-index: var(--z-tab-active) !important;
+
+        padding: 0;
+
+        border-bottom: 0;
+        background: var(--g-color-base-background);
+
+        transform: translateY(var(--tab-lift-offset));
+
+        .tenant-tab-card__card-container {
+            border: none;
+            border-radius: var(--g-border-radius-xs);
+
+            & > div {
+                transform: translateY(0);
+            }
+        }
+
+        .tenant-metrics-cards__link {
+            padding-bottom: var(--tab-border-compensation);
+            @include tab-border-base(var(--g-color-line-generic));
+        }
+    }
+
+    // Adjacent tab styling (modern browsers with :has() support)
+    &__link-container:has(+ &__link-container_active) {
+        padding-right: var(--tab-adjusted-spacing);
+
+        border-right: var(--tab-border-width) solid var(--g-color-line-generic);
+        border-bottom-right-radius: var(--g-border-radius-xxl);
+    }
+
+    &__link-container_active + &__link-container {
+        padding-left: var(--tab-adjusted-spacing);
+
+        border-left: var(--tab-border-width) solid var(--g-color-line-generic);
+        border-bottom-left-radius: var(--g-border-radius-xxl);
+    }
+
+    // Reset padding for specific cases
+    &__link-container:not(:has(+ &__link-container_active)) {
+        padding-right: 0;
     }
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.d.ts

@@ -0,0 +1,16 @@
+import './TabCard.scss';
+interface TabCardProps {
+    label: string;
+    sublabel?: string;
+    value: number;
+    limit: number;
+    active?: boolean;
+    helpText?: string;
+    clickable?: boolean;
+    legendFormatter: (params: {
+        value: number;
+        capacity: number;
+    }) => string;
+}
+export declare function TabCard({ label, sublabel, value, limit, active, helpText, clickable, legendFormatter, }: TabCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Flex } from '@gravity-ui/uikit';
+import { DoughnutMetrics } from '../../../../../components/DoughnutMetrics/DoughnutMetrics';
+import { getDiagramValues } from '../../../../../containers/Cluster/ClusterOverview/utils';
+import { cn } from '../../../../../utils/cn';
+import './TabCard.scss';
+const b = cn('tenant-tab-card');
+export function TabCard({ label, sublabel, value, limit, active, helpText, clickable = true, legendFormatter, }) {
+    const { status, percents, legend, fill } = getDiagramValues({
+        value,
+        capacity: limit,
+        legendFormatter,
+    });
+    return (_jsx("div", { className: b({ active }), children: _jsx(Card, { className: b('card-container', { active, clickable }), type: "container", view: active ? 'outlined' : 'raised', children: _jsxs(Flex, { gap: 3, alignItems: "center", children: [_jsx(DoughnutMetrics, { size: "small", status: status, fillWidth: fill, className: b('doughnut'), children: _jsx(DoughnutMetrics.Value, { variant: "subheader-1", children: percents }) }), _jsxs("div", { className: b('legend-wrapper'), children: [_jsx(DoughnutMetrics.Legend, { variant: "subheader-2", children: legend }), _jsx(DoughnutMetrics.Legend, { variant: "body-1", color: "secondary", note: helpText, noteIconSize: "s", children: sublabel || label })] })] }) }) }));
+}
+//# sourceMappingURL=TabCard.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabCard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,eAAe,EAAC,MAAM,2DAA2D,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAC,MAAM,yDAAyD,CAAC;AACzF,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAE3C,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAahC,MAAM,UAAU,OAAO,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,eAAe,GACJ;IACX,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,gBAAgB,CAAC;QACtD,KAAK;QACL,QAAQ,EAAE,KAAK;QACf,eAAe;KAClB,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAC,CAAC,YACvB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,CAAC,EACnD,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,YAEpC,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC7B,KAAC,eAAe,IACZ,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAExB,KAAC,eAAe,CAAC,KAAK,IAAC,OAAO,EAAC,aAAa,YACvC,QAAQ,GACW,GACV,EAClB,eAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC/B,KAAC,eAAe,CAAC,MAAM,IAAC,OAAO,EAAC,aAAa,YACxC,MAAM,GACc,EACzB,KAAC,eAAe,CAAC,MAAM,IACnB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAC,GAAG,YAEf,QAAQ,IAAI,KAAK,GACG,IACvB,IACH,GACJ,GACL,CACT,CAAC;AACN,CAAC"}

package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.scss

@@ -0,0 +1,29 @@
+.tenant-tab-card {
+    border-radius: var(--g-border-radius-s);
+
+    &__card-container {
+        padding: var(--g-spacing-4);
+
+        border: 0;
+        border-radius: var(--g-border-radius-s);
+    }
+
+    &__card-container_clickable {
+        cursor: pointer;
+
+        // Smooth hover transition
+        transition: background-color 0.15s ease;
+
+        &:hover {
+            background-color: var(--g-color-base-float-hover);
+        }
+    }
+
+    &__card-container_active {
+        cursor: default !important;
+
+        &:hover {
+            background-color: transparent;
+        }
+    }
+}

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

@@ -1,9 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { Flex } from '@gravity-ui/uikit';
-import { StringParam, useQueryParam } from 'use-query-params';
 import { MetricChart } from '../../../../../components/MetricChart';
-import { TimeFrameSelector } from '../../../../../components/TimeFrameSelector/TimeFrameSelector';
 import { cn } from '../../../../../utils/cn';
 import { useAutoRefreshInterval } from '../../../../../utils/hooks';
 import './TenantDashboard.scss';
@@ -12,7 +9,6 @@ const CHART_WIDTH_FULL = 872;
 const b = cn('ydb-tenant-dashboard');
 export const TenantDashboard = ({ database, charts }) => {
     const [isDashboardHidden, setIsDashboardHidden] = React.useState(true);
-    const [timeFrame = '1h', setTimeframe] = useQueryParam('timeframe', StringParam);
     const [autoRefreshInterval] = useAutoRefreshInterval();
     // Refetch data only if dashboard successfully loaded
     const shouldRefresh = isDashboardHidden ? 0 : autoRefreshInterval;
@@ -33,13 +29,9 @@ export const TenantDashboard = ({ database, charts }) => {
     // If there is only one chart, display it with full width
     const chartWidth = charts.length === 1 ? CHART_WIDTH_FULL : CHART_WIDTH;
     const chartHeight = CHART_WIDTH / 1.5;
-    const renderChartToolbar = React.useCallback((chartConfig) => (_jsx(Flex, { className: b('toolbar'), justifyContent: "space-between", alignItems: "center", children: _jsx("div", { children: chartConfig.title }) })), []);
     const renderContent = () => {
-        return charts.map((chartConfig) => {
-            const chartId = chartConfig.metrics.map(({ target }) => target).join('&');
-            return (_jsx(MetricChart, { database: database, metrics: chartConfig.metrics, timeFrame: timeFrame, chartOptions: chartConfig.options, autorefresh: shouldRefresh, width: chartWidth, height: chartHeight, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: !isDashboardHidden, renderChartToolbar: () => renderChartToolbar(chartConfig) }, chartId));
-        });
+        return charts.map((chartConfig, index) => (_jsx(MetricChart, { database: database, metrics: chartConfig.metrics, chartOptions: chartConfig.options, autorefresh: shouldRefresh, width: chartWidth, height: chartHeight, onChartDataStatusChange: handleChartDataStatusChange, isChartVisible: !isDashboardHidden, title: chartConfig.title }, index)));
     };
-    return (_jsxs("div", { className: b(null), style: { display: isDashboardHidden ? 'none' : undefined }, children: [_jsx("div", { className: b('controls'), children: _jsx(TimeFrameSelector, { value: timeFrame, onChange: setTimeframe }) }), _jsx("div", { className: b('charts'), children: renderContent() })] }));
+    return (_jsx("div", { className: b(null), style: { display: isDashboardHidden ? 'none' : undefined }, children: _jsx("div", { className: b('charts'), children: renderContent() }) }));
 };
 //# sourceMappingURL=TenantDashboard.js.map

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantDashboard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TenantDashboard.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAMlE,OAAO,EAAC,EAAE,EAAC,MAAM,yBAAyB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAC;AAElE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,GAAG,GAAG,CAAC;AACxB,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAarC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAuB,EAAE,EAAE;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChF,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,qDAAqD;IACrD,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAElE;;;;;;;;OAQG;IACH,MAAM,2BAA2B,GAAG,CAAC,WAA4B,EAAE,EAAE;QACjE,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC5B,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,CAAC;IAEF,yDAAyD;IACzD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;IACxE,MAAM,WAAW,GAAG,WAAW,GAAG,GAAG,CAAC;IAEtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,WAAW,IAER,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,YAAY,EAAE,WAAW,CAAC,OAAO,EACjC,WAAW,EAAE,aAAa,EAC1B,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,CAAC,iBAAiB,EAClC,KAAK,EAAE,WAAW,CAAC,KAAK,IATnB,KAAK,CAUZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAC,YAC7E,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,aAAa,EAAE,GAAO,GAClD,CACT,CAAC;AACN,CAAC,CAAC"}