Update asset types in curated assets list (#22976)

* Update asset types in curated assets list

* add knowledge page in asset type list

openmetadata-ui/src/main/resources/ui/src/components/ActivityFeed/ActivityFeedCardNew/ActivityFeedcardNew.component.tsx

@@ -245,7 +245,7 @@ const ActivityFeedCardNew = ({
               {/* Horizontal line connecting popover to end of container */}
               <div className="horizontal-line " />
 
-              <div className="d-flex flex-col w-full">
+              <div className="d-flex flex-col w-full min-w-0 overflow-hidden">
                 <div className="d-flex flex-col align-start">
                   <div
                     className={classNames(

openmetadata-ui/src/main/resources/ui/src/components/MyData/Widgets/KPIWidget/KPILegend/KPILegend.tsx

@@ -11,7 +11,7 @@
  *  limitations under the License.
  */
 import { InfoCircleOutlined, WarningOutlined } from '@ant-design/icons';
-import { Col, Progress, Row, Tooltip, Typography } from 'antd';
+import { Progress, Tooltip, Typography } from 'antd';
 import { toNumber } from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -37,7 +37,7 @@ const KPILegend: React.FC<KPILegendProps> = ({
 
   const GoalCompleted = () => {
     return (
-      <div className="goal-completed-container d-flex items-center gap-1">
+      <div className="goal-completed-container">
         <CheckIcon />
         <Typography.Text>{t('label.goal-completed')}</Typography.Text>
       </div>
@@ -46,7 +46,7 @@ const KPILegend: React.FC<KPILegendProps> = ({
 
   const GoalMissed = () => {
     return (
-      <div className="goal-missed-container d-flex items-center gap-1">
+      <div className="goal-missed-container">
         <WarningOutlined />
         <Typography.Text>{t('label.goal-missed')}</Typography.Text>
       </div>
@@ -74,59 +74,58 @@ const KPILegend: React.FC<KPILegendProps> = ({
 
         if (isFullSize) {
           return (
-            <div className="kpi-full-legend p-xs m-b-sm" key={key}>
+            <div className="kpi-full-legend" key={key}>
-              <Row className="items-center" gutter={8}>
+              <div className="kpi-legend-header">
-                <Col span={24}>
+                <Typography.Text
-                  <div className="d-flex justify-between">
+                  className="kpi-legend-title"
-                    <Typography.Text
+                  ellipsis={{ tooltip: true }}>
-                      className="kpi-legend-title"
+                  {resultData.displayName}
-                      ellipsis={{ tooltip: true }}>
+                </Typography.Text>
-                      {resultData.displayName}
-                    </Typography.Text>
 
-                    {daysLeft <= 0 || isTargetMet ? (
+                {daysLeft <= 0 || isTargetMet ? (
-                      <Tooltip
+                  <Tooltip
-                        placement="bottom"
+                    placement="bottom"
-                        title={getKpiResultFeedback(
+                    title={getKpiResultFeedback(daysLeft, Boolean(isTargetMet))}
-                          daysLeft,
+                    trigger="hover">
-                          Boolean(isTargetMet)
+                    <InfoCircleOutlined className="kpi-legend-info-icon" />
-                        )}
+                  </Tooltip>
-                        trigger="hover">
+                ) : null}
-                        <InfoCircleOutlined className="kpi-legend-info-icon" />
+              </div>
-                      </Tooltip>
-                    ) : null}
-                  </div>
 
-                  <Progress
+              <Progress
-                    percent={Number(currentProgress)}
+                percent={Number(currentProgress)}
-                    showInfo={false}
+                showInfo={false}
-                    size="small"
+                size="small"
-                    strokeColor={color}
+                strokeColor={color}
-                    strokeWidth={4}
+                strokeWidth={4}
-                  />
+              />
 
-                  <div className="d-flex justify-between m-t-xxs">
+              <div className="kpi-legend-bottom-row">
-                    <Typography.Text className="text-xss kpi-legend-value">
+                <div className="kpi-legend-value-section">
-                      {current.toFixed(0)}
+                  <Typography.Text className="text-xss kpi-legend-value">
-                      {suffix}
+                    {current.toFixed(0)}
+                    {suffix}
+                  </Typography.Text>
+                </div>
+                <div className="kpi-legend-center-section">
+                  {isTargetMet ? (
+                    <GoalCompleted />
+                  ) : isTargetMissed ? (
+                    <GoalMissed />
+                  ) : (
+                    <Typography.Text className="text-xss font-semibold kpi-legend-days-left text-center">
+                      {daysLeft <= 0 ? 0 : daysLeft}{' '}
+                      {t('label.days-left').toUpperCase()}
                     </Typography.Text>
-                    {isTargetMet ? (
+                  )}
-                      <GoalCompleted />
+                </div>
-                    ) : isTargetMissed ? (
+                <div className="kpi-legend-value-section">
-                      <GoalMissed />
+                  <Typography.Text className="text-xss kpi-legend-value">
-                    ) : (
+                    {target.toFixed(0)}
-                      <Typography.Text className="text-xss font-semibold kpi-legend-days-left">
+                    {suffix}
-                        {daysLeft <= 0 ? 0 : daysLeft}{' '}
+                  </Typography.Text>
-                        {t('label.days-left').toUpperCase()}
+                </div>
-                      </Typography.Text>
+              </div>
-                    )}
-                    <Typography.Text className="text-xss kpi-legend-value">
-                      {target.toFixed(0)}
-                      {suffix}
-                    </Typography.Text>
-                  </div>
-                </Col>
-              </Row>
             </div>
           );
         }

openmetadata-ui/src/main/resources/ui/src/components/MyData/Widgets/KPIWidget/KPILegend/kpi-legend.less

@@ -14,10 +14,13 @@
 @import (reference) url('../../../../../styles/variables.less');
 
 .kpi-legend {
-  border: 1px solid @grey-15;
   border-radius: @border-rad-sm;
-  overflow-y: auto;
+  border: 1px solid @grey-15;
+  display: flex;
+  flex-direction: column;
+  gap: @size-xs;
   max-height: 350px;
+  overflow-y: auto;
 
   .legend-dot {
     border-radius: 50%;
@@ -26,19 +29,28 @@
   }
 
   .kpi-full-legend {
-    min-width: 235px;
-    background-color: @purple-4;
-    border: 1px solid @grey-16;
-    border-radius: @border-rad-sm;
     background-color: @grey-26;
+    border-radius: @border-rad-sm;
+    border: 1px solid @grey-16;
+    display: flex;
+    flex-direction: column;
+    gap: @size-xxs;
+    margin-bottom: @size-xs;
+    min-width: 0;
+    padding: @size-xs;
+    width: 100%;
   }
 
   .kpi-legend-title {
     color: @grey-700;
+    flex: 1;
     font-size: @size-sm;
-    line-height: 1.2;
     font-weight: @font-regular;
-    max-width: 180px;
+    line-height: 1.2;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .kpi-legend-info-icon {
@@ -60,41 +72,90 @@
   }
 
   .goal-completed-container {
-    padding: @size-xxs @size-xs;
+    align-items: center;
-    border-radius: @border-rad-xs;
     background-color: @green-9;
+    border-radius: @border-rad-xs;
+    display: flex;
+    flex-shrink: 1;
     font-size: 10px;
-    max-width: 115px;
+    gap: @size-xxs;
+    min-width: 0;
+    padding: @size-xxs @size-xs;
+    width: fit-content;
 
     .ant-typography {
       color: @green-10;
-      margin-left: @size-xxs;
+      margin: 0;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     svg {
-      width: @size-sm;
-      height: @size-sm;
       color: @green-10;
+      flex-shrink: 0;
+      height: @size-sm;
+      width: @size-sm;
     }
   }
 
   .goal-missed-container {
-    padding: @size-xxs @size-xs;
+    align-items: center;
-    border-radius: @border-rad-xs;
     background-color: @yellow-10;
+    border-radius: @border-rad-xs;
     color: @yellow-11;
+    display: flex;
+    flex-shrink: 1;
     font-size: 10px;
-    max-width: 100px;
+    gap: @size-xxs;
+    min-width: 0;
+    padding: @size-xxs @size-xs;
+    width: fit-content;
 
     .ant-typography {
       color: @yellow-11;
-      margin-left: @size-xxs;
+      margin: 0;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     svg {
-      width: @size-sm;
-      height: @size-sm;
       color: @yellow-11;
+      flex-shrink: 0;
+      height: @size-sm;
+      width: @size-sm;
     }
   }
+
+  .kpi-legend-header {
+    align-items: center;
+    display: flex;
+    gap: @size-xs;
+    justify-content: space-between;
+    min-width: 0;
+  }
+
+  .kpi-legend-bottom-row {
+    align-items: center;
+    display: flex;
+    gap: @size-xxs;
+    justify-content: space-between;
+    min-width: 0;
+  }
+
+  .kpi-legend-center-section {
+    align-items: center;
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    min-width: 0;
+  }
+
+  .kpi-legend-value-section {
+    flex-shrink: 0;
+    min-width: fit-content;
+  }
 }

openmetadata-ui/src/main/resources/ui/src/constants/AdvancedSearch.constants.ts

@@ -338,7 +338,9 @@ export const CURATED_ASSETS_LIST = [
   EntityType.DASHBOARD_DATA_MODEL,
   EntityType.DATABASE,
   EntityType.DATABASE_SCHEMA,
+  EntityType.DATA_PRODUCT,
   EntityType.GLOSSARY_TERM,
+  EntityType.KNOWLEDGE_PAGE,
   EntityType.METRIC,
   EntityType.MLMODEL,
   EntityType.PIPELINE,

openmetadata-ui/src/main/resources/ui/src/utils/EntityUtils.tsx

@@ -2452,6 +2452,7 @@ export const getEntityNameLabel = (entityName?: string) => {
     apiCollection: t('label.api-collection'),
     apiEndpoint: t('label.api-endpoint'),
     metric: t('label.metric'),
+    page: t('label.knowledge-page'),
   };
 
   return (