fix(ui): align glossary term Related Terms section inside the left panel

[anuj-kumary]

Describe your changes:

Fixes #29283

Type of change:

• Bug fix
• Improvement
• New feature
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation

High-level design:

N/A — small change.

Tests:

Use cases covered

Unit tests

Backend integration tests

Ingestion integration tests

Playwright (UI) tests

Manual testing performed

UI screen recording / screenshots:

Not applicable.

Checklist:

• I have read the CONTRIBUTING document.
• My PR title is Fixes <issue-number>: <short explanation>
• My PR is linked to a GitHub issue via Fixes #<issue-number> above.
• I have commented on my code, particularly in hard-to-understand areas.
• For JSON Schema changes: I updated the migration scripts or explained why it is not needed.
• For UI changes: I attached a screen recording and/or screenshots above.
• I have added tests (unit / integration / Playwright as applicable) and listed them above.

---

Summary by Gitar

• UI layout changes:
  • Moved RELATED_TERMS widget from the main page layout into the left panel container within CustomizeGlossaryTermBaseClass.ts.
• Testing:
  • Added comprehensive unit tests in CustomizeGlossaryTermBaseClass.test.ts to verify the hierarchical placement and layout configuration of the RELATED_TERMS widget.

_{This will update automatically on new commits.}

Greptile Summary

This PR fixes a visual alignment issue where the Related Terms section was rendered outside the glossary term left panel. The fix moves the RELATED_TERMS widget from a standalone top-level grid entry into the LEFT_PANEL children array, and a new test file verifies the corrected placement.

• CustomizeGlossaryTermBaseClass.ts: RELATED_TERMS is removed from the top-level layout (was w: 6, y: 7) and inserted as the last child of the LEFT_PANEL container at y: 3, w: 1. The panel's existing h: 7 is sufficient — the deepest child now bottoms out at row 5.
• CustomizeGlossaryTermBaseClass.test.ts: New unit tests assert that RELATED_TERMS is absent from the top-level layout, present as a left-panel child with full width, and positioned after TAGS in the children array.

Confidence Score: 5/5

Safe to merge — the change is a single widget relocation with no logic side-effects and is covered by new unit tests.

The diff moves one widget entry from a top-level array slot into the LEFT_PANEL children array. The parent container height (h:7) already accommodates the new child (deepest child bottoms at row 5). No data-flow, API surface, or business logic is touched. New tests confirm the corrected placement.

No files require special attention.

Important Files Changed

Filename	Overview
openmetadata-ui/src/main/resources/ui/src/utils/CustomizeGlossaryTerm/CustomizeGlossaryTermBaseClass.ts	Moves RELATED_TERMS widget from a standalone top-level entry (w=6, y=7) into the LEFT_PANEL children array (w=1, y=3). The left-panel height (h=7) comfortably contains all children including the new entry (deepest child bottom is at y=5).
openmetadata-ui/src/main/resources/ui/src/utils/CustomizeGlossaryTerm/CustomizeGlossaryTermBaseClass.test.ts	New test file covering left-panel containment of RELATED_TERMS: verifies it is not a top-level widget, is a left-panel child, has full width (w=1), and appears after TAGS in the children array.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[getDefaultWidgetForTab - OVERVIEW] --> B[LEFT_PANEL container\nh:7, w:6, x:0, y:0]
    A --> C[WORKFLOW_HISTORY\nw:2, x:6, y:0]
    A --> D[DOMAIN\nw:2, x:6, y:1]
    A --> E[OWNER\nw:2, x:6, y:2]
    A --> F[REVIEWER\nw:2, x:6, y:3]
    A --> G[CUSTOM_PROPERTIES\nw:2, x:6, y:4]

    B --> B1[DESCRIPTION\nw:1, y:0]
    B --> B2[SYNONYMS\nw:0.5, y:1]
    B --> B3[REFERENCES\nw:0.5, y:2]
    B --> B4[TAGS\nw:0.5, y:2]
    B --> B5[RELATED_TERMS moved here\nw:1, y:3]

    style B5 fill:#d4edda,stroke:#28a745

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A[getDefaultWidgetForTab - OVERVIEW] --> B[LEFT_PANEL container\nh:7, w:6, x:0, y:0]
    A --> C[WORKFLOW_HISTORY\nw:2, x:6, y:0]
    A --> D[DOMAIN\nw:2, x:6, y:1]
    A --> E[OWNER\nw:2, x:6, y:2]
    A --> F[REVIEWER\nw:2, x:6, y:3]
    A --> G[CUSTOM_PROPERTIES\nw:2, x:6, y:4]

    B --> B1[DESCRIPTION\nw:1, y:0]
    B --> B2[SYNONYMS\nw:0.5, y:1]
    B --> B3[REFERENCES\nw:0.5, y:2]
    B --> B4[TAGS\nw:0.5, y:2]
    B --> B5[RELATED_TERMS moved here\nw:1, y:3]

    style B5 fill:#d4edda,stroke:#28a745

Loading

_{Reviews (2): Last reviewed commit: "fix lint checks" | Re-trigger Greptile}

[github-actions]

Jest test Coverage

UI tests summary

Lines	Statements	Branches	Functions
	62.27% (66684/107086)	44.06% (37350/84753)	45.39% (11208/24690)

[sonarqubecloud]

Quality Gate passed for 'open-metadata-ui'

Issues
1466 New issues
0 Accepted issues

Measures
25 Security Hotspots
0.0% Coverage on New Code
3.3% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🟡 Playwright Results — all passed (15 flaky)

✅ 4315 passed · ❌ 0 failed · 🟡 15 flaky · ⏭️ 88 skipped

Shard	Passed	Failed	Flaky	Skipped
🟡 Shard 1	301	0	1	4
✅ Shard 2	815	0	0	9
🟡 Shard 3	813	0	3	8
🟡 Shard 4	867	0	2	12
🟡 Shard 5	731	0	2	47
🟡 Shard 6	788	0	7	8

🟡 15 flaky test(s) (passed on retry)

• Pages/Roles.spec.ts › Roles page should work properly (shard 1, 1 retry)
• Features/KnowledgeCenterTextEditor.spec.ts › Rich Text Editor - Text Formatting (shard 3, 1 retry)
• Features/UserProfileOnlineStatus.spec.ts › Should show online status badge on user profile for active users (shard 3, 1 retry)
• Flow/ExploreAggregationCountsMatching.spec.ts › should verify left panel counts and tab search results for normal search (shard 3, 2 retries)
• Pages/CustomProperties.spec.ts › Date Time (shard 4, 1 retry)
• Pages/CustomProperties.spec.ts › Time Interval (shard 4, 1 retry)
• Pages/Entity.spec.ts › User as Owner with unsorted list (shard 5, 1 retry)
• Pages/ExplorePageRightPanel_KnowledgeCenter.spec.ts › Should remove user owner for knowledgeCenter (shard 5, 2 retries)
• Pages/Glossary.spec.ts › Glossary Term Update in Glossary Page should persist tree (shard 6, 1 retry)
• Pages/Lineage/LineageFilters.spec.ts › Verify lineage schema filter selection (shard 6, 1 retry)
• Pages/Lineage/LineageRightPanel.spec.ts › Verify custom properties tab IS visible for supported type: searchIndex (shard 6, 1 retry)
• Pages/Lineage/PlatformLineage.spec.ts › Verify domain platform view (shard 6, 1 retry)
• Pages/ODCSImportExport.spec.ts › Schema validation passes for contract without schema definition (shard 6, 1 retry)
• Pages/ServiceEntity.spec.ts › Tier Add, Update and Remove (shard 6, 1 retry)
• Pages/ServiceEntity.spec.ts › Tier Add, Update and Remove (shard 6, 1 retry)

📦 Download artifacts

How to debug locally

# Download playwright-test-results-<shard> artifact and unzip
npx playwright show-trace path/to/trace.zip    # view trace

[gitar-bot]

Code Review ✅ Approved

Aligns the Related Terms section within the glossary term left panel by updating the layout configuration. No issues found.

Options

Display: compact → Showing less information.

Comment with these commands to change:

Compact

gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Gitar}