From bf257eb46d27b3aec5483480ecbbbee44d093cf4 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Mon, 13 Oct 2025 11:51:56 -0400
Subject: [PATCH 1/3] upcoming: [M3-10674] - Add pendo ids for VM analytics

---
 packages/manager/src/components/Link.tsx                  | 8 ++++++++
 .../MaintenanceBanner/LinodeMaintenanceBanner.tsx         | 8 +++++++-
 .../components/MaintenanceBanner/MaintenanceBannerV2.tsx  | 5 ++++-
 .../MaintenancePolicySelect/MaintenancePolicySelect.tsx   | 3 ++-
 .../PlatformMaintenanceBanner.tsx                         | 5 ++++-
 .../manager/src/features/Account/MaintenancePolicy.tsx    | 1 +
 .../LinodeSettingsMaintenancePolicyPanel.tsx              | 1 +
 7 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/packages/manager/src/components/Link.tsx b/packages/manager/src/components/Link.tsx
index 80468671141..99607f7bf47 100644
--- a/packages/manager/src/components/Link.tsx
+++ b/packages/manager/src/components/Link.tsx
@@ -53,6 +53,10 @@ export interface LinkProps extends Omit<_LinkProps, 'to'> {
    * Optional prop to pass a onClick handler to the link.
    */
   onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * Optional prop to pass a pendo id to the link.
+   */
+  pendoId?: string;
   /**
    * Optional prop to pass a sx style to the link.
    */
@@ -99,6 +103,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
       forceCopyColor,
       hideIcon,
       onClick,
+      pendoId,
       style,
       title,
       to,
@@ -131,6 +136,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
       'external',
       'forceCopyColor',
       'to',
+      'pendoId',
     ]);
 
     return shouldOpenInNewTab ? (
@@ -143,6 +149,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
           },
           className
         )}
+        data-pendo-id={pendoId}
         data-testid={external ? 'external-site-link' : 'external-link'}
         href={processedUrl()}
         onClick={onClick}
@@ -166,6 +173,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
     ) : (
       <RouterLink
         aria-label={ariaLabel}
+        data-pendo-id={pendoId}
         data-testid="internal-link"
         {...routerLinkProps}
         className={cx(
diff --git a/packages/manager/src/components/MaintenanceBanner/LinodeMaintenanceBanner.tsx b/packages/manager/src/components/MaintenanceBanner/LinodeMaintenanceBanner.tsx
index 66133cbb8b9..9240f0ddb50 100644
--- a/packages/manager/src/components/MaintenanceBanner/LinodeMaintenanceBanner.tsx
+++ b/packages/manager/src/components/MaintenanceBanner/LinodeMaintenanceBanner.tsx
@@ -62,7 +62,13 @@ export const LinodeMaintenanceBanner = ({ linodeId }: Props) => {
           )}
         </strong>
         . For more details, view{' '}
-        <Link to="/account/maintenance">Account Maintenance</Link>.
+        <Link
+          pendoId="linode-maintenance-banner-link"
+          to="/account/maintenance"
+        >
+          Account Maintenance
+        </Link>
+        .
       </Typography>
     </Notice>
   );
diff --git a/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx b/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx
index 688d8eb3473..d34f3387181 100644
--- a/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx
+++ b/packages/manager/src/components/MaintenanceBanner/MaintenanceBannerV2.tsx
@@ -47,7 +47,10 @@ export const MaintenanceBannerV2 = () => {
             <span data-testid="maintenance-link-section">
               {' '}
               For more details, view{' '}
-              <Link to="/maintenance">Account Maintenance</Link>.
+              <Link pendoId="maintenance-banner-link" to="/maintenance">
+                Account Maintenance
+              </Link>
+              .
             </span>
           )}
         </Typography>
diff --git a/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx b/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx
index 6089a3b2677..57cb1d580b6 100644
--- a/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx
+++ b/packages/manager/src/components/MaintenancePolicySelect/MaintenancePolicySelect.tsx
@@ -60,6 +60,7 @@ export const MaintenancePolicySelect = (
 
   return (
     <Autocomplete
+      data-pendo-id="maintenance-policy-select"
       disableClearable={!!selectedOption}
       disabled={disabled}
       errorText={errorText}
@@ -75,7 +76,7 @@ export const MaintenancePolicySelect = (
       renderOption={(props, policy, state) => {
         const { key } = props;
         return (
-          <li {...props} key={key}>
+          <li {...props} data-pendo-id={policy.slug} key={key}>
             <Stack gap={0.5} width="100%">
               <Stack
                 alignItems="center"
diff --git a/packages/manager/src/components/PlatformMaintenanceBanner/PlatformMaintenanceBanner.tsx b/packages/manager/src/components/PlatformMaintenanceBanner/PlatformMaintenanceBanner.tsx
index 27cbfbe5143..02df47e4675 100644
--- a/packages/manager/src/components/PlatformMaintenanceBanner/PlatformMaintenanceBanner.tsx
+++ b/packages/manager/src/components/PlatformMaintenanceBanner/PlatformMaintenanceBanner.tsx
@@ -37,7 +37,10 @@ export const PlatformMaintenanceBanner = () => {
           <span data-testid="platform-maintenance-link-section">
             {' '}
             See which Linodes are <strong>scheduled</strong> for reboot on the{' '}
-            <Link to="/maintenance">Account Maintenance</Link> page.
+            <Link pendoId="platform-maintenance-banner-link" to="/maintenance">
+              Account Maintenance
+            </Link>{' '}
+            page.
           </span>
         )}
       </Typography>
diff --git a/packages/manager/src/features/Account/MaintenancePolicy.tsx b/packages/manager/src/features/Account/MaintenancePolicy.tsx
index 9d5a2d664d9..4de849ecb5e 100644
--- a/packages/manager/src/features/Account/MaintenancePolicy.tsx
+++ b/packages/manager/src/features/Account/MaintenancePolicy.tsx
@@ -105,6 +105,7 @@ export const MaintenancePolicy = () => {
           <Box marginTop={2}>
             <Button
               buttonType="outlined"
+              data-pendo-id="maintenance-policy-save-button"
               disabled={!isDirty || !permissions.update_account_settings}
               loading={isSubmitting}
               type="submit"
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
index 49473a020a1..0303970983c 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
@@ -133,6 +133,7 @@ export const LinodeSettingsMaintenancePolicyPanel = (props: Props) => {
           <Box>
             <Button
               buttonType="outlined"
+              data-pendo-id="linode-maintenance-policy-save-button"
               disabled={!isDirty || isDisabled}
               loading={isSubmitting}
               type="submit"

From 56d3c0da3688b739cbed15c992c94958af736595 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Mon, 13 Oct 2025 12:00:22 -0400
Subject: [PATCH 2/3] Add learn more links

---
 .../LinodeCreate/AdditionalOptions/MaintenancePolicy.tsx  | 8 +++++++-
 .../LinodeSettingsMaintenancePolicyPanel.tsx              | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/manager/src/features/Linodes/LinodeCreate/AdditionalOptions/MaintenancePolicy.tsx b/packages/manager/src/features/Linodes/LinodeCreate/AdditionalOptions/MaintenancePolicy.tsx
index 61357db3320..27cb9c18b32 100644
--- a/packages/manager/src/features/Linodes/LinodeCreate/AdditionalOptions/MaintenancePolicy.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreate/AdditionalOptions/MaintenancePolicy.tsx
@@ -52,7 +52,13 @@ export const MaintenancePolicy = () => {
       subHeading={
         <>
           {MAINTENANCE_POLICY_DESCRIPTION}{' '}
-          <Link to={MAINTENANCE_POLICY_LEARN_MORE_URL}>Learn more</Link>.
+          <Link
+            data-pendo-id="linode-create-maintenance-policy-learn-more"
+            to={MAINTENANCE_POLICY_LEARN_MORE_URL}
+          >
+            Learn more
+          </Link>
+          .
         </>
       }
       summaryProps={{ sx: { p: 0 } }}
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
index 0303970983c..5c1616b72c5 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsMaintenancePolicyPanel.tsx
@@ -100,7 +100,13 @@ export const LinodeSettingsMaintenancePolicyPanel = (props: Props) => {
         <Stack spacing={2}>
           <Typography>
             {MAINTENANCE_POLICY_DESCRIPTION}{' '}
-            <Link to={MAINTENANCE_POLICY_LEARN_MORE_URL}>Learn more</Link>.
+            <Link
+              data-pendo-id="linode-detail-maintenance-policy-learn-more"
+              to={MAINTENANCE_POLICY_LEARN_MORE_URL}
+            >
+              Learn more
+            </Link>
+            .
           </Typography>
           {showUpcomingMaintenanceNotice && (
             <Notice variant="warning">

From fe745d7e3513bc143f8b4fb37d7f1a9f35efebdf Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaramos@akamai.com>
Date: Mon, 13 Oct 2025 12:12:19 -0400
Subject: [PATCH 3/3] Added changeset: Add pendo ids for VM Host Maintenance
 analytics

---
 .../.changeset/pr-12983-upcoming-features-1760371939234.md   | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md

diff --git a/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md b/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md
new file mode 100644
index 00000000000..12a86d13493
--- /dev/null
+++ b/packages/manager/.changeset/pr-12983-upcoming-features-1760371939234.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add pendo ids for VM Host Maintenance analytics ([#12983](https://github.com/linode/manager/pull/12983))