fix: dead tablets on node page (#2263)

Author: astandrik

src/containers/Node/Node.tsx

@@ -234,7 +234,7 @@ function NodePageContent({
                 );
             }
             case 'tablets': {
-                return <Tablets nodeId={nodeId} database={tenantName} />;
+                return <Tablets nodeId={nodeId} database={tenantName} onlyActive />;
             }
 
             case 'structure': {

src/containers/Tablets/Tablets.tsx

@@ -11,16 +11,23 @@ interface TabletsProps {
     path?: string;
     database?: string;
     nodeId?: string | number;
+    /**
+     * Show/hide dead tablets: shown in pages needing complete statistics,
+     * hidden in pages that already display multiple tablet generations to reduce visual noise.
+     */
+    onlyActive?: boolean;
 }
 
-export function Tablets({nodeId, path, database}: TabletsProps) {
+export function Tablets({nodeId, path, database, onlyActive}: TabletsProps) {
     const [autoRefreshInterval] = useAutoRefreshInterval();
 
     let params: TabletsApiRequestParams = {};
+    const filter = onlyActive ? `(State!=Dead)` : undefined;
+
     if (valueIsDefined(nodeId)) {
-        params = {nodeId, database};
+        params = {nodeId, database, filter};
     } else if (path) {
-        params = {path, database};
+        params = {path, database, filter};
     }
     const {isLoading, error} = tabletsApi.useGetTabletsInfoQuery(
         Object.keys(params).length === 0 ? skipToken : params,

src/services/api/viewer.ts

@@ -31,6 +31,7 @@ import type {TTenantInfo, TTenants} from '../../types/api/tenant';
 import type {DescribeTopicResult, TopicDataRequest, TopicDataResponse} from '../../types/api/topic';
 import type {TEvVDiskStateResponse} from '../../types/api/vdisk';
 import type {TUserToken} from '../../types/api/whoami';
+import type {TabletsApiRequestParams} from '../../types/store/tablets';
 import {BINARY_DATA_IN_PLAIN_TEXT_DISPLAY} from '../../utils/constants';
 import type {Nullable} from '../../utils/typecheckers';
 import {settingsManager} from '../settings';
@@ -128,7 +129,7 @@ export class ViewerAPI extends BaseYdbAPI {
     }
 
     getTabletsInfo(
-        {nodeId, path, database}: {nodeId?: string | number; path?: string; database?: string},
+        {nodeId, path, database, filter}: TabletsApiRequestParams,
         {concurrentId, signal}: AxiosOptions = {},
     ) {
         return this.get<TEvTabletStateResponse>(
@@ -138,6 +139,7 @@ export class ViewerAPI extends BaseYdbAPI {
                 node_id: nodeId,
                 path,
                 enums: true,
+                filter,
             },
             {concurrentId, requestConfig: {signal}},
         );

src/types/store/tablets.ts

@@ -2,4 +2,5 @@ export interface TabletsApiRequestParams {
     nodeId?: string | number;
     path?: string;
     database?: string;
+    filter?: string;
 }