From 3b4f38392d3ea9b4a4e778c21b1699e4ff406eb3 Mon Sep 17 00:00:00 2001
From: Hyejin Yoon <0327jane@gmail.com>
Date: Tue, 4 Mar 2025 19:43:35 +0900
Subject: [PATCH] fix(ui): add overflow wrap for dpi / model summary tab & add
 custom properties in mlmodelgroup queries (#12771)

---
 .../profile/DataProcessInstanceSummary.tsx                    | 1 +
 .../src/app/entity/mlModel/profile/MLModelSummary.tsx         | 4 +---
 datahub-web-react/src/graphql/fragments.graphql               | 4 ++++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx b/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx
index f046d5dce8c897..ae3e085d3ca10a 100644
--- a/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx
+++ b/datahub-web-react/src/app/entity/dataProcessInstance/profile/DataProcessInstanceSummary.tsx
@@ -24,6 +24,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
+    overflow-wrap: break-word;
 `;
 
 const propertyTableColumns = [
diff --git a/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx b/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx
index 0bcdb0b96bc0e5..49b564bdf22b7f 100644
--- a/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx
+++ b/datahub-web-react/src/app/entity/mlModel/profile/MLModelSummary.tsx
@@ -26,9 +26,7 @@ const InfoItemContainer = styled.div<{ justifyContent }>`
 const InfoItemContent = styled.div`
     padding-top: 8px;
     width: 100px;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 5px;
+    overflow-wrap: break-word;
 `;
 
 const JobLink = styled(Link)`
diff --git a/datahub-web-react/src/graphql/fragments.graphql b/datahub-web-react/src/graphql/fragments.graphql
index 04ab566e9d27a3..dacf5e4c900ae7 100644
--- a/datahub-web-react/src/graphql/fragments.graphql
+++ b/datahub-web-react/src/graphql/fragments.graphql
@@ -1151,6 +1151,10 @@ fragment nonRecursiveMLModelGroupFields on MLModelGroup {
             trainingJobs
             downstreamJobs
         }
+        customProperties {
+            key
+            value
+        }
     }
     browsePathV2 {
         ...browsePathV2Fields