From eece86107d327d63201c7de89b1c193b35b774c8 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 13 Aug 2025 14:18:50 +0530
Subject: [PATCH 1/9] feat: add support for freemium license

---
 .../ClustersAndEnvironments/ClusterList.tsx   |  90 +++--
 src/Pages/License/ActivateLicense.tsx         |  14 +-
 .../UpgradeToEnterpriseDialog.tsx             |  77 +++++
 .../ic-upgrade-enterprise.svg                 | 320 ++++++++++++++++++
 src/Pages/Shared/UpgradeToEnterprise/index.ts |   1 +
 .../ResourceBrowser/PageHeader.buttons.tsx    |  49 ++-
 src/css/icons.scss                            |   5 +
 7 files changed, 516 insertions(+), 40 deletions(-)
 create mode 100644 src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
 create mode 100644 src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
 create mode 100644 src/Pages/Shared/UpgradeToEnterprise/index.ts

diff --git a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
index 1542ecad0d..183621a659 100644
--- a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
+++ b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
@@ -55,6 +55,7 @@ import { importComponentFromFELibrary } from '@Components/common'
 import { URLS } from '@Config/routes'
 import CreateCluster from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/CreateCluster.component'
 import { CreateClusterTypeEnum } from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/types'
+import { UpgradeToEnterpriseDialog } from '@Pages/Shared/UpgradeToEnterprise'
 
 import { getClusterList, getEnvironmentList } from './cluster.service'
 import {
@@ -84,8 +85,9 @@ const PodSpreadModal = importComponentFromFELibrary('PodSpreadModal', null, 'fun
 const HibernationRulesModal = importComponentFromFELibrary('HibernationRulesModal', null, 'function')
 
 const ClusterList = () => {
-    const { isSuperAdmin } = useMainContext()
+    const { isSuperAdmin, licenseData } = useMainContext()
     const isK8sClient = window._env_.K8S_CLIENT
+    const isFreemium = licenseData?.isFreemium
 
     const { push } = useHistory()
     const { search } = useLocation()
@@ -121,6 +123,7 @@ const ClusterList = () => {
     )
 
     const [showUnmappedEnvs, setShowUnmappedEnvs] = useState(false)
+    const [showUpgradeToEnterprise, setShowUpgradeToEnterprise] = useState(false)
 
     const clusterIdVsEnvMap: Record<number, Environment[]> = useMemo(
         () =>
@@ -350,6 +353,58 @@ const ClusterList = () => {
         )
     }
 
+    const handleOpenUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(true)
+    }
+
+    const handleCloseUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(false)
+    }
+
+    const renderAddClusterEnvButton = () => {
+        if (isEnvironmentsView) {
+            return (
+                <Button
+                    dataTestId="add-environment-button"
+                    linkProps={{
+                        to: {
+                            pathname: `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`,
+                            search,
+                        },
+                    }}
+                    component={ButtonComponentType.link}
+                    startIcon={<Icon name="ic-add" color={null} />}
+                    size={ComponentSizeType.medium}
+                    text="Add Environment"
+                />
+            )
+        }
+
+        return (
+            <Button
+                dataTestId="add-cluster-button"
+                component={ButtonComponentType.link}
+                startIcon={<Icon name="ic-link" color={null} />}
+                size={ComponentSizeType.medium}
+                text="Connect Cluster"
+                {...(isFreemium
+                    ? {
+                          component: ButtonComponentType.button,
+                          onClick: handleOpenUpgradeDialog,
+                      }
+                    : {
+                          component: ButtonComponentType.link,
+                          linkProps: {
+                              to: generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
+                                  type: CreateClusterTypeEnum.CONNECT_CLUSTER,
+                              }),
+                              search,
+                          },
+                      })}
+            />
+        )
+    }
+
     return (
         <div className="flexbox-col h-100">
             <div className="flexbox-col bg__primary flex-grow-1">
@@ -394,23 +449,7 @@ const ClusterList = () => {
                             keyboardShortcut="/"
                         />
                         {ManageCategoryButton && <ManageCategoryButton search={search} />}
-                        <Button
-                            dataTestId={isEnvironmentsView ? 'add-environment-button' : 'add-cluster-button'}
-                            linkProps={{
-                                to: {
-                                    pathname: isEnvironmentsView
-                                        ? `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`
-                                        : generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
-                                              type: CreateClusterTypeEnum.CONNECT_CLUSTER,
-                                          }),
-                                    search,
-                                },
-                            }}
-                            component={ButtonComponentType.link}
-                            startIcon={<Icon name={isEnvironmentsView ? 'ic-add' : 'ic-link'} color={null} />}
-                            size={ComponentSizeType.medium}
-                            text={isEnvironmentsView ? 'Add Environment' : 'Connect Cluster'}
-                        />
+                        {renderAddClusterEnvButton()}
                         {isEnvironmentsView && (
                             <ActionMenu
                                 id="additional-options-action-menu"
@@ -451,13 +490,16 @@ const ClusterList = () => {
                 {/* Body */}
                 {renderList()}
                 {/* Modals and Routes */}
+                <UpgradeToEnterpriseDialog open={showUpgradeToEnterprise} handleClose={handleCloseUpgradeDialog} />
                 {ManageCategories && <ManageCategories />}
-                <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
-                    <CreateCluster
-                        handleReloadClusterList={reloadClusterList}
-                        handleRedirectOnModalClose={handleRedirectToClusterList}
-                    />
-                </Route>
+                {!isFreemium && (
+                    <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
+                        <CreateCluster
+                            handleReloadClusterList={reloadClusterList}
+                            handleRedirectOnModalClose={handleRedirectToClusterList}
+                        />
+                    </Route>
+                )}
                 <Route path={COMMON_URLS.GLOBAL_CONFIG_EDIT_CLUSTER}>
                     <EditCluster
                         clusterList={clusterListResult ?? []}
diff --git a/src/Pages/License/ActivateLicense.tsx b/src/Pages/License/ActivateLicense.tsx
index 9bf8008978..607569f93c 100644
--- a/src/Pages/License/ActivateLicense.tsx
+++ b/src/Pages/License/ActivateLicense.tsx
@@ -62,7 +62,7 @@ const ActivateLicense = () => {
             return
         }
 
-        if (licenseData?.licenseStatusError.code === LicensingErrorCodes.LicKeyNotFound) {
+        if (licenseData?.licenseStatusError?.code === LicensingErrorCodes.LicKeyNotFound) {
             setShowActivateDialog(true)
         }
     }, [isLoading, licenseData])
@@ -91,11 +91,17 @@ const ActivateLicense = () => {
                     <div className="fs-20 lh-1-5 fw-7 cn-9 font-merriweather dc__truncate">
                         {licenseData.enterpriseName}
                     </div>
-                    <div className="fs-16 lh-1-5 cr-5 fw-4">Your license key is no longer valid</div>
+                    <div className="fs-16 lh-1-5 cr-5 fw-4">
+                        {licenseData.isFreemium &&
+                        licenseData.licenseStatusError?.code === LicensingErrorCodes.ClusterLimitExceeded
+                            ? 'Freemium Limit Reached'
+                            : 'Your license key is no longer valid'}
+                    </div>
                 </div>
             </div>
             {licenseData.licenseStatusError &&
-            licenseData.licenseStatusError.code !== LicensingErrorCodes.LicenseExpired ? (
+            licenseData.licenseStatusError.code !== LicensingErrorCodes.LicenseExpired &&
+            licenseData.licenseStatusError.code !== LicensingErrorCodes.ClusterLimitExceeded ? (
                 <InfoBlock
                     heading="Need help?"
                     description={
@@ -124,7 +130,9 @@ const ActivateLicense = () => {
                     licenseStatus={licenseData.licenseStatus}
                     isTrial={licenseData.isTrial}
                     licenseSuffix={licenseData.licenseSuffix}
+                    isFreemium={licenseData.isFreemium}
                     appTheme={appTheme}
+                    licenseStatusError={licenseData.licenseStatusError}
                 />
             )}
             <div className="flex dc__content-space">
diff --git a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
new file mode 100644
index 0000000000..e51532c66c
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
@@ -0,0 +1,77 @@
+import {
+    Button,
+    ButtonStyleType,
+    ButtonVariantType,
+    GenericModal,
+    Icon,
+    noop,
+} from '@devtron-labs/devtron-fe-common-lib'
+
+import { ReactComponent as ICUpgradeToEnterprise } from './ic-upgrade-enterprise.svg'
+
+const ENTERPRISE_PLAN_OFFERINGS = [
+    'Unlimited clusters',
+    'Managed Devtron installation',
+    'Priority support',
+    'Contribute to our roadmap',
+    'Early access to enterprise features & more…',
+]
+
+const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handleClose: () => void }) => (
+    <GenericModal name="upgrade-to-enterprise" open={open} width={450} onClose={noop}>
+        <GenericModal.Body>
+            <div className="p-32 flexbox-col dc__gap-32 border__primary">
+                <div className="flexbox-col dc__gap-16">
+                    <div className="flexbox dc__content-space dc__align-start">
+                        <ICUpgradeToEnterprise className="icon-dim-64" />
+                        <Button
+                            dataTestId="close-upgrade-dialog"
+                            icon={<Icon name="ic-close-large" color={null} />}
+                            variant={ButtonVariantType.secondary}
+                            style={ButtonStyleType.negativeGrey}
+                            onClick={handleClose}
+                            ariaLabel="close-upgrade-dialog"
+                            showAriaLabelInTippy={false}
+                        />
+                    </div>
+                    <div className="flexbox-col dc__gap-8">
+                        <h1 className="fs-24 lh-1-5 fw-7 cn-9 m-0">Upgrade to Enterprise Plan</h1>
+                        <span className="fs-16 fw-4 lh-1-5 cn-9">
+                            Your freemium plan allows only 1 cluster. Unlock more to scale without limits.
+                        </span>
+                    </div>
+                </div>
+                <div className="flexbox-col border__primary-translucent br-12 shadow__card--10">
+                    <div className="flexbox-col dc__gap-16 p-20">
+                        <span className="fs-15 fw-6 lh-1-5 cn-9">What’s included</span>
+                        <div className="flexbox-col dc__gap-8">
+                            {ENTERPRISE_PLAN_OFFERINGS.map((description) => (
+                                <div key={description} className="flexbox dc__gap-8 dc__align-items-center">
+                                    <Icon name="ic-check" color="G500" size={20} />
+                                    <span className="fs-13 lh-20 fw-4 cn-9">{description}</span>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                    <div className="divider__primary--horizontal" />
+                    <div className="p-20 flexbox-col dc__gap-20">
+                        <div className="flexbox-col dc__gap-4">
+                            <span className="fs-15 fw-6 lh-1-5 cn-9">Unlock Devtron&apos;s Full Potential</span>
+                            <span className="fs-13 hw-4 lh-1-5 cn-9">
+                                Scale your infrastructure, accelerate your teams, and get the resources you need to
+                                grow.
+                            </span>
+                        </div>
+                        <Button
+                            dataTestId="upgrate-to-enterprise"
+                            text="Upgrade Now"
+                            endIcon={<Icon name="ic-arrow-right" color={null} />}
+                        />
+                    </div>
+                </div>
+            </div>
+        </GenericModal.Body>
+    </GenericModal>
+)
+
+export default UpgradeToEnterpriseDialog
diff --git a/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg b/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
new file mode 100644
index 0000000000..eb7ca93cf2
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
@@ -0,0 +1,320 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <style>
+    .diamond {
+  animation: obj-rotate 3s forwards ease;
+  transform-origin: center;
+  transform-box: fill-box;
+  }
+
+  @keyframes obj-rotate {
+  0% {transform: rotate(-90deg);}
+  30% {transform: rotate(0deg);}
+  100% {transform: rotate(0deg);}
+}
+    .shape-bottom-left {
+    animation: anim-bottom-left 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-left {
+      0% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: 0;
+      }
+      25% {
+        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: .2;
+      }
+      100% {
+        d: path("M2 83.6167L113.5 240L58.5 126.737L2 83.6167Z"); opacity: 1;
+      }
+   }
+
+  .shape-bottom-right {
+    animation: anim-bottom-right 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-right {
+      0% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: 0;
+      }
+      25% {
+        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: .2;
+      }
+      100% {
+        d: path("M197 126.7L248 85.3701L135.5 240L197 126.7Z"); opacity: 1;
+      }
+   }
+
+    .shape-bottom-front {
+    animation: anim-bottom-front 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-bottom-front {
+      0% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: 0;
+      }
+      25% {
+        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: .2;
+      }
+      100% {
+        d: path("M125 243L70 127H180.706L125 243Z"); opacity: 1;
+      }
+   }
+
+    .shape-top-tl {
+    animation: anim-top-tl 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tl {
+    0% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    25% {
+      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
+    }
+    100% {
+      d: path("M35 43L7.5 73.5L4.51562 73.5L33.5 42.5L35 43Z"); opacity: 0;
+    }
+  }
+
+    .shape-top-front {
+    animation: anim-top-bottom 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-bottom {
+    0% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    25% {
+      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
+    }
+    100% {
+      d: path("M166.67 68.5L83.6699 68.5L70 116.999L180.67 116.999L166.67 68.5Z");
+    }
+  }
+
+    .shape-top-bl {
+    animation: anim-top-bl 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-bl {
+      0% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      25% {
+        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
+      }
+      100% {
+        d: path("M33.5 41.5L73.5 65L59.5 114L4 73.5L33.5 41.5Z");
+      }
+   }
+
+    .shape-top-br {
+    animation: anim-top-br 3s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-br {
+      0% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      25% {
+        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
+      }
+      100% {
+        d: path("M216.5 41L248.5 75.5L194 115.5L177.5 64.5L216.5 41Z");
+      }
+   }
+
+      .shape-top-face {
+      animation: anim-top-face 3s forwards ease;
+      transform-origin: center;
+      transform-box: fill-box;
+    }
+    
+    @keyframes anim-top-face {
+      0% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      25% {
+        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
+      }
+      100% {
+        d: path("M83.5 9L166.5 9L209 34L166.5 58.5L83.5 58.5L41 34L83.5 9Z");
+      }
+    }
+
+    .shape-top-back {
+    animation: anim-top-tf 2.5s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+    }
+
+    @keyframes anim-top-tf {
+      0% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      25% {
+        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
+      }
+      100% {
+        d: path("M97.0755 13L155.973 13L172 11L81 11L97.0755 13Z"); opacity: .1;
+      }
+   }
+
+    .shape-top-tr {
+    animation: anim-top-tr 2.8s forwards ease;
+    transform-origin: center;
+    transform-box: fill-box;
+  }
+  
+  @keyframes anim-top-tr {
+    0% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    25% {
+      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
+    }
+    100% {
+      d: path("M215.5 42L214 43L242.5 73.5L244.5 73.5L215.5 42Z"); opacity: 0;
+    }
+  }
+
+    .small-star {
+  animation: twinkle 2.9s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+.big-star {
+  animation: twinkle 2.6s infinite ease;
+  transform-origin: center center;
+  transform-box: fill-box;
+  }
+
+@keyframes twinkle {
+      0% { transform: rotate(0deg) scale(0); opacity: 0;}
+      60% { transform: rotate(0deg) scale(0); opacity: 1;}
+      80% { transform: rotate(180deg) scale(1); opacity: 1;}
+      100% { transform: rotate(360deg) scale(0); opacity: 0;}
+      }
+    }
+</style>
+<g class="diamond">
+<path class="shape-top-tr" d="M191 23L171.62 57L207.54 119H246.663L191 23Z" fill="url(#paint8_linear_637_2386)"/>
+<path class="shape-bottom-left" d="M59.5 160L4.5 132L60 226.5L59.5 160Z" fill="url(#paint6_linear_637_2386)"/>
+<path class="shape-bottom-right" d="M191.5 160.289L246.5 132L192 226L191.5 160.289Z" fill="url(#paint2_linear_637_2386)"/>
+<path class="shape-bottom-front" d="M125.5 199.5L71 232.999H180L125.5 199.5Z" fill="url(#paint4_linear_637_2386)"/>
+<path class="shape-top-back" d="M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z" fill="url(#paint0_linear_637_2386)"/>
+<path class="shape-top-tl" d="M78.5 56.7344L42.7498 119H3.66296L58.8896 23L78.5 56.7344Z" fill="url(#paint1_linear_637_2386)"/>
+<path class="shape-top-bl" d="M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z" fill="url(#paint7_linear_637_2386)"/>
+<path class="shape-top-face" d="M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092H96.6555L68.3118 124.999L96.6555 75.9063Z" fill="url(#paint9_linear_637_2386)"/>
+<path class="shape-top-br" d="M208 132H247L192 226.5L172.5 193L208 132Z" fill="url(#paint3_linear_637_2386)"/>
+<path class="shape-top-front" d="M161.707 199.402H90.1915L70.7853 233.252H181.415L161.707 199.402Z" fill="url(#paint5_linear_637_2386)"/>
+<path class="big-star" d="M195 62C195 62 194.739 92.6268 207.056 104.944C219.373 117.261 250 117 250 117C250 117 219.373 116.739 207.056 129.056C194.739 141.373 195 172 195 172C195 172 195.261 141.373 182.944 129.056C170.627 116.739 140 117 140 117C140 117 170.627 117.261 182.944 104.944C195.261 92.6268 195 62 195 62Z" fill="#FFFCD0"/>
+<path class="small-star" d="M44 12C44 12 43.8577 28.7055 50.5761 35.4239C57.2945 42.1423 74 42 74 42C74 42 57.2945 41.8577 50.5761 48.5761C43.8577 55.2945 44 72 44 72C44 72 44.1423 55.2945 37.4239 48.5761C30.7055 41.8577 14 42 14 42C14 42 30.7055 42.1423 37.4239 35.4239C44.1423 28.7055 44 12 44 12Z" fill="#FFFCD0"/>
+<defs>
+  <linearGradient id="paint0_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint1_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#FFCF08;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#E37600;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint2_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="55%" stop-color="#C64200">
+      <animate attributeName="stop-color" values="#FF9518;#C64200" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="95%" stop-color="#FF9518">
+      <animate attributeName="stop-color" values="#C64200;#FF9518" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint3_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="75%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#FC9500;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="90%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#F7E373;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint4_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="32%" stop-color="#DA5724">
+      <animate attributeName="stop-color" values="#FCAC1A;#DA5724" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="60%" stop-color="#FCAC1A">
+      <animate attributeName="stop-color" values="#DA5724;#FCAC1A" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint5_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#EA8101">
+      <animate attributeName="stop-color" values="#FFF000;#EA8101" dur="2s" fill="freeze" />
+    </stop>
+    <stop offset="80%" stop-color="#FFF000">
+      <animate attributeName="stop-color" values="#FFF000;#FFF000" dur="2s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint6_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#CC501F">
+      <animate attributeName="stop-color" values="#D97600;#CC501F" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="40%" stop-color="#D97600">
+      <animate attributeName="stop-color" values="#CC501F;#D97600" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint7_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="8%" stop-color="#E37600">
+      <animate attributeName="stop-color" values="#FFCF08;#E37600" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="30%" stop-color="#FFCF08">
+      <animate attributeName="stop-color" values="#E37600;#FFCF08" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint8_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="0%" stop-color="#F7E373">
+      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="100%" stop-color="#FC9500">
+      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+
+  <linearGradient id="paint9_linear_637_2386" gradientUnits="userSpaceOnUse">
+    <stop offset="30%" stop-color="#F99A00">
+      <animate attributeName="stop-color" values="#FFD800;#F99A00" dur="3s" fill="freeze" />
+    </stop>
+    <stop offset="55%" stop-color="#FFD800">
+      <animate attributeName="stop-color" values="#F99A00;#FFD800" dur="3s" fill="freeze" />
+    </stop>
+  </linearGradient>
+</defs>
+
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/Pages/Shared/UpgradeToEnterprise/index.ts b/src/Pages/Shared/UpgradeToEnterprise/index.ts
new file mode 100644
index 0000000000..901be71fc1
--- /dev/null
+++ b/src/Pages/Shared/UpgradeToEnterprise/index.ts
@@ -0,0 +1 @@
+export { default as UpgradeToEnterpriseDialog } from './UpgradeToEnterpriseDialog'
diff --git a/src/components/ResourceBrowser/PageHeader.buttons.tsx b/src/components/ResourceBrowser/PageHeader.buttons.tsx
index 6a0ccb2e69..bccec714e1 100644
--- a/src/components/ResourceBrowser/PageHeader.buttons.tsx
+++ b/src/components/ResourceBrowser/PageHeader.buttons.tsx
@@ -30,6 +30,7 @@ import {
     CreateClusterProps,
     CreateClusterTypeEnum,
 } from '@Pages/GlobalConfigurations/ClustersAndEnvironments/CreateCluster/types'
+import { UpgradeToEnterpriseDialog } from '@Pages/Shared/UpgradeToEnterprise'
 
 import { ReactComponent as Add } from '../../assets/icons/ic-add.svg'
 import { URLS } from '../../config'
@@ -72,7 +73,18 @@ export const renderCreateResourceButton = (clusterId: string, callback: CreateRe
 
 export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateClusterProps, 'handleReloadClusterList'>) => {
     const { replace } = useHistory()
-    const { isSuperAdmin } = useMainContext()
+    const { isSuperAdmin, licenseData } = useMainContext()
+    const isFreemium = licenseData?.isFreemium
+
+    const [showUpgradeToEnterprise, setShowUpgradeToEnterprise] = useState(false)
+
+    const handleOpenUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(true)
+    }
+
+    const handleCloseUpgradeDialog = () => {
+        setShowUpgradeToEnterprise(false)
+    }
 
     const handleCloseCreateClusterModal = () => {
         replace(URLS.RESOURCE_BROWSER)
@@ -86,23 +98,34 @@ export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateCluster
                         dataTestId="add_cluster_button"
                         text="New Cluster"
                         size={ComponentSizeType.small}
-                        component={ButtonComponentType.link}
                         startIcon={<Add />}
-                        linkProps={{
-                            to: generatePath(URLS.RESOURCE_BROWSER_CREATE_CLUSTER, {
-                                type: CreateClusterTypeEnum.CONNECT_CLUSTER,
-                            }),
-                        }}
+                        {...(isFreemium
+                            ? {
+                                  component: ButtonComponentType.button,
+                                  onClick: handleOpenUpgradeDialog,
+                              }
+                            : {
+                                  component: ButtonComponentType.link,
+                                  linkProps: {
+                                      to: generatePath(URLS.RESOURCE_BROWSER_CREATE_CLUSTER, {
+                                          type: CreateClusterTypeEnum.CONNECT_CLUSTER,
+                                      }),
+                                  },
+                              })}
                     />
                     <span className="dc__divider" />
                 </div>
 
-                <Route path={URLS.RESOURCE_BROWSER_CREATE_CLUSTER} exact>
-                    <CreateCluster
-                        handleReloadClusterList={handleReloadClusterList}
-                        handleRedirectOnModalClose={handleCloseCreateClusterModal}
-                    />
-                </Route>
+                {!isFreemium && (
+                    <Route path={URLS.RESOURCE_BROWSER_CREATE_CLUSTER} exact>
+                        <CreateCluster
+                            handleReloadClusterList={handleReloadClusterList}
+                            handleRedirectOnModalClose={handleCloseCreateClusterModal}
+                        />
+                    </Route>
+                )}
+
+                <UpgradeToEnterpriseDialog open={showUpgradeToEnterprise} handleClose={handleCloseUpgradeDialog} />
             </>
         )
     )
diff --git a/src/css/icons.scss b/src/css/icons.scss
index 13ff02169d..b2c8795828 100644
--- a/src/css/icons.scss
+++ b/src/css/icons.scss
@@ -212,6 +212,11 @@
     height: 50px;
 }
 
+.icon-dim-64 {
+    width: 64px;
+    height: 64px;
+}
+
 .icon-dim-72 {
     width: 72px;
     height: 72px;

From 52ddf77e420c5950509752f6fbed60934fc070d5 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 13 Aug 2025 14:27:16 +0530
Subject: [PATCH 2/9] chore: version bump

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index e6bb2c168a..d1aa335f2b 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.0",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-3",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
diff --git a/yarn.lock b/yarn.lock
index 1c990a8be8..3ede9e88b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.0":
-  version: 1.19.0
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-3":
+  version: 1.19.0-beta-3
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-3"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/25390066894085fa42a416baa035dfc52ff34eec03489345b6708a111890e256799af79d2128026ebd4cd562d070c26792287cbe29b4081600391da22343821f
+  checksum: 10c0/e2a5d5705fe14f9d4ed660968155047e24095c708ab4de90cd563b42ddabe04bd88e08264887374c75f6180fe4aa304b8b3abd334392831689d2c1f36a25d172
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-3"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"

From 27ecf02b772e2a57f29f96e546a0cfb850173713 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Wed, 13 Aug 2025 16:40:46 +0530
Subject: [PATCH 3/9] chore: add gradient

---
 .../UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
index e51532c66c..c7ee3412cd 100644
--- a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
+++ b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
@@ -20,7 +20,13 @@ const ENTERPRISE_PLAN_OFFERINGS = [
 const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handleClose: () => void }) => (
     <GenericModal name="upgrade-to-enterprise" open={open} width={450} onClose={noop}>
         <GenericModal.Body>
-            <div className="p-32 flexbox-col dc__gap-32 border__primary">
+            <div
+                className="p-32 flexbox-col dc__gap-32 border__primary"
+                style={{
+                    background:
+                        'linear-gradient(183deg, var(--bg-primary) 5.64%, var(--bg-primary, #FFF) 41.13%, var(--B100) 76.62%, var(--V200) 94.36%)',
+                }}
+            >
                 <div className="flexbox-col dc__gap-16">
                     <div className="flexbox dc__content-space dc__align-start">
                         <ICUpgradeToEnterprise className="icon-dim-64" />

From 705d2e79cc1cebb28dacd6ff02003ae3c7cdce8f Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Thu, 14 Aug 2025 12:25:38 +0530
Subject: [PATCH 4/9] feat: add module limits in freemium

---
 .../ClustersAndEnvironments/ClusterList.tsx   | 125 +++++++++---------
 .../UpgradeToEnterpriseDialog.tsx             |   5 +-
 .../ClusterList/ClusterSelectionBody.tsx      |   2 +-
 .../ResourceBrowser/PageHeader.buttons.tsx    |  24 ++--
 .../ResourceBrowser/ResourceBrowser.tsx       |   2 +-
 5 files changed, 83 insertions(+), 75 deletions(-)

diff --git a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
index 183621a659..fd374b7b19 100644
--- a/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
+++ b/src/Pages/GlobalConfigurations/ClustersAndEnvironments/ClusterList.tsx
@@ -33,7 +33,6 @@ import {
     GenericFilterEmptyState,
     getSelectPickerOptionByValue,
     Icon,
-    noop,
     numberComparatorBySortOrder,
     OptionType,
     PaginationEnum,
@@ -87,7 +86,7 @@ const HibernationRulesModal = importComponentFromFELibrary('HibernationRulesModa
 const ClusterList = () => {
     const { isSuperAdmin, licenseData } = useMainContext()
     const isK8sClient = window._env_.K8S_CLIENT
-    const isFreemium = licenseData?.isFreemium
+    const isFreemium = licenseData?.isFreemium ?? false
 
     const { push } = useHistory()
     const { search } = useLocation()
@@ -247,6 +246,8 @@ const ClusterList = () => {
 
     const isEnvironmentsView = selectedTab === ClusterEnvTabs.ENVIRONMENTS
     const isClusterEnvListLoading = clusterListLoading || envListLoading
+    const isClusterAdditionAllowed =
+        !isFreemium || clusterListResult?.length < licenseData?.moduleLimits.maxAllowedClusters
 
     // Early return for non super admin users
     if (!isK8sClient && !isSuperAdmin) {
@@ -341,18 +342,6 @@ const ClusterList = () => {
         )
     }
 
-    if (clusterListResult && !clusterListResult.length) {
-        return (
-            <GenericEmptyState
-                title="Manage Clusters and Environments"
-                subTitle="It looks like you haven't set up any Kubernetes clusters yet. Start by adding your first cluster and environment."
-                isButtonAvailable
-                renderButton={noop}
-                image={NoClusterImg}
-            />
-        )
-    }
-
     const handleOpenUpgradeDialog = () => {
         setShowUpgradeToEnterprise(true)
     }
@@ -361,47 +350,68 @@ const ClusterList = () => {
         setShowUpgradeToEnterprise(false)
     }
 
-    const renderAddClusterEnvButton = () => {
-        if (isEnvironmentsView) {
-            return (
-                <Button
-                    dataTestId="add-environment-button"
-                    linkProps={{
-                        to: {
-                            pathname: `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`,
-                            search,
-                        },
-                    }}
-                    component={ButtonComponentType.link}
-                    startIcon={<Icon name="ic-add" color={null} />}
-                    size={ComponentSizeType.medium}
-                    text="Add Environment"
+    const renderAddEnvButton = () => (
+        <Button
+            dataTestId="add-environment-button"
+            linkProps={{
+                to: {
+                    pathname: `${URLS.GLOBAL_CONFIG_CLUSTER}${URLS.CREATE_ENVIRONMENT}`,
+                    search,
+                },
+            }}
+            component={ButtonComponentType.link}
+            startIcon={<Icon name="ic-add" color={null} />}
+            size={ComponentSizeType.medium}
+            text="Add Environment"
+        />
+    )
+
+    const renderAddClusterButton = () => (
+        <Button
+            dataTestId="add-cluster-button"
+            component={ButtonComponentType.link}
+            startIcon={<Icon name="ic-link" color={null} />}
+            size={ComponentSizeType.medium}
+            text="Connect Cluster"
+            {...(isClusterAdditionAllowed
+                ? {
+                      component: ButtonComponentType.link,
+                      linkProps: {
+                          to: generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
+                              type: CreateClusterTypeEnum.CONNECT_CLUSTER,
+                          }),
+                          search,
+                      },
+                  }
+                : {
+                      component: ButtonComponentType.button,
+                      onClick: handleOpenUpgradeDialog,
+                  })}
+        />
+    )
+
+    const renderAddClusterRoute = () =>
+        isClusterAdditionAllowed ? (
+            <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
+                <CreateCluster
+                    handleReloadClusterList={reloadClusterList}
+                    handleRedirectOnModalClose={handleRedirectToClusterList}
                 />
-            )
-        }
+            </Route>
+        ) : null
 
+    if (clusterListResult && !clusterListResult.length) {
         return (
-            <Button
-                dataTestId="add-cluster-button"
-                component={ButtonComponentType.link}
-                startIcon={<Icon name="ic-link" color={null} />}
-                size={ComponentSizeType.medium}
-                text="Connect Cluster"
-                {...(isFreemium
-                    ? {
-                          component: ButtonComponentType.button,
-                          onClick: handleOpenUpgradeDialog,
-                      }
-                    : {
-                          component: ButtonComponentType.link,
-                          linkProps: {
-                              to: generatePath(URLS.GLOBAL_CONFIG_CREATE_CLUSTER, {
-                                  type: CreateClusterTypeEnum.CONNECT_CLUSTER,
-                              }),
-                              search,
-                          },
-                      })}
-            />
+            <>
+                <GenericEmptyState
+                    title="Manage Clusters and Environments"
+                    subTitle="It looks like you haven't set up any Kubernetes clusters yet. Start by adding your first cluster and environment."
+                    isButtonAvailable
+                    renderButton={renderAddClusterButton}
+                    image={NoClusterImg}
+                />
+                {renderAddClusterRoute()}
+            </>
         )
     }
 
@@ -449,7 +459,7 @@ const ClusterList = () => {
                             keyboardShortcut="/"
                         />
                         {ManageCategoryButton && <ManageCategoryButton search={search} />}
-                        {renderAddClusterEnvButton()}
+                        {isEnvironmentsView ? renderAddEnvButton() : renderAddClusterButton()}
                         {isEnvironmentsView && (
                             <ActionMenu
                                 id="additional-options-action-menu"
@@ -492,14 +502,7 @@ const ClusterList = () => {
                 {/* Modals and Routes */}
                 <UpgradeToEnterpriseDialog open={showUpgradeToEnterprise} handleClose={handleCloseUpgradeDialog} />
                 {ManageCategories && <ManageCategories />}
-                {!isFreemium && (
-                    <Route path={URLS.GLOBAL_CONFIG_CREATE_CLUSTER}>
-                        <CreateCluster
-                            handleReloadClusterList={reloadClusterList}
-                            handleRedirectOnModalClose={handleRedirectToClusterList}
-                        />
-                    </Route>
-                )}
+                {renderAddClusterRoute()}
                 <Route path={COMMON_URLS.GLOBAL_CONFIG_EDIT_CLUSTER}>
                     <EditCluster
                         clusterList={clusterListResult ?? []}
diff --git a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
index c7ee3412cd..ca7233673e 100644
--- a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
+++ b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
@@ -21,7 +21,7 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
     <GenericModal name="upgrade-to-enterprise" open={open} width={450} onClose={noop}>
         <GenericModal.Body>
             <div
-                className="p-32 flexbox-col dc__gap-32 border__primary"
+                className="p-32 flexbox-col dc__gap-32"
                 style={{
                     background:
                         'linear-gradient(183deg, var(--bg-primary) 5.64%, var(--bg-primary, #FFF) 41.13%, var(--B100) 76.62%, var(--V200) 94.36%)',
@@ -68,8 +68,9 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
                                 grow.
                             </span>
                         </div>
+                        {/* TODO: Add onClick handler */}
                         <Button
-                            dataTestId="upgrate-to-enterprise"
+                            dataTestId="upgrade-to-enterprise"
                             text="Upgrade Now"
                             endIcon={<Icon name="ic-arrow-right" color={null} />}
                         />
diff --git a/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx b/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
index 9bbdaa4e3e..fdff4d95db 100644
--- a/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
+++ b/src/components/ClusterNodes/ClusterList/ClusterSelectionBody.tsx
@@ -78,7 +78,7 @@ const ClusterSelectionBody: React.FC<ClusterSelectionBodyTypes> = ({
                 image={NoClusterEmptyState}
                 title="No clusters found"
                 subTitle="Add a cluster to view and debug Kubernetes resources in the cluster"
-                renderButton={renderNewClusterButton(refreshData)}
+                renderButton={renderNewClusterButton(refreshData, 0)}
             />
         )
     }
diff --git a/src/components/ResourceBrowser/PageHeader.buttons.tsx b/src/components/ResourceBrowser/PageHeader.buttons.tsx
index bccec714e1..58918308f8 100644
--- a/src/components/ResourceBrowser/PageHeader.buttons.tsx
+++ b/src/components/ResourceBrowser/PageHeader.buttons.tsx
@@ -71,10 +71,14 @@ export const renderCreateResourceButton = (clusterId: string, callback: CreateRe
     <CreateResourceButton closeModal={callback} clusterId={clusterId} />
 )
 
-export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateClusterProps, 'handleReloadClusterList'>) => {
+export const NewClusterButton = ({
+    handleReloadClusterList,
+    clusterCount,
+}: Pick<CreateClusterProps, 'handleReloadClusterList'> & { clusterCount: number }) => {
     const { replace } = useHistory()
     const { isSuperAdmin, licenseData } = useMainContext()
-    const isFreemium = licenseData?.isFreemium
+    const isFreemium = licenseData?.isFreemium ?? false
+    const isClusterAdditionAllowed = !isFreemium || clusterCount < licenseData?.moduleLimits?.maxAllowedClusters
 
     const [showUpgradeToEnterprise, setShowUpgradeToEnterprise] = useState(false)
 
@@ -99,24 +103,24 @@ export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateCluster
                         text="New Cluster"
                         size={ComponentSizeType.small}
                         startIcon={<Add />}
-                        {...(isFreemium
+                        {...(isClusterAdditionAllowed
                             ? {
-                                  component: ButtonComponentType.button,
-                                  onClick: handleOpenUpgradeDialog,
-                              }
-                            : {
                                   component: ButtonComponentType.link,
                                   linkProps: {
                                       to: generatePath(URLS.RESOURCE_BROWSER_CREATE_CLUSTER, {
                                           type: CreateClusterTypeEnum.CONNECT_CLUSTER,
                                       }),
                                   },
+                              }
+                            : {
+                                  component: ButtonComponentType.button,
+                                  onClick: handleOpenUpgradeDialog,
                               })}
                     />
                     <span className="dc__divider" />
                 </div>
 
-                {!isFreemium && (
+                {isClusterAdditionAllowed && (
                     <Route path={URLS.RESOURCE_BROWSER_CREATE_CLUSTER} exact>
                         <CreateCluster
                             handleReloadClusterList={handleReloadClusterList}
@@ -131,6 +135,6 @@ export const NewClusterButton = ({ handleReloadClusterList }: Pick<CreateCluster
     )
 }
 
-export const renderNewClusterButton = (handleReloadClusterList: () => void) => () => (
-    <NewClusterButton handleReloadClusterList={handleReloadClusterList} />
+export const renderNewClusterButton = (handleReloadClusterList: () => void, clusterCount: number) => () => (
+    <NewClusterButton handleReloadClusterList={handleReloadClusterList} clusterCount={clusterCount} />
 )
diff --git a/src/components/ResourceBrowser/ResourceBrowser.tsx b/src/components/ResourceBrowser/ResourceBrowser.tsx
index 273dde223e..57ed6403d2 100644
--- a/src/components/ResourceBrowser/ResourceBrowser.tsx
+++ b/src/components/ResourceBrowser/ResourceBrowser.tsx
@@ -83,7 +83,7 @@ const ResourceBrowser: React.FC = () => {
             <PageHeader
                 additionalHeaderInfo={renderAdditionalBrowserHeaderInfo}
                 isBreadcrumbs={false}
-                renderActionButtons={renderNewClusterButton(reloadDetailClusterList)}
+                renderActionButtons={renderNewClusterButton(reloadDetailClusterList, sortedClusterList.length)}
             />
             {renderContent()}
         </div>

From 2f2fc0faf2e7eebf152e150b34a7debc1df33d04 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Thu, 14 Aug 2025 12:29:22 +0530
Subject: [PATCH 5/9] chore: version bump

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index d1aa335f2b..edaddf4cdd 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-3",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-4",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
diff --git a/yarn.lock b/yarn.lock
index 3ede9e88b5..39cc7dd790 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-3":
-  version: 1.19.0-beta-3
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-3"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-4":
+  version: 1.19.0-beta-4
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-4"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/e2a5d5705fe14f9d4ed660968155047e24095c708ab4de90cd563b42ddabe04bd88e08264887374c75f6180fe4aa304b8b3abd334392831689d2c1f36a25d172
+  checksum: 10c0/5692c6006c8e0e7da8761df63511e12c9a2f02d4eca8a54ced26080641eb7da38781af0cb2cebf97d29739ade327a1a7b22c946cae0889969afd8b82860721ad
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-3"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-4"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"

From 5489a64c3b1d7924e370a78092a6191433bc1401 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Thu, 14 Aug 2025 12:45:02 +0530
Subject: [PATCH 6/9] chore: add check for license data

---
 src/Pages/License/ActivateLicense.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Pages/License/ActivateLicense.tsx b/src/Pages/License/ActivateLicense.tsx
index 607569f93c..d541d7ba3c 100644
--- a/src/Pages/License/ActivateLicense.tsx
+++ b/src/Pages/License/ActivateLicense.tsx
@@ -57,7 +57,7 @@ const ActivateLicense = () => {
 
         // licenseDataError.code === 404 means, oss and licensing does not exist
         //  In case licenseStatusError is null, license is valid
-        if (licenseDataError?.code === API_STATUS_CODES.NOT_FOUND || !licenseData.licenseStatusError) {
+        if (licenseDataError?.code === API_STATUS_CODES.NOT_FOUND || !licenseData?.licenseStatusError) {
             redirectToLogin()
             return
         }

From ddd2c239405a01b2af6cd5d5c7d013d0779e2fb4 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Thu, 14 Aug 2025 16:27:33 +0530
Subject: [PATCH 7/9] fix: use all clusters for count

---
 src/components/ResourceBrowser/ResourceBrowser.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ResourceBrowser/ResourceBrowser.tsx b/src/components/ResourceBrowser/ResourceBrowser.tsx
index 57ed6403d2..c8f6720330 100644
--- a/src/components/ResourceBrowser/ResourceBrowser.tsx
+++ b/src/components/ResourceBrowser/ResourceBrowser.tsx
@@ -49,13 +49,18 @@ const ResourceBrowser: React.FC = () => {
     )
 
     const sortedClusterList: ClusterDetail[] = useMemo(
+        () => sortObjectArrayAlphabetically(detailClusterList || clusterListMinData || [], 'name'),
+        [detailClusterList, clusterListMinData],
+    )
+
+    const filteredSortedCluserList = useMemo(
         () =>
-            sortObjectArrayAlphabetically(detailClusterList || clusterListMinData || [], 'name').filter(
+            sortedClusterList.filter(
                 (option) =>
                     !(window._env_.HIDE_DEFAULT_CLUSTER && option.id === DEFAULT_CLUSTER_ID) &&
                     !option.isVirtualCluster,
             ),
-        [detailClusterList, clusterListMinData],
+        [sortedClusterList],
     )
 
     const renderContent = () => {
@@ -66,7 +71,7 @@ const ResourceBrowser: React.FC = () => {
         return (
             <ClusterListView
                 parentRef={parentRef}
-                clusterOptions={sortedClusterList}
+                clusterOptions={filteredSortedCluserList}
                 clusterListLoader={detailClusterListLoading}
                 initialLoading={initialLoading}
                 refreshData={reloadDetailClusterList}

From b84966316cb3aeac2b7637295223fa07d9fd3d1e Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Thu, 14 Aug 2025 17:46:54 +0530
Subject: [PATCH 8/9] chore: version bump

---
 package.json |  2 +-
 yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index edaddf4cdd..bb98e44dd6 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-4",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-5",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
diff --git a/yarn.lock b/yarn.lock
index 39cc7dd790..5afc2c5514 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-4":
-  version: 1.19.0-beta-4
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-4"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5":
+  version: 1.19.0-beta-5
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/5692c6006c8e0e7da8761df63511e12c9a2f02d4eca8a54ced26080641eb7da38781af0cb2cebf97d29739ade327a1a7b22c946cae0889969afd8b82860721ad
+  checksum: 10c0/b26e41662d9bcecea07af63203b09c36c0c52592d4965b1e9b8f58c2d2b72e4a2124fdf40e9128e40ca0015ceef6a7d827f10f73f2a43a0113a20d1f6b1cf266
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-4"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-5"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"

From cc854a4127df7444dee3067173c1e5eafca077d0 Mon Sep 17 00:00:00 2001
From: Arun Jain <arun.jain@devtron.ai>
Date: Tue, 19 Aug 2025 15:05:06 +0530
Subject: [PATCH 9/9] feat: use icon from icon component

---
 package.json                                  |   2 +-
 .../UpgradeToEnterpriseDialog.tsx             |  11 +-
 .../ic-upgrade-enterprise.svg                 | 320 ------------------
 yarn.lock                                     |  10 +-
 4 files changed, 13 insertions(+), 330 deletions(-)
 delete mode 100644 src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg

diff --git a/package.json b/package.json
index bb98e44dd6..971200ac0b 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.0-beta-5",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.1",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",
diff --git a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
index ca7233673e..5dbbf066b9 100644
--- a/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
+++ b/src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx
@@ -1,14 +1,14 @@
 import {
     Button,
+    ButtonComponentType,
     ButtonStyleType,
     ButtonVariantType,
+    CONTACT_SUPPORT_LINK,
     GenericModal,
     Icon,
     noop,
 } from '@devtron-labs/devtron-fe-common-lib'
 
-import { ReactComponent as ICUpgradeToEnterprise } from './ic-upgrade-enterprise.svg'
-
 const ENTERPRISE_PLAN_OFFERINGS = [
     'Unlimited clusters',
     'Managed Devtron installation',
@@ -29,7 +29,7 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
             >
                 <div className="flexbox-col dc__gap-16">
                     <div className="flexbox dc__content-space dc__align-start">
-                        <ICUpgradeToEnterprise className="icon-dim-64" />
+                        <Icon name="ic-upgrade-enterprise" size={64} color={null} />
                         <Button
                             dataTestId="close-upgrade-dialog"
                             icon={<Icon name="ic-close-large" color={null} />}
@@ -68,11 +68,14 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
                                 grow.
                             </span>
                         </div>
-                        {/* TODO: Add onClick handler */}
                         <Button
                             dataTestId="upgrade-to-enterprise"
                             text="Upgrade Now"
                             endIcon={<Icon name="ic-arrow-right" color={null} />}
+                            component={ButtonComponentType.anchor}
+                            anchorProps={{
+                                href: CONTACT_SUPPORT_LINK,
+                            }}
                         />
                     </div>
                 </div>
diff --git a/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg b/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
deleted file mode 100644
index eb7ca93cf2..0000000000
--- a/src/Pages/Shared/UpgradeToEnterprise/ic-upgrade-enterprise.svg
+++ /dev/null
@@ -1,320 +0,0 @@
-<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
- <style>
-    .diamond {
-  animation: obj-rotate 3s forwards ease;
-  transform-origin: center;
-  transform-box: fill-box;
-  }
-
-  @keyframes obj-rotate {
-  0% {transform: rotate(-90deg);}
-  30% {transform: rotate(0deg);}
-  100% {transform: rotate(0deg);}
-}
-    .shape-bottom-left {
-    animation: anim-bottom-left 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-bottom-left {
-      0% {
-        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: 0;
-      }
-      25% {
-        d: path("M59.5 160L4.5 132L60 226.5L59.5 160Z"); opacity: .2;
-      }
-      100% {
-        d: path("M2 83.6167L113.5 240L58.5 126.737L2 83.6167Z"); opacity: 1;
-      }
-   }
-
-  .shape-bottom-right {
-    animation: anim-bottom-right 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-bottom-right {
-      0% {
-        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: 0;
-      }
-      25% {
-        d: path("M191.5 160.289L246.5 132L192 226L191.5 160.289Z"); opacity: .2;
-      }
-      100% {
-        d: path("M197 126.7L248 85.3701L135.5 240L197 126.7Z"); opacity: 1;
-      }
-   }
-
-    .shape-bottom-front {
-    animation: anim-bottom-front 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-bottom-front {
-      0% {
-        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: 0;
-      }
-      25% {
-        d: path("M125.5 199.5L71 232.999H180L125.5 199.5Z"); opacity: .2;
-      }
-      100% {
-        d: path("M125 243L70 127H180.706L125 243Z"); opacity: 1;
-      }
-   }
-
-    .shape-top-tl {
-    animation: anim-top-tl 2.8s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-  }
-  
-  @keyframes anim-top-tl {
-    0% {
-      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
-    }
-    25% {
-      d: path("M78.5 56.7344L42.7498 119L3.66296 119L58.8896 23L78.5 56.7344Z"); opacity: 1;
-    }
-    100% {
-      d: path("M35 43L7.5 73.5L4.51562 73.5L33.5 42.5L35 43Z"); opacity: 0;
-    }
-  }
-
-    .shape-top-front {
-    animation: anim-top-bottom 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-  }
-  
-  @keyframes anim-top-bottom {
-    0% {
-      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
-    }
-    25% {
-      d: path("M161.707 199.402L90.1915 199.402L70.7853 233.252L181.415 233.252L161.707 199.402Z");
-    }
-    100% {
-      d: path("M166.67 68.5L83.6699 68.5L70 116.999L180.67 116.999L166.67 68.5Z");
-    }
-  }
-
-    .shape-top-bl {
-    animation: anim-top-bl 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-top-bl {
-      0% {
-        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
-      }
-      25% {
-        d: path("M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z");
-      }
-      100% {
-        d: path("M33.5 41.5L73.5 65L59.5 114L4 73.5L33.5 41.5Z");
-      }
-   }
-
-    .shape-top-br {
-    animation: anim-top-br 3s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-top-br {
-      0% {
-        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
-      }
-      25% {
-        d: path("M208 132L247 132L192 226.5L172.5 193L208 132Z");
-      }
-      100% {
-        d: path("M216.5 41L248.5 75.5L194 115.5L177.5 64.5L216.5 41Z");
-      }
-   }
-
-      .shape-top-face {
-      animation: anim-top-face 3s forwards ease;
-      transform-origin: center;
-      transform-box: fill-box;
-    }
-    
-    @keyframes anim-top-face {
-      0% {
-        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
-      }
-      25% {
-        d: path("M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092L96.6555 174.092L68.3118 124.999L96.6555 75.9063Z");
-      }
-      100% {
-        d: path("M83.5 9L166.5 9L209 34L166.5 58.5L83.5 58.5L41 34L83.5 9Z");
-      }
-    }
-
-    .shape-top-back {
-    animation: anim-top-tf 2.5s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-    }
-
-    @keyframes anim-top-tf {
-      0% {
-        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
-      }
-      25% {
-        d: path("M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z"); opacity: 1;
-      }
-      100% {
-        d: path("M97.0755 13L155.973 13L172 11L81 11L97.0755 13Z"); opacity: .1;
-      }
-   }
-
-    .shape-top-tr {
-    animation: anim-top-tr 2.8s forwards ease;
-    transform-origin: center;
-    transform-box: fill-box;
-  }
-  
-  @keyframes anim-top-tr {
-    0% {
-      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
-    }
-    25% {
-      d: path("M191 23L171.62 57L207.54 119L246.663 119L191 23Z"); opacity: 1;
-    }
-    100% {
-      d: path("M215.5 42L214 43L242.5 73.5L244.5 73.5L215.5 42Z"); opacity: 0;
-    }
-  }
-
-    .small-star {
-  animation: twinkle 2.9s infinite ease;
-  transform-origin: center center;
-  transform-box: fill-box;
-  }
-
-.big-star {
-  animation: twinkle 2.6s infinite ease;
-  transform-origin: center center;
-  transform-box: fill-box;
-  }
-
-@keyframes twinkle {
-      0% { transform: rotate(0deg) scale(0); opacity: 0;}
-      60% { transform: rotate(0deg) scale(0); opacity: 1;}
-      80% { transform: rotate(180deg) scale(1); opacity: 1;}
-      100% { transform: rotate(360deg) scale(0); opacity: 0;}
-      }
-    }
-</style>
-<g class="diamond">
-<path class="shape-top-tr" d="M191 23L171.62 57L207.54 119H246.663L191 23Z" fill="url(#paint8_linear_637_2386)"/>
-<path class="shape-bottom-left" d="M59.5 160L4.5 132L60 226.5L59.5 160Z" fill="url(#paint6_linear_637_2386)"/>
-<path class="shape-bottom-right" d="M191.5 160.289L246.5 132L192 226L191.5 160.289Z" fill="url(#paint2_linear_637_2386)"/>
-<path class="shape-bottom-front" d="M125.5 199.5L71 232.999H180L125.5 199.5Z" fill="url(#paint4_linear_637_2386)"/>
-<path class="shape-top-back" d="M89.3207 50.5973L160.863 50.5978L180.33 16.7476L69.7941 16.7471L89.3207 50.5973Z" fill="url(#paint0_linear_637_2386)"/>
-<path class="shape-top-tl" d="M78.5 56.7344L42.7498 119H3.66296L58.8896 23L78.5 56.7344Z" fill="url(#paint1_linear_637_2386)"/>
-<path class="shape-top-bl" d="M43.0001 132L79 193.5L59.5 227.711L3.87202 131.979L43.0001 132Z" fill="url(#paint7_linear_637_2386)"/>
-<path class="shape-top-face" d="M96.6555 75.9063L153.343 75.9062L181.687 124.999L153.343 174.092H96.6555L68.3118 124.999L96.6555 75.9063Z" fill="url(#paint9_linear_637_2386)"/>
-<path class="shape-top-br" d="M208 132H247L192 226.5L172.5 193L208 132Z" fill="url(#paint3_linear_637_2386)"/>
-<path class="shape-top-front" d="M161.707 199.402H90.1915L70.7853 233.252H181.415L161.707 199.402Z" fill="url(#paint5_linear_637_2386)"/>
-<path class="big-star" d="M195 62C195 62 194.739 92.6268 207.056 104.944C219.373 117.261 250 117 250 117C250 117 219.373 116.739 207.056 129.056C194.739 141.373 195 172 195 172C195 172 195.261 141.373 182.944 129.056C170.627 116.739 140 117 140 117C140 117 170.627 117.261 182.944 104.944C195.261 92.6268 195 62 195 62Z" fill="#FFFCD0"/>
-<path class="small-star" d="M44 12C44 12 43.8577 28.7055 50.5761 35.4239C57.2945 42.1423 74 42 74 42C74 42 57.2945 41.8577 50.5761 48.5761C43.8577 55.2945 44 72 44 72C44 72 44.1423 55.2945 37.4239 48.5761C30.7055 41.8577 14 42 14 42C14 42 30.7055 42.1423 37.4239 35.4239C44.1423 28.7055 44 12 44 12Z" fill="#FFFCD0"/>
-<defs>
-  <linearGradient id="paint0_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="0%" stop-color="#F7E373">
-      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="100%" stop-color="#FC9500">
-      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint1_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="0%" stop-color="#FFCF08">
-      <animate attributeName="stop-color" values="#FFCF08;#F99A00" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="100%" stop-color="#E37600">
-      <animate attributeName="stop-color" values="#E37600;#FFD800" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint2_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="55%" stop-color="#C64200">
-      <animate attributeName="stop-color" values="#FF9518;#C64200" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="95%" stop-color="#FF9518">
-      <animate attributeName="stop-color" values="#C64200;#FF9518" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint3_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="75%" stop-color="#F7E373">
-      <animate attributeName="stop-color" values="#FC9500;#F7E373" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="90%" stop-color="#FC9500">
-      <animate attributeName="stop-color" values="#F7E373;#FC9500" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint4_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="32%" stop-color="#DA5724">
-      <animate attributeName="stop-color" values="#FCAC1A;#DA5724" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="60%" stop-color="#FCAC1A">
-      <animate attributeName="stop-color" values="#DA5724;#FCAC1A" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint5_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="0%" stop-color="#EA8101">
-      <animate attributeName="stop-color" values="#FFF000;#EA8101" dur="2s" fill="freeze" />
-    </stop>
-    <stop offset="80%" stop-color="#FFF000">
-      <animate attributeName="stop-color" values="#FFF000;#FFF000" dur="2s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint6_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="0%" stop-color="#CC501F">
-      <animate attributeName="stop-color" values="#D97600;#CC501F" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="40%" stop-color="#D97600">
-      <animate attributeName="stop-color" values="#CC501F;#D97600" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint7_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="8%" stop-color="#E37600">
-      <animate attributeName="stop-color" values="#FFCF08;#E37600" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="30%" stop-color="#FFCF08">
-      <animate attributeName="stop-color" values="#E37600;#FFCF08" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint8_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="0%" stop-color="#F7E373">
-      <animate attributeName="stop-color" values="#F7E373;#F7E373" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="100%" stop-color="#FC9500">
-      <animate attributeName="stop-color" values="#FC9500;#FC9500" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-
-  <linearGradient id="paint9_linear_637_2386" gradientUnits="userSpaceOnUse">
-    <stop offset="30%" stop-color="#F99A00">
-      <animate attributeName="stop-color" values="#FFD800;#F99A00" dur="3s" fill="freeze" />
-    </stop>
-    <stop offset="55%" stop-color="#FFD800">
-      <animate attributeName="stop-color" values="#F99A00;#FFD800" dur="3s" fill="freeze" />
-    </stop>
-  </linearGradient>
-</defs>
-
-</g>
-</svg>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 5afc2c5514..779df164d6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5":
-  version: 1.19.0-beta-5
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.0-beta-5"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.1":
+  version: 1.19.1
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.1"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/b26e41662d9bcecea07af63203b09c36c0c52592d4965b1e9b8f58c2d2b72e4a2124fdf40e9128e40ca0015ceef6a7d827f10f73f2a43a0113a20d1f6b1cf266
+  checksum: 10c0/9335a7b0aa975bfc60c3585457f55cdc7d8c868055310d93baceadc5ab1289e60f114da8b14e40834f0db661da26d11eb088c29176e2416d6a289b452f9aa6da
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.0-beta-5"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.1"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"