(chore) ui: Add hierarchical asset count aggregation for teams (#25877)

* ui: Add hierarchical asset count aggregation for teams with Playwright test

* fix minor issue

* address gitar comments

* address gitar

* address gitar

* address gitar & fix sonar

* address gitar

* address comment

* Revert "address comment"

This reverts commit 064bc14.

* address gitar

* nit

* revert last change

* address gitar

(cherry picked from commit 73b6af0)

Author: harsh-vador

openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/TeamsHierarchy.spec.ts

@@ -13,13 +13,21 @@
 import { expect, test } from '@playwright/test';
 import { DELETE_TERM } from '../../constant/common';
 import { GlobalSettingOptions } from '../../constant/settings';
+import { TableClass } from '../../support/entity/TableClass';
+import { TeamClass } from '../../support/team/TeamClass';
 import {
+  createNewPage,
   redirectToHomePage,
   toastNotification,
   uuid,
 } from '../../utils/common';
 import { settingClick } from '../../utils/sidebar';
-import { addTeamHierarchy, getNewTeamDetails } from '../../utils/team';
+import {
+  addTeamHierarchy,
+  addTeamOwnerToEntity,
+  getNewTeamDetails,
+  verifyAssetsInTeamsPage,
+} from '../../utils/team';
 
 // use the admin user to login
 test.use({ storageState: 'playwright/.auth/admin.json' });
@@ -144,3 +152,115 @@ test.describe('Add Nested Teams and Test TeamsSelectable', () => {
     );
   });
 });
+
+// ── Self-contained asset count aggregation test ──
+// Creates hierarchy (API): aggBU (BusinessUnit) → aggGroup (Group)
+// Creates 1 table (API), assigns Group as owner via UI,
+// then verifies asset count + assets tab on the parent team via UI.
+
+const aggId = uuid();
+const aggBUName = `agg-bu-${aggId}`;
+const aggGroupName = `agg-grp-${aggId}`;
+
+const aggBU = new TeamClass({
+  name: aggBUName,
+  displayName: aggBUName,
+  description: 'Aggregation test BU',
+  teamType: 'BusinessUnit',
+});
+const aggGroup = new TeamClass({
+  name: aggGroupName,
+  displayName: aggGroupName,
+  description: 'Aggregation test Group',
+  teamType: 'Group',
+});
+
+const aggTable = new TableClass();
+
+test.describe('Verify Asset Count Aggregation', () => {
+  test.use({ storageState: 'playwright/.auth/admin.json' });
+
+  test.beforeAll('Setup hierarchy and table', async ({ browser }) => {
+    const { apiContext, afterAction } = await createNewPage(browser);
+
+    // Create BU → Group hierarchy via API
+    await aggBU.create(apiContext);
+
+    const grpRes = await apiContext.post('/api/v1/teams', {
+      data: { ...aggGroup.data, parents: [aggBU.responseData.id] },
+    });
+    expect(grpRes.ok()).toBeTruthy();
+    aggGroup.responseData = await grpRes.json();
+
+    // Create a table via API
+    await aggTable.create(apiContext);
+
+    await afterAction();
+  });
+
+  test.afterAll('Cleanup', async ({ browser }) => {
+    const { apiContext, afterAction } = await createNewPage(browser);
+    await aggTable.delete(apiContext);
+    await aggBU.delete(apiContext);
+    await afterAction();
+  });
+
+  test('Assign asset to sub-team and verify aggregated count on parent', async ({
+    page,
+  }) => {
+    test.slow();
+    await redirectToHomePage(page);
+    // Step 1: Visit the table page and assign the Group team as owner (via UI)
+    await addTeamOwnerToEntity(page, aggTable, aggGroup);
+
+    // Step 2: Verify the asset appears in the Group team's Assets tab
+    await verifyAssetsInTeamsPage(page, aggTable, aggGroup, 1);
+
+    // Step 3: Navigate to the parent BU team page
+    await redirectToHomePage(page);
+    const getOrganizationResponse = page.waitForResponse(
+      '/api/v1/teams/name/*'
+    );
+    await settingClick(page, GlobalSettingOptions.TEAMS);
+    await getOrganizationResponse;
+
+    // Step 3: Verify asset count for the BU in the Organization-level table
+    // Wait for skeleton in the BU row to resolve and verify aggregated count
+    const buRow = page.locator(`[data-row-key="${aggBUName}"]`);
+    await buRow.locator('.ant-skeleton-active').waitFor({ state: 'hidden' });
+    await expect(buRow.getByTestId('asset-count')).toHaveText('1');
+
+    // Click on the BU team to see its children
+    const permissionResponse = page.waitForResponse(
+      '/api/v1/permissions/team/name/*'
+    );
+    await page.getByRole('link', { name: aggBUName }).click();
+    await permissionResponse;
+
+    // Step 4: Verify asset count shown in the hierarchy table for the Group child
+    // Wait for the skeleton loader to disappear, then assert the count
+    const groupRow = page.locator(
+      `[data-row-key="${aggGroupName}"]`
+    );
+
+    await groupRow.locator('.ant-skeleton-active').waitFor({ state: 'hidden' });
+
+    await expect(groupRow.getByTestId('asset-count')).toHaveText('1');
+
+    // Step 5: Open the Assets tab on the BU team page and verify aggregated count
+    const assetsRes = page.waitForResponse('/api/v1/search/query?*size=15*');
+    await page.getByTestId('assets').click();
+    await assetsRes;
+
+    // Verify the BU's Assets tab shows count = 1 (aggregated from Group child)
+    await expect(
+      page.getByTestId('assets').getByTestId('filter-count')
+    ).toContainText('1');
+
+    // Verify the table card is visible in the BU's Assets tab
+    const tableFqn = aggTable.entityResponseData?.['fullyQualifiedName'];
+    await expect(
+      page.locator(`[data-testid="table-data-card_${tableFqn}"]`)
+    ).toBeVisible();
+  });
+});

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/TeamAssetCount.component.tsx

@@ -0,0 +1,26 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import { Skeleton, Typography } from 'antd';
+
+interface TeamAssetCountProps {
+  count: number | null;
+  isLoading: boolean;
+}
+
+export const TeamAssetCount = ({ count, isLoading }: TeamAssetCountProps) => {
+  if (isLoading) {
+    return <Skeleton.Input active size="small" style={{ width: 30, height: 20 }} />;
+  }
+
+  return <Typography.Text data-testid="asset-count">{count ?? 0}</Typography.Text>;
+};

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/TeamAssetCount.test.tsx

@@ -0,0 +1,47 @@
+/*
+ *  Copyright 2026 Collate.
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+import { render, screen } from '@testing-library/react';
+
+jest.mock('antd', () => ({
+  Skeleton: {
+    Input: jest.fn().mockImplementation(() => <div data-testid="skeleton" />),
+  },
+  Typography: {
+    Text: jest
+      .fn()
+      .mockImplementation(({ children, ...props }) => <span {...props}>{children}</span>),
+  },
+}));
+
+import { TeamAssetCount } from './TeamAssetCount.component';
+
+describe('TeamAssetCount', () => {
+  it('renders the count when not loading', () => {
+    render(<TeamAssetCount count={42} isLoading={false} />);
+
+    expect(screen.getByTestId('asset-count')).toHaveTextContent('42');
+  });
+
+  it('renders 0 when count is null', () => {
+    render(<TeamAssetCount count={null} isLoading={false} />);
+
+    expect(screen.getByTestId('asset-count')).toHaveTextContent('0');
+  });
+
+  it('renders skeleton while loading', () => {
+    render(<TeamAssetCount isLoading count={null} />);
+
+    expect(screen.getByTestId('skeleton')).toBeInTheDocument();
+    expect(screen.queryByTestId('asset-count')).not.toBeInTheDocument();
+  });
+});

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/TeamDetailsV1.interface.ts

@@ -19,6 +19,7 @@ import { Team } from '../../../../generated/entity/teams/team';
 import { EntityReference } from '../../../../generated/entity/type';
 
 export interface TeamDetailsProp {
+  allTeamIds: string[];
   assetsCount: number;
   currentTeam: Team;
   teams?: Team[];