From 02d51cb86535a16a9caa4d2d655f483ad3e0d613 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Fri, 16 Aug 2024 09:49:02 -0400
Subject: [PATCH 01/49] upcoming: [M3-8306] - Hide CORS and SSL for OBJ Gen2
 (#10776)

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
---
 ...r-10776-upcoming-features-1723515799181.md |  5 +++++
 .../BucketDetail/AccessSelect.tsx             | 19 ++++++++++++++----
 .../BucketDetail/BucketAccess.tsx             |  9 +++++++--
 .../ObjectStorage/BucketDetail/index.tsx      | 20 ++++++++++++++-----
 .../src/queries/object-storage/queries.ts     | 10 +++++-----
 5 files changed, 47 insertions(+), 16 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md

diff --git a/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md b/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md
new file mode 100644
index 00000000000..6191af6f59d
--- /dev/null
+++ b/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Hide CORS and SSL for OBJ Gen2 ([#10776](https://github.com/linode/manager/pull/10776))
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx
index e77dd8eb178..659cb2bba68 100644
--- a/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx
@@ -57,6 +57,8 @@ export const AccessSelect = React.memo((props: Props) => {
   // State for dealing with the confirmation modal when selecting read/write.
   const { close: closeDialog, isOpen, open: openDialog } = useOpenClose();
   const label = capitalize(variant);
+  const isCorsEnabled =
+    variant === 'bucket' && endpointType !== 'E2' && endpointType !== 'E3';
 
   React.useEffect(() => {
     setUpdateAccessError('');
@@ -141,9 +143,6 @@ export const AccessSelect = React.memo((props: Props) => {
     ? 'CORS Enabled'
     : 'CORS Disabled';
 
-  const isCorsEnabled =
-    variant === 'bucket' && endpointType !== 'E2' && endpointType !== 'E3';
-
   const selectedOption =
     _options.find((thisOption) => thisOption.value === selectedACL) ??
     _options.find((thisOption) => thisOption.value === 'private');
@@ -208,7 +207,19 @@ export const AccessSelect = React.memo((props: Props) => {
           </Link>
           .
         </Typography>
-      ) : null}
+      ) : (
+        // TODO: OBJGen2 - We need to handle link in upcoming PR
+        <Notice spacingBottom={0} spacingTop={16} variant="warning">
+          <Typography
+            sx={(theme) => ({
+              fontFamily: theme.font.bold,
+            })}
+          >
+            CORS (Cross Origin Sharing) is not available for endpoint types E2
+            and E3. <Link to="#">Learn more</Link>.
+          </Typography>
+        </Notice>
+      )}
 
       <ActionsPanel
         primaryButtonProps={{
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx
index dade0370eb2..8305b1d5015 100644
--- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx
@@ -10,7 +10,10 @@ import { Typography } from 'src/components/Typography';
 
 import { AccessSelect } from './AccessSelect';
 
-import type { ACLType } from '@linode/api-v4/lib/object-storage';
+import type {
+  ACLType,
+  ObjectStorageEndpointTypes,
+} from '@linode/api-v4/lib/object-storage';
 
 export const StyledRootContainer = styled(Paper, {
   label: 'StyledRootContainer',
@@ -21,10 +24,11 @@ export const StyledRootContainer = styled(Paper, {
 interface Props {
   bucketName: string;
   clusterId: string;
+  endpointType?: ObjectStorageEndpointTypes;
 }
 
 export const BucketAccess = React.memo((props: Props) => {
-  const { bucketName, clusterId } = props;
+  const { bucketName, clusterId, endpointType } = props;
 
   return (
     <StyledRootContainer>
@@ -38,6 +42,7 @@ export const BucketAccess = React.memo((props: Props) => {
 
           return updateBucketAccess(clusterId, bucketName, payload);
         }}
+        endpointType={endpointType}
         getAccess={() => getBucketAccess(clusterId, bucketName)}
         name={bucketName}
         variant="bucket"
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
index a9de5a9e16f..b907ddf48e1 100644
--- a/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
@@ -57,6 +57,8 @@ export const BucketDetailLanding = React.memo((props: Props) => {
   const { endpoint_type: endpointType } =
     bucketsData?.buckets.find(({ label }) => label === bucketName) ?? {};
 
+  const isSSLEnabled = endpointType !== 'E2' && endpointType === 'E3';
+
   const tabs = [
     {
       routeName: `${props.match.url}/objects`,
@@ -66,10 +68,14 @@ export const BucketDetailLanding = React.memo((props: Props) => {
       routeName: `${props.match.url}/access`,
       title: 'Access',
     },
-    {
-      routeName: `${props.match.url}/ssl`,
-      title: 'SSL/TLS',
-    },
+    ...(!isSSLEnabled
+      ? [
+          {
+            routeName: `${props.match.url}/ssl`,
+            title: 'SSL/TLS',
+          },
+        ]
+      : []),
   ];
 
   const [index, setIndex] = React.useState(
@@ -109,7 +115,11 @@ export const BucketDetailLanding = React.memo((props: Props) => {
               <ObjectList {...props} endpointType={endpointType} />
             </SafeTabPanel>
             <SafeTabPanel index={1}>
-              <BucketAccess bucketName={bucketName} clusterId={clusterId} />
+              <BucketAccess
+                bucketName={bucketName}
+                clusterId={clusterId}
+                endpointType={endpointType}
+              />
             </SafeTabPanel>
             <SafeTabPanel index={2}>
               <BucketSSL bucketName={bucketName} clusterId={clusterId} />
diff --git a/packages/manager/src/queries/object-storage/queries.ts b/packages/manager/src/queries/object-storage/queries.ts
index ddc77351830..5314f337a1e 100644
--- a/packages/manager/src/queries/object-storage/queries.ts
+++ b/packages/manager/src/queries/object-storage/queries.ts
@@ -145,11 +145,11 @@ export const useObjectStorageBuckets = (enabled = true) => {
       ? allRegions?.filter((r) => r.capabilities.includes('Object Storage'))
       : undefined;
 
-  const queryEnabled = isObjectStorageGen2Enabled
-    ? Boolean(endpoints) && enabled
-    : isObjMultiClusterEnabled
-    ? Boolean(regions) && enabled
-    : Boolean(clusters) && enabled;
+  const queryEnabled =
+    enabled &&
+    ((isObjectStorageGen2Enabled && Boolean(endpoints)) ||
+      (isObjMultiClusterEnabled && Boolean(regions)) ||
+      Boolean(clusters));
 
   const queryFn = isObjectStorageGen2Enabled
     ? () => getAllBucketsFromEndpoints(endpoints)

From bb375ff87a153137e6090172e2e7e7c2e4493804 Mon Sep 17 00:00:00 2001
From: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Date: Mon, 19 Aug 2024 09:08:05 -0400
Subject: [PATCH 02/49] change: [M3-6843] - Move manual snapshot error message
 to snapshot confirmation dialog (#10791)

* move error to confirmation dialogue

* reset errors when closing dialogue

* Added changeset: Move manual snapshot error message from Linode Backups page to snapshot confirmation dialogue

* fix typo + add tests

* slight update to error message test

* address feedback
---
 .../pr-10791-changed-1723820950904.md         |  5 ++
 .../LinodeBackup/CaptureSnapshot.tsx          | 11 +--
 ...CaptureSnapshotConfirmationDialog.test.tsx | 84 +++++++++++++++++++
 .../CaptureSnapshotConfirmationDialog.tsx     |  6 +-
 .../LinodeBackup/LinodeBackups.tsx            |  5 +-
 5 files changed, 100 insertions(+), 11 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10791-changed-1723820950904.md
 create mode 100644 packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.test.tsx

diff --git a/packages/manager/.changeset/pr-10791-changed-1723820950904.md b/packages/manager/.changeset/pr-10791-changed-1723820950904.md
new file mode 100644
index 00000000000..f9ed3e7ddfe
--- /dev/null
+++ b/packages/manager/.changeset/pr-10791-changed-1723820950904.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Move manual snapshot error message from Linode Backups page to snapshot confirmation dialog ([#10791](https://github.com/linode/manager/pull/10791))
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx
index 3790cbfa58c..e25355458de 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx
@@ -6,7 +6,6 @@ import * as React from 'react';
 import { Box } from 'src/components/Box';
 import { Button } from 'src/components/Button/Button';
 import { FormControl } from 'src/components/FormControl';
-import { Notice } from 'src/components/Notice/Notice';
 import { Paper } from 'src/components/Paper';
 import { TextField } from 'src/components/TextField';
 import { Typography } from 'src/components/Typography';
@@ -31,6 +30,7 @@ export const CaptureSnapshot = (props: Props) => {
     error: snapshotError,
     isLoading: isSnapshotLoading,
     mutateAsync: takeSnapshot,
+    reset,
   } = useLinodeBackupSnapshotMutation(linodeId);
 
   const [
@@ -65,19 +65,14 @@ export const CaptureSnapshot = (props: Props) => {
         manual snapshot will not be overwritten by automatic backups.
       </Typography>
       <FormControl>
-        {hasErrorFor.none && (
-          <Notice spacingBottom={8} variant="error">
-            {hasErrorFor.none}
-          </Notice>
-        )}
         <StyledBox>
           <TextField
-            sx={{ minWidth: 275 }}
             data-qa-manual-name
             errorText={hasErrorFor.label}
             label="Name Snapshot"
             name="label"
             onChange={snapshotForm.handleChange}
+            sx={{ minWidth: 275 }}
             value={snapshotForm.values.label}
           />
           <Button
@@ -91,8 +86,10 @@ export const CaptureSnapshot = (props: Props) => {
         </StyledBox>
       </FormControl>
       <CaptureSnapshotConfirmationDialog
+        error={hasErrorFor.none}
         loading={isSnapshotLoading}
         onClose={() => setIsSnapshotConfirmationDialogOpen(false)}
+        onExited={() => reset()}
         onSnapshot={() => snapshotForm.handleSubmit()}
         open={isSnapshotConfirmationDialogOpen}
       />
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.test.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.test.tsx
new file mode 100644
index 00000000000..859d5091cfd
--- /dev/null
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.test.tsx
@@ -0,0 +1,84 @@
+import { fireEvent } from '@testing-library/react';
+import * as React from 'react';
+
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { CaptureSnapshotConfirmationDialog } from './CaptureSnapshotConfirmationDialog';
+
+const props = {
+  error: undefined,
+  loading: false,
+  onClose: vi.fn(),
+  onExited: vi.fn(),
+  onSnapshot: vi.fn(),
+  open: true,
+};
+
+describe('CaptureSnapshotConfirmationDialog', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should render the dialog', () => {
+    const { getByTestId, getByText } = renderWithTheme(
+      <CaptureSnapshotConfirmationDialog {...props} />
+    );
+
+    const takeSnapshotButton = getByTestId('confirm');
+    const cancelButton = getByText('Cancel');
+    const title = getByText('Take a snapshot?');
+    const body = getByText(
+      'Taking a snapshot will back up your Linode in its current state, overriding your previous snapshot. Are you sure?'
+    );
+
+    expect(takeSnapshotButton).toBeVisible();
+    expect(cancelButton).toBeVisible();
+    expect(title).toBeVisible();
+    expect(body).toBeVisible();
+  });
+
+  it('should send a request to create a snapshot if loading is false', () => {
+    const { getByTestId } = renderWithTheme(
+      <CaptureSnapshotConfirmationDialog {...props} />
+    );
+
+    const takeSnapshotButton = getByTestId('confirm');
+    expect(takeSnapshotButton).toBeVisible();
+    fireEvent.click(takeSnapshotButton);
+    expect(props.onSnapshot).toHaveBeenCalled();
+  });
+
+  it('should not send a request to create a snapshot if loading is true', () => {
+    const { getByTestId } = renderWithTheme(
+      <CaptureSnapshotConfirmationDialog {...props} loading={true} />
+    );
+
+    const takeSnapshotButton = getByTestId('confirm');
+    expect(takeSnapshotButton).toBeVisible();
+    fireEvent.click(takeSnapshotButton);
+    expect(props.onSnapshot).not.toHaveBeenCalled();
+  });
+
+  it('should close the dialog when the "Cancel" button is clicked', () => {
+    const { getByText } = renderWithTheme(
+      <CaptureSnapshotConfirmationDialog {...props} />
+    );
+
+    const cancelButton = getByText('Cancel');
+    expect(cancelButton).toBeVisible();
+    fireEvent.click(cancelButton);
+    expect(props.onClose).toHaveBeenCalled();
+  });
+
+  it('should render the dialog with an error message', () => {
+    const { getByText } = renderWithTheme(
+      <CaptureSnapshotConfirmationDialog
+        {...props}
+        error={'mock error message'}
+      />
+    );
+
+    const errorMessage = getByText('mock error message');
+    expect(errorMessage).toBeVisible();
+  });
+});
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx
index e4e18193607..d3ce406cae1 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx
@@ -5,15 +5,16 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati
 import { Typography } from 'src/components/Typography';
 
 interface Props {
-  error?: string;
+  error: string | undefined;
   loading: boolean;
   onClose: () => void;
+  onExited: () => void;
   onSnapshot: () => void;
   open: boolean;
 }
 
 export const CaptureSnapshotConfirmationDialog = (props: Props) => {
-  const { error, loading, onClose, onSnapshot, open } = props;
+  const { error, loading, onClose, onExited, onSnapshot, open } = props;
 
   const actions = (
     <ActionsPanel
@@ -37,6 +38,7 @@ export const CaptureSnapshotConfirmationDialog = (props: Props) => {
       actions={actions}
       error={error}
       onClose={onClose}
+      onExited={onExited}
       open={open}
       title="Take a snapshot?"
     >
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
index 0ed0f699554..bfd2fb5950a 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx
@@ -1,4 +1,3 @@
-import { LinodeBackup, PriceObject } from '@linode/api-v4/lib/linodes';
 import { Box, Stack } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
@@ -23,13 +22,15 @@ import { useRegionsQuery } from 'src/queries/regions/regions';
 import { useTypeQuery } from 'src/queries/types';
 import { getMonthlyBackupsPrice } from 'src/utilities/pricing/backups';
 
-import { BackupTableRow } from './BackupTableRow';
 import { BackupsPlaceholder } from './BackupsPlaceholder';
+import { BackupTableRow } from './BackupTableRow';
 import { CancelBackupsDialog } from './CancelBackupsDialog';
 import { CaptureSnapshot } from './CaptureSnapshot';
 import { RestoreToLinodeDrawer } from './RestoreToLinodeDrawer';
 import { ScheduleSettings } from './ScheduleSettings';
 
+import type { LinodeBackup, PriceObject } from '@linode/api-v4/lib/linodes';
+
 export const LinodeBackups = () => {
   const { linodeId } = useParams<{ linodeId: string }>();
   const id = Number(linodeId);

From 0083246eef24e5c343c9296fd566c7a40f367cec Mon Sep 17 00:00:00 2001
From: Dajahi Wiley <114682940+dwiley-akamai@users.noreply.github.com>
Date: Mon, 19 Aug 2024 10:27:03 -0400
Subject: [PATCH 03/49] =?UTF-8?q?upcoming:=20[M3-8369]=20=E2=80=93=20Add?=
 =?UTF-8?q?=20"Encrypt=20Volume"=20checkbox=20in=20Edit=20Volume=20drawer?=
 =?UTF-8?q?=20(#10787)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...r-10787-upcoming-features-1723672538179.md |  5 ++
 .../src/components/Encryption/constants.tsx   |  3 +
 .../Volumes/EditVolumeDrawer.test.tsx         | 83 +++++++++++++++++++
 .../src/features/Volumes/EditVolumeDrawer.tsx | 26 +++++-
 4 files changed, 116 insertions(+), 1 deletion(-)
 create mode 100644 packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
 create mode 100644 packages/manager/src/features/Volumes/EditVolumeDrawer.test.tsx

diff --git a/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md b/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
new file mode 100644
index 00000000000..f3a4d6841f4
--- /dev/null
+++ b/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add 'Encrypt Volume' checkbox in Edit Volume drawer ([#10787](https://github.com/linode/manager/pull/10787))
diff --git a/packages/manager/src/components/Encryption/constants.tsx b/packages/manager/src/components/Encryption/constants.tsx
index 2474412f56f..e484b2eafc1 100644
--- a/packages/manager/src/components/Encryption/constants.tsx
+++ b/packages/manager/src/components/Encryption/constants.tsx
@@ -95,3 +95,6 @@ export const BLOCK_STORAGE_ENCRYPTION_OVERHEAD_CAVEAT =
 
 export const BLOCK_STORAGE_USER_SIDE_ENCRYPTION_CAVEAT =
   'User-side encryption on top of encryption-enabled volumes is discouraged at this time, as it could severely impact your volume performance.';
+
+export const BLOCK_STORAGE_ENCRYPTION_SETTING_IMMUTABLE_COPY =
+  'The encryption setting cannot be changed after creation.';
diff --git a/packages/manager/src/features/Volumes/EditVolumeDrawer.test.tsx b/packages/manager/src/features/Volumes/EditVolumeDrawer.test.tsx
new file mode 100644
index 00000000000..a9c1597995d
--- /dev/null
+++ b/packages/manager/src/features/Volumes/EditVolumeDrawer.test.tsx
@@ -0,0 +1,83 @@
+import { waitFor } from '@testing-library/react';
+import * as React from 'react';
+
+import { accountFactory, volumeFactory } from 'src/factories';
+import { HttpResponse, http, server } from 'src/mocks/testServer';
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { EditVolumeDrawer } from './EditVolumeDrawer';
+
+const accountEndpoint = '*/v4/account';
+const encryptionLabelText = 'Encrypt Volume';
+
+describe('EditVolumeDrawer', () => {
+  /* @TODO BSE: Remove feature flagging/conditionality once BSE is fully rolled out */
+
+  it('should display a disabled checkbox for volume encryption if the user has the account capability and the feature flag is on', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({ capabilities: ['Block Storage Encryption'] })
+        );
+      })
+    );
+
+    const { getByLabelText } = renderWithTheme(
+      <EditVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: true },
+      }
+    );
+
+    await waitFor(() => {
+      expect(getByLabelText(encryptionLabelText)).not.toBeNull();
+      expect(getByLabelText(encryptionLabelText)).toBeDisabled();
+    });
+  });
+
+  it('should not display a checkbox for volume encryption if the user has the account capability but the feature flag is off', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({ capabilities: ['Block Storage Encryption'] })
+        );
+      })
+    );
+
+    const { queryByRole } = renderWithTheme(
+      <EditVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: false },
+      }
+    );
+
+    await waitFor(() => {
+      expect(queryByRole('checkbox')).not.toBeInTheDocument();
+    });
+  });
+
+  it('should not display a checkbox for volume encryption if the feature flag is on but the user lacks the account capability', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(accountFactory.build({ capabilities: [] }));
+      })
+    );
+
+    const { queryByRole } = renderWithTheme(
+      <EditVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: true },
+      }
+    );
+
+    await waitFor(() => {
+      expect(queryByRole('checkbox')).not.toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/manager/src/features/Volumes/EditVolumeDrawer.tsx b/packages/manager/src/features/Volumes/EditVolumeDrawer.tsx
index b4cf478c120..92108dd6406 100644
--- a/packages/manager/src/features/Volumes/EditVolumeDrawer.tsx
+++ b/packages/manager/src/features/Volumes/EditVolumeDrawer.tsx
@@ -1,10 +1,13 @@
-import { Volume } from '@linode/api-v4';
 import { UpdateVolumeSchema } from '@linode/validation';
 import { useFormik } from 'formik';
 import React from 'react';
 
 import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
+import { Box } from 'src/components/Box';
+import { Checkbox } from 'src/components/Checkbox';
 import { Drawer } from 'src/components/Drawer';
+import { BLOCK_STORAGE_ENCRYPTION_SETTING_IMMUTABLE_COPY } from 'src/components/Encryption/constants';
+import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils';
 import { Notice } from 'src/components/Notice/Notice';
 import { TagsInput } from 'src/components/TagsInput/TagsInput';
 import { TextField } from 'src/components/TextField';
@@ -15,6 +18,8 @@ import {
   handleGeneralErrors,
 } from 'src/utilities/formikErrorUtils';
 
+import type { Volume } from '@linode/api-v4';
+
 interface Props {
   onClose: () => void;
   open: boolean;
@@ -28,6 +33,10 @@ export const EditVolumeDrawer = (props: Props) => {
 
   const { mutateAsync: updateVolume } = useUpdateVolumeMutation();
 
+  const {
+    isBlockStorageEncryptionFeatureEnabled,
+  } = useIsBlockStorageEncryptionFeatureEnabled();
+
   const isReadOnly =
     grants !== undefined &&
     grants.volume.find((grant) => grant.id === volume?.id)?.permissions ===
@@ -114,6 +123,21 @@ export const EditVolumeDrawer = (props: Props) => {
           name="tags"
           value={values.tags?.map((t) => ({ label: t, value: t })) ?? []}
         />
+        {isBlockStorageEncryptionFeatureEnabled && (
+          <Box
+            sx={{
+              marginLeft: '2px',
+              marginTop: '16px',
+            }}
+          >
+            <Checkbox
+              checked={volume?.encryption === 'enabled'}
+              disabled
+              text="Encrypt Volume"
+              toolTipText={BLOCK_STORAGE_ENCRYPTION_SETTING_IMMUTABLE_COPY}
+            />
+          </Box>
+        )}
         <ActionsPanel
           primaryButtonProps={{
             disabled: isReadOnly || !dirty,

From ad2405f63de208e7592361e33111c2520674d44d Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Tue, 20 Aug 2024 09:27:32 -0400
Subject: [PATCH 04/49] upcoming: [M3-8301] - Updated Bucket Rate Limits
 (#10790)

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
---
 ...r-10790-upcoming-features-1724031092075.md |  5 +++
 .../BucketLanding/BucketRateLimitTable.tsx    | 36 ++++++++++---------
 2 files changed, 25 insertions(+), 16 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md

diff --git a/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md b/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md
new file mode 100644
index 00000000000..6e121f0bea1
--- /dev/null
+++ b/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Updated Bucket Rate Limits ([#10790](https://github.com/linode/manager/pull/10790))
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
index 54cf754dd31..1b4fe2520df 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
@@ -20,22 +20,26 @@ interface BucketRateLimitTableProps {
 }
 
 const tableHeaders = ['Limits', 'GET', 'PUT', 'LIST', 'DELETE', 'OTHER'];
-const tableData = ({ endpointType }: BucketRateLimitTableProps) => [
-  {
-    checked: true,
-    values: ['1000', '000', '000', '000', '000'],
-  },
-  {
-    checked: false,
-    values: [
-      endpointType === 'E3' ? '20000' : '5000',
-      '000',
-      '000',
-      '000',
-      '000',
-    ],
-  },
-];
+const tableData = ({ endpointType }: BucketRateLimitTableProps) => {
+  const isE3 = endpointType === 'E3';
+
+  return [
+    {
+      checked: true,
+      values: ['2000', '500', '100', '200', '400'],
+    },
+    {
+      checked: false,
+      values: [
+        isE3 ? '20000' : '5000',
+        isE3 ? '2000' : '1000',
+        isE3 ? '400' : '200',
+        isE3 ? '400' : '200',
+        isE3 ? '1000' : '800',
+      ],
+    },
+  ];
+};
 
 export const BucketRateLimitTable = ({
   endpointType,

From dd19e75f075950594a245cc10acd1fddf36df543 Mon Sep 17 00:00:00 2001
From: Azure-akamai <azsh@akamai.com>
Date: Tue, 20 Aug 2024 12:26:11 -0400
Subject: [PATCH 05/49] test: [M3-8149] - Add test for Linode create error
 flows (#10761)

* Add test for Linode create error flows

* Added changeset: Add test for Linode create error flows

* update after review
---
 .../pr-10761-tests-1723056815829.md           |  5 ++
 .../e2e/core/linodes/create-linode.spec.ts    | 62 ++++++++++++++++++-
 .../cypress/support/intercepts/linodes.ts     | 18 ++++++
 3 files changed, 83 insertions(+), 2 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10761-tests-1723056815829.md

diff --git a/packages/manager/.changeset/pr-10761-tests-1723056815829.md b/packages/manager/.changeset/pr-10761-tests-1723056815829.md
new file mode 100644
index 00000000000..31314c0aa7b
--- /dev/null
+++ b/packages/manager/.changeset/pr-10761-tests-1723056815829.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add test for Linode create error flows ([#10761](https://github.com/linode/manager/pull/10761))
diff --git a/packages/manager/cypress/e2e/core/linodes/create-linode.spec.ts b/packages/manager/cypress/e2e/core/linodes/create-linode.spec.ts
index 34d33345230..bf86857ff8c 100644
--- a/packages/manager/cypress/e2e/core/linodes/create-linode.spec.ts
+++ b/packages/manager/cypress/e2e/core/linodes/create-linode.spec.ts
@@ -13,7 +13,10 @@ import {
   mockAppendFeatureFlags,
   mockGetFeatureFlagClientstream,
 } from 'support/intercepts/feature-flags';
-import { interceptCreateLinode } from 'support/intercepts/linodes';
+import {
+  interceptCreateLinode,
+  mockCreateLinodeError,
+} from 'support/intercepts/linodes';
 import { makeFeatureFlagData } from 'support/util/feature-flags';
 import { interceptGetProfile } from 'support/intercepts/profile';
 import { Region, VLAN, Config, Disk } from '@linode/api-v4';
@@ -159,7 +162,10 @@ describe('Create Linode', () => {
             username = xhr.response?.body.username;
           });
 
-          // TODO Confirm whether or not toast notification should appear here.
+          // Confirm toast notification should appear on Linode create.
+          ui.toast.assertMessage(
+            `Your Linode ${linodeLabel} is being created.`
+          );
           cy.findByText('RUNNING', { timeout: LINODE_CREATE_TIMEOUT }).should(
             'be.visible'
           );
@@ -341,4 +347,56 @@ describe('Create Linode', () => {
     fbtVisible(linodeLabel);
     cy.contains('RUNNING', { timeout: 300000 }).should('be.visible');
   });
+
+  /*
+   * - Confirms error message can show up during Linode create flow.
+   * - Confirms Linode can be created after retry.
+   */
+  it('shows unexpected error during Linode create flow', () => {
+    const linodeRegion = chooseRegion({
+      capabilities: ['Linodes'],
+    });
+    const linodeLabel = randomLabel();
+    const mockLinode = linodeFactory.build({
+      id: randomNumber(),
+      label: linodeLabel,
+      region: linodeRegion.id,
+    });
+    const createLinodeErrorMessage =
+      'An error has occurred during Linode creation flow';
+
+    mockCreateLinodeError(createLinodeErrorMessage).as('createLinodeError');
+    cy.visitWithLogin('/linodes/create');
+
+    // Set Linode label, OS, plan type, password, etc.
+    linodeCreatePage.setLabel(linodeLabel);
+    linodeCreatePage.selectImage('Debian 11');
+    linodeCreatePage.selectRegionById(linodeRegion.id);
+    linodeCreatePage.selectPlan('Shared CPU', 'Nanode 1 GB');
+    linodeCreatePage.setRootPassword(randomString(32));
+
+    // Create Linode by clicking the button.
+    ui.button
+      .findByTitle('Create Linode')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+    cy.wait('@createLinodeError');
+
+    // Confirm the createLinodeErrorMessage show up on the web page.
+    cy.findByText(`${createLinodeErrorMessage}`).should('be.visible');
+
+    // Retry to create a Linode.
+    mockCreateLinode(mockLinode).as('createLinode');
+    ui.button
+      .findByTitle('Create Linode')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+    cy.wait('@createLinode');
+    // Confirm toast notification should appear on Linode create.
+    ui.toast.assertMessage(`Your Linode ${linodeLabel} is being created.`);
+    // Confirm the createLinodeErrorMessage disappears.
+    cy.findByText(`${createLinodeErrorMessage}`).should('not.exist');
+  });
 });
diff --git a/packages/manager/cypress/support/intercepts/linodes.ts b/packages/manager/cypress/support/intercepts/linodes.ts
index d01b88a7964..e3dd41d140a 100644
--- a/packages/manager/cypress/support/intercepts/linodes.ts
+++ b/packages/manager/cypress/support/intercepts/linodes.ts
@@ -60,6 +60,24 @@ export const mockCreateLinode = (linode: Linode): Cypress.Chainable<null> => {
   );
 };
 
+/** Intercepts POST request to create a Linode and mocks an error response.
+ *
+ * @param errorMessage - Error message to be included in the mocked HTTP response.
+ * @param statusCode - HTTP status code for mocked error response. Default is `400`.
+ *
+ * @returns Cypress chainable.
+ */
+export const mockCreateLinodeError = (
+  errorMessage: string,
+  statusCode: number = 500
+): Cypress.Chainable<null> => {
+  return cy.intercept(
+    'POST',
+    apiMatcher('linode/instances'),
+    makeErrorResponse(errorMessage, statusCode)
+  );
+};
+
 /* Intercepts GET request to get a Linode.
  *
  * @param linodeId - ID of Linode to fetch.

From 9f0138eb7db46589683884e2215ed53e65a8c2ca Mon Sep 17 00:00:00 2001
From: venkymano <chk-Venkatesh@outlook.com>
Date: Tue, 20 Aug 2024 21:56:40 +0530
Subject: [PATCH 06/49] upcoming: [DI-20204] - Added Interface type setup,
 query updates and enhanced preferences type for upcoming
 Cloudpulsecustomselect component (#10769)

Co-authored-by: vmangalr <vmangalr@akamai.com>
---
 ...r-10769-upcoming-features-1723465718778.md |  5 +
 packages/api-v4/src/cloudpulse/types.ts       | 20 ++--
 ...r-10769-upcoming-features-1723465772614.md |  5 +
 .../features/CloudPulse/Utils/FilterConfig.ts |  4 +-
 .../src/features/CloudPulse/Utils/models.ts   | 36 ++++++-
 .../shared/CloudPulseResourcesSelect.tsx      |  5 +-
 .../src/queries/cloudpulse/customfilters.ts   | 93 +++++++++++++++++++
 .../manager/src/queries/cloudpulse/queries.ts |  4 +
 .../src/queries/databases/databases.ts        | 16 ++--
 .../manager/src/queries/databases/requests.ts | 20 +++-
 10 files changed, 187 insertions(+), 21 deletions(-)
 create mode 100644 packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
 create mode 100644 packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
 create mode 100644 packages/manager/src/queries/cloudpulse/customfilters.ts

diff --git a/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md b/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
new file mode 100644
index 00000000000..4edc74fe1c9
--- /dev/null
+++ b/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
@@ -0,0 +1,5 @@
+---
+"@linode/api-v4": Upcoming Features
+---
+
+Update the type for AclpConfig ([#10769](https://github.com/linode/manager/pull/10769))
diff --git a/packages/api-v4/src/cloudpulse/types.ts b/packages/api-v4/src/cloudpulse/types.ts
index 79ea9f9857f..edac74eec6d 100644
--- a/packages/api-v4/src/cloudpulse/types.ts
+++ b/packages/api-v4/src/cloudpulse/types.ts
@@ -44,13 +44,21 @@ export interface Filters {
   value: string;
 }
 
+// Define the type for filter values
+type FilterValue =
+  | number
+  | string
+  | string[]
+  | number[]
+  | WidgetFilterValue
+  | undefined;
+
+type WidgetFilterValue = { [key: string]: AclpWidget };
+
 export interface AclpConfig {
-  dashboardId: number;
-  interval: string;
-  region: string;
-  resources: string[];
-  timeDuration: string;
-  widgets: { [label: string]: AclpWidget };
+  // we maintain only the filters selected in the preferences for latest selected dashboard
+  [key: string]: FilterValue;
+  widgets?: WidgetFilterValue;
 }
 
 export interface AclpWidget {
diff --git a/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md b/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
new file mode 100644
index 00000000000..2c7e4fd5794
--- /dev/null
+++ b/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Enhance support for passing Xfilters in existing databases fetch all instances query and Add a new query method for supporting custom filter using inbuilt API-V4 query factories for services like linode, dbaas etc., for upcoming CloudpulseCustomSelection component ([#10769](https://github.com/linode/manager/pull/10769))
diff --git a/packages/manager/src/features/CloudPulse/Utils/FilterConfig.ts b/packages/manager/src/features/CloudPulse/Utils/FilterConfig.ts
index 6c2e2202998..caf4ecf683a 100644
--- a/packages/manager/src/features/CloudPulse/Utils/FilterConfig.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/FilterConfig.ts
@@ -55,7 +55,7 @@ export const DBAAS_CONFIG: Readonly<CloudPulseServiceTypeFilterMap> = {
   filters: [
     {
       configuration: {
-        filterKey: 'dbEngine',
+        filterKey: 'engine',
         filterType: 'string',
         isFilterable: false, // isFilterable -- this determines whethere you need to pass it metrics api
         isMetricsFilter: false, // if it is false, it will go as a part of filter params, else global filter
@@ -92,7 +92,7 @@ export const DBAAS_CONFIG: Readonly<CloudPulseServiceTypeFilterMap> = {
     },
     {
       configuration: {
-        dependency: ['region', 'dbEngine'],
+        dependency: ['region', 'engine'],
         filterKey: 'resource_id',
         filterType: 'string',
         isFilterable: true,
diff --git a/packages/manager/src/features/CloudPulse/Utils/models.ts b/packages/manager/src/features/CloudPulse/Utils/models.ts
index ad942f248fb..f51e945074e 100644
--- a/packages/manager/src/features/CloudPulse/Utils/models.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/models.ts
@@ -1,3 +1,6 @@
+import type { DatabaseEngine, DatabaseType } from '@linode/api-v4';
+import type { QueryFunction, QueryKey } from '@tanstack/react-query';
+
 /**
  * The CloudPulseServiceTypeMap has list of filters to be built for different service types like dbaas, linode etc.,The properties here are readonly as it is only for reading and can't be modified in code
  */
@@ -30,6 +33,36 @@ export interface CloudPulseServiceTypeFilters {
   name: string;
 }
 
+/**
+ * As of now, the list of possible custom filters are engine, database type, this union type will be expanded if we start enhancing our custom select config
+ */
+export type QueryFunctionType = DatabaseEngine[] | DatabaseType[];
+
+/**
+ * The non array types of QueryFunctionType like DatabaseEngine|DatabaseType
+ */
+export type QueryFunctionNonArrayType = SingleType<QueryFunctionType>;
+
+/**
+ * This infers the type from the QueryFunctionType and makes it a single object type, and by using this we can maintain only QueryFunctionType and NonArray Types are automatically identified
+ */
+type SingleType<T> = T extends (infer U)[] ? U : never;
+
+/**
+ * This interface holds the query function and query key from various factories, like databaseQueries, linodeQueries etc.,
+ */
+export interface QueryFunctionAndKey {
+  /**
+   * The query function that contains actual function that calls API like getDatabaseEngines, getDatabaseTypes etc.,
+   */
+  queryFn: QueryFunction<Awaited<QueryFunctionType>>;
+
+  /**
+   * The actual query key defined in the factory
+   */
+  queryKey: QueryKey;
+}
+
 /**
  * CloudPulseServiceTypeFiltersConfiguration is the actual configuration of the filter component
  */
@@ -46,8 +79,9 @@ export interface CloudPulseServiceTypeFiltersConfiguration {
 
   /**
    * This is an optional field, it is required if the type is dynamic for call the respective API to get the filters
+   * example, databaseQueries.types, databaseQueries.engines etc., makes use of existing query key and optimises cache
    */
-  apiUrl?: string;
+  apiV4QueryKey?: QueryFunctionAndKey;
 
   /**
    * This is an optional field, it is used to disable a certain filter, untill of the dependent filters are selected
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
index 502b96820e8..e97a58909c8 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
@@ -56,7 +56,10 @@ export const CloudPulseResourcesSelect = React.memo(
 
     // Once the data is loaded, set the state variable with value stored in preferences
     React.useEffect(() => {
-      const defaultResources = getUserPreferenceObject()?.resources;
+      const saveResources = getUserPreferenceObject()?.resources;
+      const defaultResources = Array.isArray(saveResources)
+        ? Array.of(saveResources).map((resourceId) => String(resourceId))
+        : undefined;
       if (resources) {
         if (defaultResources) {
           const resource = getResourcesList().filter((resource) =>
diff --git a/packages/manager/src/queries/cloudpulse/customfilters.ts b/packages/manager/src/queries/cloudpulse/customfilters.ts
new file mode 100644
index 00000000000..ad60921b5c6
--- /dev/null
+++ b/packages/manager/src/queries/cloudpulse/customfilters.ts
@@ -0,0 +1,93 @@
+import { useQuery } from '@tanstack/react-query';
+
+import type { Filter, Params } from '@linode/api-v4';
+import type { CloudPulseServiceTypeFiltersOptions } from 'src/features/CloudPulse/Utils/models';
+import type { QueryFunctionAndKey } from 'src/features/CloudPulse/Utils/models';
+import type {
+  QueryFunctionNonArrayType,
+  QueryFunctionType,
+} from 'src/features/CloudPulse/Utils/models';
+
+/**
+ * Interface that has the parameters required for making custom filter query call
+ */
+interface CustomFilterQueryProps {
+  /**
+   * The Built in API-V4 query factory functions like databaseQueries.types, databaseQueries.engines etc., makes use of existing query key and optimises cache
+   */
+  apiV4QueryKey: QueryFunctionAndKey;
+  /**
+   * This indicates whether or not to enable the query
+   */
+  enabled: boolean;
+  /**
+   * The xFilter that is used to filter the results in API
+   */
+  filter?: Filter;
+  /**
+   * The id field to consider from the response of the custom filter call
+   */
+  idField: string;
+  /**
+   * The label field to consider from the response of the custom filter call
+   */
+  labelField: string;
+
+  /**
+   * The params like pagination information to be passed to the API
+   */
+  params?: Params;
+}
+
+/**
+ * This functions queries the API-V4 URL and returns the filter value list like db engines, node types, region and resources etc.,
+ * @param queryProps - The parameters required for making custom filter query call
+ */
+export const useGetCustomFiltersQuery = (
+  queryProps: CustomFilterQueryProps
+) => {
+  const { apiV4QueryKey, enabled, idField, labelField } = queryProps;
+  return useQuery<
+    QueryFunctionType,
+    unknown,
+    CloudPulseServiceTypeFiltersOptions[]
+  >({
+    // receive filters and  return only id and label
+    enabled,
+    ...apiV4QueryKey,
+    select: (
+      filters: QueryFunctionType
+    ): CloudPulseServiceTypeFiltersOptions[] => {
+      // whatever field we receive, just return id and label
+      return filters
+        .map(
+          (filter): CloudPulseServiceTypeFiltersOptions => {
+            return {
+              id: getStringValue(filter, idField) ?? '',
+              label: getStringValue(filter, labelField) ?? '',
+            };
+          }
+        )
+        .filter(({ id, label }) => id.length && label.length);
+    },
+  });
+};
+
+/**
+ *
+ * @param filter The queried filters like DatabaseEngine , DatabaseType
+ * @param fieldKey The id and label field that needs to be fetched from the filter
+ * @returns String value of the fieldKey in the filter object
+ */
+const getStringValue = (
+  filter: QueryFunctionNonArrayType,
+  fieldKey: string
+): string | undefined => {
+  if (fieldKey in filter) {
+    const value = filter[fieldKey as keyof typeof filter]; // since we already checked fieldKey is present in filterObj like (DatabaseEngine, DatabaseType) we can fetch it by considering fieldKey as key of filter
+    if (value) {
+      return String(value);
+    }
+  }
+  return undefined;
+};
diff --git a/packages/manager/src/queries/cloudpulse/queries.ts b/packages/manager/src/queries/cloudpulse/queries.ts
index 49ea04eab91..e21707e31e3 100644
--- a/packages/manager/src/queries/cloudpulse/queries.ts
+++ b/packages/manager/src/queries/cloudpulse/queries.ts
@@ -6,6 +6,7 @@ import {
 } from '@linode/api-v4';
 import { createQueryKeys } from '@lukemorales/query-key-factory';
 
+import { databaseQueries } from '../databases/databases';
 import { getAllLinodesRequest } from '../linodes/requests';
 import { volumeQueries } from '../volumes/volumes';
 import { fetchCloudPulseMetrics } from './metrics';
@@ -64,6 +65,9 @@ export const queryFactory = createQueryKeys(key, {
       case 'volumes':
         return volumeQueries.lists._ctx.all(params, filters); // in this we don't need to define our own query factory, we will reuse existing implementation in volumes.ts
 
+      case 'dbaas':
+        return databaseQueries.databases._ctx.all(params, filters);
+
       default:
         return volumeQueries.lists._ctx.all(params, filters); // default to volumes
     }
diff --git a/packages/manager/src/queries/databases/databases.ts b/packages/manager/src/queries/databases/databases.ts
index 615894d6216..11e5ed1aab9 100644
--- a/packages/manager/src/queries/databases/databases.ts
+++ b/packages/manager/src/queries/databases/databases.ts
@@ -53,10 +53,10 @@ export const databaseQueries = createQueryKeys('databases', {
   }),
   databases: {
     contextQueries: {
-      all: {
-        queryFn: getAllDatabases,
-        queryKey: null,
-      },
+      all: (params: Params = {}, filter: Filter = {}) => ({
+        queryFn: () => getAllDatabases(params, filter),
+        queryKey: [params, filter],
+      }),
       paginated: (params: Params, filter: Filter) => ({
         queryFn: () => getDatabases(params, filter),
         queryKey: [params, filter],
@@ -92,9 +92,13 @@ export const useDatabasesQuery = (params: Params, filter: Filter) =>
     refetchInterval: 20000,
   });
 
-export const useAllDatabasesQuery = (enabled: boolean = true) =>
+export const useAllDatabasesQuery = (
+  enabled: boolean = true,
+  params: Params = {},
+  filter: Filter = {}
+) =>
   useQuery<DatabaseInstance[], APIError[]>({
-    ...databaseQueries.databases._ctx.all,
+    ...databaseQueries.databases._ctx.all(params, filter),
     enabled,
   });
 
diff --git a/packages/manager/src/queries/databases/requests.ts b/packages/manager/src/queries/databases/requests.ts
index 6ef7540103e..072e1d76197 100644
--- a/packages/manager/src/queries/databases/requests.ts
+++ b/packages/manager/src/queries/databases/requests.ts
@@ -3,14 +3,24 @@ import {
   getDatabaseTypes,
   getDatabases,
 } from '@linode/api-v4';
-import { DatabaseEngine, DatabaseInstance, DatabaseType } from '@linode/api-v4';
 
 import { getAll } from 'src/utilities/getAll';
 
-export const getAllDatabases = () =>
-  getAll<DatabaseInstance>((params) => getDatabases(params))().then(
-    (data) => data.data
-  );
+import type {
+  DatabaseEngine,
+  DatabaseInstance,
+  DatabaseType,
+  Filter,
+  Params,
+} from '@linode/api-v4';
+
+export const getAllDatabases = (
+  passedParams: Params = {},
+  passedFilter: Filter = {}
+) =>
+  getAll<DatabaseInstance>((params, filter) =>
+    getDatabases({ ...params, ...passedParams }, { ...filter, ...passedFilter })
+  )().then((data) => data.data);
 
 export const getAllDatabaseEngines = () =>
   getAll<DatabaseEngine>((params) => getDatabaseEngines(params))().then(

From 4a9839b04c69934f882f8c80eefa8ab8449982fe Mon Sep 17 00:00:00 2001
From: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
Date: Tue, 20 Aug 2024 13:18:47 -0400
Subject: [PATCH 07/49] change: [M3-8456] - Update LISH experience based on
 feedback (#10789)

* revert lish changes based on feedback

* add chanegsets

---------

Co-authored-by: Banks Nussman <banks@nussman.us>
---
 .../.changeset/pr-10789-changed-1724075831126.md |  5 +++++
 .../.changeset/pr-10789-changed-1724075913480.md |  5 +++++
 packages/manager/package.json                    |  1 -
 packages/manager/src/features/Lish/Weblish.tsx   | 16 ++--------------
 packages/manager/src/features/Lish/lishUtils.ts  |  3 ++-
 yarn.lock                                        |  5 -----
 6 files changed, 14 insertions(+), 21 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10789-changed-1724075831126.md
 create mode 100644 packages/manager/.changeset/pr-10789-changed-1724075913480.md

diff --git a/packages/manager/.changeset/pr-10789-changed-1724075831126.md b/packages/manager/.changeset/pr-10789-changed-1724075831126.md
new file mode 100644
index 00000000000..1a181987e1e
--- /dev/null
+++ b/packages/manager/.changeset/pr-10789-changed-1724075831126.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Open LISH in a popup window rather than a new tab ([#10789](https://github.com/linode/manager/pull/10789))
diff --git a/packages/manager/.changeset/pr-10789-changed-1724075913480.md b/packages/manager/.changeset/pr-10789-changed-1724075913480.md
new file mode 100644
index 00000000000..4923307c7fb
--- /dev/null
+++ b/packages/manager/.changeset/pr-10789-changed-1724075913480.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Use static number of rows in column in LISH to prevent resize and cursor positioning problems ([#10789](https://github.com/linode/manager/pull/10789))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index 61283f897a3..4baf75abd75 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -82,7 +82,6 @@
     "typescript-fsa": "^3.0.0",
     "typescript-fsa-reducers": "^1.2.0",
     "@xterm/xterm": "^5.5.0",
-    "@xterm/addon-fit": "^0.10.0",
     "yup": "^0.32.9",
     "zxcvbn": "^4.4.2"
   },
diff --git a/packages/manager/src/features/Lish/Weblish.tsx b/packages/manager/src/features/Lish/Weblish.tsx
index c99e547a6f9..d063a994c65 100644
--- a/packages/manager/src/features/Lish/Weblish.tsx
+++ b/packages/manager/src/features/Lish/Weblish.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable scanjs-rules/call_addEventListener */
-import { FitAddon } from '@xterm/addon-fit';
 import { Terminal } from '@xterm/xterm';
 import * as React from 'react';
 
@@ -23,8 +22,6 @@ type CombinedProps = Props &
   Pick<LinodeLishData, 'weblish_url' | 'ws_protocols'>;
 
 export class Weblish extends React.Component<CombinedProps, State> {
-  fitAddon: FitAddon;
-
   mounted: boolean = false;
   socket: WebSocket;
 
@@ -113,26 +110,17 @@ export class Weblish extends React.Component<CombinedProps, State> {
     const { group, label } = linode;
 
     this.terminal = new Terminal({
+      cols: 120,
       cursorBlink: true,
       fontFamily: '"Ubuntu Mono", monospace, sans-serif',
+      rows: 40,
       screenReaderMode: true,
     });
 
-    this.fitAddon = new FitAddon();
-    this.terminal.loadAddon(this.fitAddon);
-
     this.terminal.onData((data: string) => this.socket.send(data));
     const terminalDiv = document.getElementById('terminal');
     this.terminal.open(terminalDiv as HTMLElement);
 
-    window.onresize = () => {
-      this.fitAddon.fit();
-    };
-
-    setInterval(() => {
-      this.fitAddon.fit();
-    }, 2000);
-
     this.terminal.writeln('\x1b[32mLinode Lish Console\x1b[m');
 
     this.socket.addEventListener('message', (evt) => {
diff --git a/packages/manager/src/features/Lish/lishUtils.ts b/packages/manager/src/features/Lish/lishUtils.ts
index 0f021267ba9..e94f56c5958 100644
--- a/packages/manager/src/features/Lish/lishUtils.ts
+++ b/packages/manager/src/features/Lish/lishUtils.ts
@@ -1,6 +1,7 @@
 export const lishLaunch = (linodeId: number) => {
   window.open(
     `${window.location.protocol}//${window.location.host}/linodes/${linodeId}/lish/weblish`,
-    `weblish_con_${linodeId}`
+    `weblish_con_${linodeId}`,
+    'width=1080,height=730,toolbar=0,resizable=1'
   );
 };
diff --git a/yarn.lock b/yarn.lock
index ae496788710..5a0696c50ca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4789,11 +4789,6 @@
     loupe "^2.3.7"
     pretty-format "^29.7.0"
 
-"@xterm/addon-fit@^0.10.0":
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/@xterm/addon-fit/-/addon-fit-0.10.0.tgz#bebf87fadd74e3af30fdcdeef47030e2592c6f55"
-  integrity sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ==
-
 "@xterm/xterm@^5.5.0":
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/@xterm/xterm/-/xterm-5.5.0.tgz#275fb8f6e14afa6e8a0c05d4ebc94523ff775396"

From 81082b00ddd70e534b7a9076687390400e87be1a Mon Sep 17 00:00:00 2001
From: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Date: Tue, 20 Aug 2024 11:32:02 -0700
Subject: [PATCH 08/49] feat: [M3-8336] - Improve support ticket form
 pre-population and field labels (#10745)

* Pass form payload fields to support ticket form

* Display Linode plan label; fix ticket title regression

* Display LKE plan label(s)

* Clean up; fix type not being passed in create flow v1

* Fix console error for uncontrolled value; fix validation bug

* Update test

* Improve the entity type labeling

* Update test to handle dynamic entity type label

* Fix default value ordering

* Added changeset: Improve support ticket form  pre-population and field labels
---
 .../pr-10745-changed-1723666784731.md         |  5 ++
 .../open-support-ticket.spec.ts               | 30 ++++++----
 .../manager/src/components/ErrorMessage.tsx   |  9 ++-
 .../components/SupportLink/SupportLink.tsx    | 14 ++++-
 .../components/SupportTicketGeneralError.tsx  |  9 ++-
 .../CreateCluster/CreateCluster.tsx           |  6 +-
 .../features/Linodes/LinodeCreatev2/Error.tsx |  8 ++-
 .../Linodes/LinodesCreate/LinodeCreate.tsx    |  6 +-
 .../SupportTicketAccountLimitFields.tsx       | 57 ++++++++++++++++---
 .../SupportTickets/SupportTicketDialog.tsx    | 54 +++++++++++++-----
 .../SupportTicketProductSelectionFields.tsx   | 11 ++--
 .../SupportTickets/SupportTicketsLanding.tsx  | 19 -------
 .../Support/SupportTickets/constants.tsx      |  6 +-
 .../SupportTickets/ticketUtils.test.ts        | 18 +++++-
 .../Support/SupportTickets/ticketUtils.ts     | 28 ++++++++-
 15 files changed, 211 insertions(+), 69 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10745-changed-1723666784731.md

diff --git a/packages/manager/.changeset/pr-10745-changed-1723666784731.md b/packages/manager/.changeset/pr-10745-changed-1723666784731.md
new file mode 100644
index 00000000000..1db2047bf20
--- /dev/null
+++ b/packages/manager/.changeset/pr-10745-changed-1723666784731.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Improve support ticket form  pre-population and field labels ([#10745](https://github.com/linode/manager/pull/10745))
diff --git a/packages/manager/cypress/e2e/core/helpAndSupport/open-support-ticket.spec.ts b/packages/manager/cypress/e2e/core/helpAndSupport/open-support-ticket.spec.ts
index 07636b6f0ee..bffc53d6cef 100644
--- a/packages/manager/cypress/e2e/core/helpAndSupport/open-support-ticket.spec.ts
+++ b/packages/manager/cypress/e2e/core/helpAndSupport/open-support-ticket.spec.ts
@@ -365,14 +365,14 @@ describe('open support tickets', () => {
       description: '',
       entityId: '',
       entityInputValue: '',
-      entityType: 'general' as EntityType,
+      entityType: 'linode_id' as EntityType,
       selectedSeverity: undefined,
       summary: 'Account Limit Increase',
       ticketType: 'accountLimit' as TicketType,
-      companyName: mockAccount.company,
       customerName: `${mockAccount.first_name} ${mockAccount.last_name}`,
+      companyName: mockAccount.company,
       numberOfEntities: '2',
-      linodePlan: 'Nanode 1 GB',
+      linodePlan: 'Nanode 1GB',
       useCase: randomString(),
       publicInfo: randomString(),
     };
@@ -449,6 +449,13 @@ describe('open support tickets', () => {
           .should('be.visible')
           .should('have.value', mockFormFields.companyName);
 
+        // Confirm plan pre-populates from form payload data.
+        cy.findByLabelText('Which Linode plan do you need access to?', {
+          exact: false,
+        })
+          .should('be.visible')
+          .should('have.value', mockFormFields.linodePlan);
+
         // Confirm helper text and link.
         cy.findByText('Current number of Linodes: 1').should('be.visible');
         cy.findByText('View types of plans')
@@ -467,16 +474,11 @@ describe('open support tickets', () => {
         cy.findByText('Links to public information are required.');
 
         // Complete the rest of the form.
-        cy.findByLabelText('Total number of entities you need?')
+        cy.findByLabelText('Total number of Linodes you need?')
           .should('be.visible')
           .click()
           .type(mockFormFields.numberOfEntities);
 
-        cy.findByLabelText('Which Linode plan do you need access to?')
-          .should('be.visible')
-          .click()
-          .type(mockFormFields.linodePlan);
-
         cy.get('[data-qa-ticket-use-case]')
           .should('be.visible')
           .click()
@@ -511,9 +513,13 @@ describe('open support tickets', () => {
     cy.contains(
       `#${mockAccountLimitTicket.id}: ${mockAccountLimitTicket.summary}`
     ).should('be.visible');
-    Object.values(ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP).forEach(
-      (fieldLabel) => {
-        cy.findByText(fieldLabel).should('be.visible');
+    Object.entries(ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP).forEach(
+      ([key, fieldLabel]) => {
+        let _fieldLabel = fieldLabel;
+        if (key === 'useCase' || key === 'numberOfEntities') {
+          _fieldLabel = _fieldLabel.replace('entities', 'Linodes');
+        }
+        cy.findByText(_fieldLabel).should('be.visible');
       }
     );
   });
diff --git a/packages/manager/src/components/ErrorMessage.tsx b/packages/manager/src/components/ErrorMessage.tsx
index b0092809348..68917fb0fd3 100644
--- a/packages/manager/src/components/ErrorMessage.tsx
+++ b/packages/manager/src/components/ErrorMessage.tsx
@@ -3,23 +3,28 @@ import React from 'react';
 import { SupportTicketGeneralError } from './SupportTicketGeneralError';
 import { Typography } from './Typography';
 
-import type { EntityType } from 'src/features/Support/SupportTickets/SupportTicketDialog';
+import type {
+  EntityType,
+  FormPayloadValues,
+} from 'src/features/Support/SupportTickets/SupportTicketDialog';
 
 interface Props {
   entityType: EntityType;
+  formPayloadValues?: FormPayloadValues;
   message: string;
 }
 
 export const supportTextRegex = /(open a support ticket|contact Support)/i;
 
 export const ErrorMessage = (props: Props) => {
-  const { entityType, message } = props;
+  const { entityType, formPayloadValues, message } = props;
   const isSupportTicketError = supportTextRegex.test(message);
 
   if (isSupportTicketError) {
     return (
       <SupportTicketGeneralError
         entityType={entityType}
+        formPayloadValues={formPayloadValues}
         generalError={message}
       />
     );
diff --git a/packages/manager/src/components/SupportLink/SupportLink.tsx b/packages/manager/src/components/SupportLink/SupportLink.tsx
index 16dd526b831..a9a112354e6 100644
--- a/packages/manager/src/components/SupportLink/SupportLink.tsx
+++ b/packages/manager/src/components/SupportLink/SupportLink.tsx
@@ -4,12 +4,14 @@ import { Link } from 'react-router-dom';
 import type { LinkProps } from 'react-router-dom';
 import type {
   EntityType,
+  FormPayloadValues,
   TicketType,
 } from 'src/features/Support/SupportTickets/SupportTicketDialog';
 
 interface SupportLinkProps {
   description?: string;
   entity?: EntityForTicketDetails;
+  formPayloadValues?: FormPayloadValues;
   onClick?: LinkProps['onClick'];
   text: string;
   ticketType?: TicketType;
@@ -22,7 +24,16 @@ export interface EntityForTicketDetails {
 }
 
 const SupportLink = (props: SupportLinkProps) => {
-  const { description, entity, onClick, text, ticketType, title } = props;
+  const {
+    description,
+    entity,
+    formPayloadValues,
+    onClick,
+    text,
+    ticketType,
+    title,
+  } = props;
+
   return (
     <Link
       to={{
@@ -30,6 +41,7 @@ const SupportLink = (props: SupportLinkProps) => {
         state: {
           description,
           entity,
+          formPayloadValues,
           open: true,
           ticketType,
           title,
diff --git a/packages/manager/src/components/SupportTicketGeneralError.tsx b/packages/manager/src/components/SupportTicketGeneralError.tsx
index 6e09556dc37..d026c879ef9 100644
--- a/packages/manager/src/components/SupportTicketGeneralError.tsx
+++ b/packages/manager/src/components/SupportTicketGeneralError.tsx
@@ -7,10 +7,14 @@ import { capitalize } from 'src/utilities/capitalize';
 import { supportTextRegex } from './ErrorMessage';
 import { Typography } from './Typography';
 
-import type { EntityType } from 'src/features/Support/SupportTickets/SupportTicketDialog';
+import type {
+  EntityType,
+  FormPayloadValues,
+} from 'src/features/Support/SupportTickets/SupportTicketDialog';
 
 interface SupportTicketGeneralErrorProps {
   entityType: EntityType;
+  formPayloadValues?: FormPayloadValues;
   generalError: string;
 }
 
@@ -19,7 +23,7 @@ const accountLimitRegex = /(limit|limit for the number of active services) on yo
 export const SupportTicketGeneralError = (
   props: SupportTicketGeneralErrorProps
 ) => {
-  const { entityType, generalError } = props;
+  const { entityType, formPayloadValues, generalError } = props;
   const theme = useTheme();
 
   const limitError = generalError.split(supportTextRegex);
@@ -50,6 +54,7 @@ export const SupportTicketGeneralError = (
                 isAccountLimitSupportTicket ? 'accountLimit' : 'general'
               }
               entity={{ id: undefined, type: entityType }}
+              formPayloadValues={formPayloadValues}
               key={`${substring}-${idx}`}
             />
           );
diff --git a/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx b/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx
index 2ff221c7f2c..2e82e2817e7 100644
--- a/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx
+++ b/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx
@@ -212,7 +212,11 @@ export const CreateCluster = () => {
       <Grid className={`mlMain py0`}>
         {generalError && (
           <Notice variant="error">
-            <ErrorMessage entityType="lkecluster_id" message={generalError} />
+            <ErrorMessage
+              entityType="lkecluster_id"
+              formPayloadValues={{ node_pools: nodePools }}
+              message={generalError}
+            />
           </Notice>
         )}
         <Paper data-qa-label-header>
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Error.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Error.tsx
index 833742288a5..0b8dc8ed2ff 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Error.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Error.tsx
@@ -10,9 +10,11 @@ import type { CreateLinodeRequest } from '@linode/api-v4';
 export const Error = () => {
   const {
     formState: { errors },
+    getValues,
   } = useFormContext<CreateLinodeRequest>();
 
   const generalError = errors.root?.message ?? errors.interfaces?.message;
+  const values = getValues();
 
   if (!generalError) {
     return null;
@@ -21,7 +23,11 @@ export const Error = () => {
   return (
     <Paper sx={{ p: 0 }}>
       <Notice spacingBottom={0} spacingTop={0} variant="error">
-        <ErrorMessage entityType="linode_id" message={generalError} />
+        <ErrorMessage
+          entityType="linode_id"
+          formPayloadValues={{ type: values.type }}
+          message={generalError}
+        />
       </Notice>
     </Paper>
   );
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
index 80255fcf94d..d214eee5753 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
@@ -846,7 +846,11 @@ export class LinodeCreate extends React.PureComponent<
           )}
           {generalError && (
             <Notice spacingTop={8} variant="error">
-              <ErrorMessage entityType="linode_id" message={generalError} />
+              <ErrorMessage
+                entityType="linode_id"
+                formPayloadValues={{ type: this.props.selectedTypeID }}
+                message={generalError}
+              />
             </Notice>
           )}
           {userCannotCreateLinode && (
diff --git a/packages/manager/src/features/Support/SupportTickets/SupportTicketAccountLimitFields.tsx b/packages/manager/src/features/Support/SupportTickets/SupportTicketAccountLimitFields.tsx
index 3c1f061adaa..271ff3dfbcc 100644
--- a/packages/manager/src/features/Support/SupportTickets/SupportTicketAccountLimitFields.tsx
+++ b/packages/manager/src/features/Support/SupportTickets/SupportTicketAccountLimitFields.tsx
@@ -4,31 +4,71 @@ import { Controller, useFormContext } from 'react-hook-form';
 import { Link } from 'src/components/Link';
 import { TextField } from 'src/components/TextField';
 import { useAccount } from 'src/queries/account/account';
+import { useSpecificTypes, useTypeQuery } from 'src/queries/types';
+import { extendTypesQueryResult } from 'src/utilities/extendType';
 
 import { ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP } from './constants';
 import { SupportTicketProductSelectionFields } from './SupportTicketProductSelectionFields';
+import { getEntityNameFromEntityType } from './ticketUtils';
 
 import type { CustomFields } from './constants';
-import type { SupportTicketFormFields } from './SupportTicketDialog';
+import type {
+  FormPayloadValues,
+  SupportTicketFormFields,
+} from './SupportTicketDialog';
 
 export interface AccountLimitCustomFields extends CustomFields {
   linodePlan: string;
   numberOfEntities: string;
 }
 
-export const SupportTicketAccountLimitFields = () => {
+interface Props {
+  prefilledFormPayloadValues?: FormPayloadValues;
+}
+
+export const SupportTicketAccountLimitFields = ({
+  prefilledFormPayloadValues,
+}: Props) => {
   const { control, formState, reset, watch } = useFormContext<
     AccountLimitCustomFields & SupportTicketFormFields
   >();
+  const { entityType } = watch();
 
-  const { data: account } = useAccount();
+  const prefilledLinodeType =
+    prefilledFormPayloadValues && 'type' in prefilledFormPayloadValues
+      ? prefilledFormPayloadValues.type
+      : '';
+  const prefilledKubeTypes =
+    prefilledFormPayloadValues && 'node_pools' in prefilledFormPayloadValues
+      ? prefilledFormPayloadValues.node_pools?.map((pool) => pool.type)
+      : [];
 
-  const { entityType } = watch();
+  const { data: account } = useAccount();
+  const { data: linodeType } = useTypeQuery(
+    prefilledLinodeType ?? '',
+    Boolean(prefilledLinodeType)
+  );
+  const kubeTypesQuery = useSpecificTypes(
+    prefilledKubeTypes ?? [],
+    Boolean(prefilledKubeTypes)
+  );
+  const kubeTypes = extendTypesQueryResult(kubeTypesQuery);
 
+  // Must be in the same order as the fields are displayed in the form.
   const defaultValues = {
-    companyName: account?.company,
-    customerName: `${account?.first_name} ${account?.last_name}`,
     ...formState.defaultValues,
+    customerName: `${account?.first_name ?? ''} ${account?.last_name ?? ''}`,
+    // eslint-disable-next-line perfectionist/sort-objects
+    companyName: account?.company ?? '',
+    numberOfEntities: '',
+    // eslint-disable-next-line perfectionist/sort-objects
+    linodePlan:
+      linodeType?.label ??
+      kubeTypes.map((type) => type.formattedLabel).join(', ') ??
+      '',
+    useCase: '',
+    // eslint-disable-next-line perfectionist/sort-objects
+    publicInfo: '',
   };
 
   const shouldShowLinodePlanField =
@@ -95,10 +135,13 @@ export const SupportTicketAccountLimitFields = () => {
       <Controller
         render={({ field, fieldState }) => (
           <TextField
+            label={ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP.useCase.replace(
+              'entities',
+              getEntityNameFromEntityType(entityType, true)
+            )}
             data-qa-ticket-use-case
             errorText={fieldState.error?.message}
             expand
-            label={ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP.useCase}
             multiline
             name="useCase"
             onChange={field.onChange}
diff --git a/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx b/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx
index 8d468debf51..b401dd0c7ec 100644
--- a/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx
+++ b/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx
@@ -3,6 +3,7 @@ import { uploadAttachment } from '@linode/api-v4/lib/support';
 import { update } from 'ramda';
 import * as React from 'react';
 import { Controller, FormProvider, useForm } from 'react-hook-form';
+import { useLocation } from 'react-router-dom';
 import { debounce } from 'throttle-debounce';
 import { makeStyles } from 'tss-react/mui';
 
@@ -40,7 +41,9 @@ import type { FileAttachment } from '../index';
 import type { AttachmentError } from '../SupportTicketDetail/SupportTicketDetail';
 import type { AccountLimitCustomFields } from './SupportTicketAccountLimitFields';
 import type { SMTPCustomFields } from './SupportTicketSMTPFields';
+import type { CreateKubeClusterPayload } from '@linode/api-v4';
 import type { TicketSeverity } from '@linode/api-v4/lib/support';
+import type { CreateLinodeRequest } from '@linode/api-v4/src/linodes/types';
 import type { Theme } from '@mui/material/styles';
 import type { EntityForTicketDetails } from 'src/components/SupportLink/SupportLink';
 
@@ -92,6 +95,10 @@ export type AllSupportTicketFormFields = SupportTicketFormFields &
   SMTPCustomFields &
   AccountLimitCustomFields;
 
+export type FormPayloadValues =
+  | Partial<CreateKubeClusterPayload>
+  | Partial<CreateLinodeRequest>;
+
 export interface TicketTypeData {
   dialogTitle: string;
   helperText: JSX.Element | string;
@@ -146,33 +153,48 @@ export const SupportTicketDialog = (props: SupportTicketDialogProps) => {
     prefilledTitle,
   } = props;
 
+  const location = useLocation<any>();
+  const stateParams = location.state;
+
+  // Collect prefilled data from props or Link parameters.
+  const _prefilledDescription: string =
+    prefilledDescription ?? stateParams?.description ?? undefined;
+  const _prefilledEntity: EntityForTicketDetails =
+    prefilledEntity ?? stateParams?.entity ?? undefined;
+  const _prefilledTitle: string =
+    prefilledTitle ?? stateParams?.title ?? undefined;
+  const prefilledFormPayloadValues: FormPayloadValues =
+    stateParams?.formPayloadValues ?? undefined;
+  const _prefilledTicketType: TicketType =
+    prefilledTicketType ?? stateParams?.ticketType ?? undefined;
+
+  // Use the prefilled title if one is given, otherwise, use any default prefill titles by ticket type, if extant.
+  const newPrefilledTitle = _prefilledTitle
+    ? _prefilledTitle
+    : _prefilledTicketType && TICKET_TYPE_MAP[_prefilledTicketType]
+    ? TICKET_TYPE_MAP[_prefilledTicketType].ticketTitle
+    : undefined;
+
   const formContainerRef = React.useRef<HTMLFormElement>(null);
 
   const hasSeverityCapability = useTicketSeverityCapability();
 
   const valuesFromStorage = storage.supportTicket.get();
 
-  // Use a prefilled title if one is given, otherwise, use any default prefill titles by ticket type, if extant.
-  const _prefilledTitle = prefilledTitle
-    ? prefilledTitle
-    : prefilledTicketType && TICKET_TYPE_MAP[prefilledTicketType]
-    ? TICKET_TYPE_MAP[prefilledTicketType].ticketTitle
-    : undefined;
-
   // Ticket information
   const form = useForm<SupportTicketFormFields>({
     defaultValues: {
       description: getInitialValue(
-        prefilledDescription,
+        _prefilledDescription,
         valuesFromStorage.description
       ),
-      entityId: prefilledEntity?.id ? String(prefilledEntity.id) : '',
+      entityId: _prefilledEntity?.id ? String(_prefilledEntity.id) : '',
       entityInputValue: '',
-      entityType: prefilledEntity?.type ?? 'general',
-      summary: getInitialValue(_prefilledTitle, valuesFromStorage.summary),
-      ticketType: prefilledTicketType ?? 'general',
+      entityType: _prefilledEntity?.type ?? 'general',
+      summary: getInitialValue(newPrefilledTitle, valuesFromStorage.summary),
+      ticketType: _prefilledTicketType ?? 'general',
     },
-    resolver: yupResolver(SCHEMA_MAP[prefilledTicketType ?? 'general']),
+    resolver: yupResolver(SCHEMA_MAP[_prefilledTicketType ?? 'general']),
   });
 
   const {
@@ -458,7 +480,11 @@ export const SupportTicketDialog = (props: SupportTicketDialogProps) => {
             </>
           )}
           {ticketType === 'smtp' && <SupportTicketSMTPFields />}
-          {ticketType === 'accountLimit' && <SupportTicketAccountLimitFields />}
+          {ticketType === 'accountLimit' && (
+            <SupportTicketAccountLimitFields
+              prefilledFormPayloadValues={prefilledFormPayloadValues}
+            />
+          )}
           {(!ticketType || ticketType === 'general') && (
             <>
               {props.hideProductSelection ? null : (
diff --git a/packages/manager/src/features/Support/SupportTickets/SupportTicketProductSelectionFields.tsx b/packages/manager/src/features/Support/SupportTickets/SupportTicketProductSelectionFields.tsx
index 57deb302df3..1998e626fc5 100644
--- a/packages/manager/src/features/Support/SupportTickets/SupportTicketProductSelectionFields.tsx
+++ b/packages/manager/src/features/Support/SupportTickets/SupportTicketProductSelectionFields.tsx
@@ -18,6 +18,7 @@ import {
   ENTITY_ID_TO_NAME_MAP,
   ENTITY_MAP,
 } from './constants';
+import { getEntityNameFromEntityType } from './ticketUtils';
 
 import type { AccountLimitCustomFields } from './SupportTicketAccountLimitFields';
 import type {
@@ -183,10 +184,7 @@ export const SupportTicketProductSelectionFields = (props: Props) => {
     return eachTopic.value === entityType;
   });
 
-  const _entityType =
-    entityType !== 'general' && entityType !== 'none'
-      ? `${ENTITY_ID_TO_NAME_MAP[entityType]}s`
-      : 'entities';
+  const _entityType = getEntityNameFromEntityType(entityType, true);
 
   return (
     // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -195,10 +193,13 @@ export const SupportTicketProductSelectionFields = (props: Props) => {
         <Controller
           render={({ field, fieldState }) => (
             <TextField
+              label={ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP.numberOfEntities.replace(
+                'entities',
+                _entityType
+              )}
               data-qa-ticket-number-of-entities
               errorText={fieldState.error?.message}
               helperText={`Current number of ${_entityType}: ${entityOptions.length}`}
-              label={ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP.numberOfEntities}
               name="numberOfEntities"
               onChange={field.onChange}
               placeholder={`Enter total number of ${_entityType}`}
diff --git a/packages/manager/src/features/Support/SupportTickets/SupportTicketsLanding.tsx b/packages/manager/src/features/Support/SupportTickets/SupportTicketsLanding.tsx
index ac5bbbb61e6..6e4ff9fb3f3 100644
--- a/packages/manager/src/features/Support/SupportTickets/SupportTicketsLanding.tsx
+++ b/packages/manager/src/features/Support/SupportTickets/SupportTicketsLanding.tsx
@@ -38,21 +38,6 @@ const SupportTicketsLanding = () => {
     stateParams ? stateParams.open : parsedParams.drawerOpen === 'true'
   );
 
-  // @todo this should be handled in the support ticket component
-  // and probably does not need to use state
-  const [prefilledDescription] = React.useState(
-    stateParams ? stateParams.description : undefined
-  );
-  const [prefilledTitle] = React.useState(
-    stateParams ? stateParams.title : undefined
-  );
-  const [prefilledEntity] = React.useState(
-    stateParams ? stateParams.entity : undefined
-  );
-  const [prefilledTicketType] = React.useState(
-    stateParams ? stateParams.ticketType : undefined
-  );
-
   const handleAddTicketSuccess = (
     ticketId: number,
     attachmentErrors: AttachmentError[] = []
@@ -106,10 +91,6 @@ const SupportTicketsLanding = () => {
         onClose={() => setDrawerOpen(false)}
         onSuccess={handleAddTicketSuccess}
         open={drawerOpen}
-        prefilledDescription={prefilledDescription}
-        prefilledEntity={prefilledEntity}
-        prefilledTicketType={prefilledTicketType}
-        prefilledTitle={prefilledTitle}
       />
     </React.Fragment>
   );
diff --git a/packages/manager/src/features/Support/SupportTickets/constants.tsx b/packages/manager/src/features/Support/SupportTickets/constants.tsx
index 3bb669ca145..9e1134a0f02 100644
--- a/packages/manager/src/features/Support/SupportTickets/constants.tsx
+++ b/packages/manager/src/features/Support/SupportTickets/constants.tsx
@@ -88,8 +88,9 @@ export const ENTITY_ID_TO_NAME_MAP: Record<EntityType, string> = {
 
 // General custom fields common to multiple custom ticket types.
 export const CUSTOM_FIELD_NAME_TO_LABEL_MAP: Record<string, string> = {
-  companyName: 'Business or company name',
   customerName: 'First and last name',
+  // eslint-disable-next-line perfectionist/sort-objects
+  companyName: 'Business or company name',
   publicInfo:
     "Links to public information - e.g. your business or application's website, Twitter profile, GitHub, etc.",
   useCase: 'A clear and detailed description of your use case',
@@ -104,8 +105,9 @@ export const SMTP_FIELD_NAME_TO_LABEL_MAP: Record<string, string> = {
 
 export const ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP: Record<string, string> = {
   ...CUSTOM_FIELD_NAME_TO_LABEL_MAP,
-  linodePlan: 'Which Linode plan do you need access to?',
   numberOfEntities: 'Total number of entities you need?',
+  // eslint-disable-next-line perfectionist/sort-objects
+  linodePlan: 'Which Linode plan do you need access to?',
   useCase:
     'A detailed description of your use case and why you need access to more/larger entities',
 };
diff --git a/packages/manager/src/features/Support/SupportTickets/ticketUtils.test.ts b/packages/manager/src/features/Support/SupportTickets/ticketUtils.test.ts
index 025f0469bea..e30ec784902 100644
--- a/packages/manager/src/features/Support/SupportTickets/ticketUtils.test.ts
+++ b/packages/manager/src/features/Support/SupportTickets/ticketUtils.test.ts
@@ -1,5 +1,5 @@
 import { SMTP_FIELD_NAME_TO_LABEL_MAP } from './constants';
-import { formatDescription } from './ticketUtils';
+import { formatDescription, getEntityNameFromEntityType } from './ticketUtils';
 
 import type { SupportTicketFormFields } from './SupportTicketDialog';
 import type { SMTPCustomFields } from './SupportTicketSMTPFields';
@@ -47,3 +47,19 @@ describe('formatDescription', () => {
     ).toEqual(expectedFormattedDescription);
   });
 });
+
+describe('getEntityNameFromEntityType', () => {
+  it('returns a human-readable entity name or default from the entity type', () => {
+    const nbEntityType = 'nodebalancer_id';
+    const generalEntityType = 'general';
+
+    expect(getEntityNameFromEntityType(nbEntityType)).toEqual('NodeBalancer');
+    expect(getEntityNameFromEntityType(nbEntityType, true)).toEqual(
+      'NodeBalancers'
+    );
+    expect(getEntityNameFromEntityType(generalEntityType)).toEqual('entity');
+    expect(getEntityNameFromEntityType(generalEntityType, true)).toEqual(
+      'entities'
+    );
+  });
+});
diff --git a/packages/manager/src/features/Support/SupportTickets/ticketUtils.ts b/packages/manager/src/features/Support/SupportTickets/ticketUtils.ts
index 2aa2d2a7212..c3bc84d61a7 100644
--- a/packages/manager/src/features/Support/SupportTickets/ticketUtils.ts
+++ b/packages/manager/src/features/Support/SupportTickets/ticketUtils.ts
@@ -6,12 +6,14 @@ import { isFeatureEnabled } from 'src/utilities/accountCapabilities';
 
 import {
   ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP,
+  ENTITY_ID_TO_NAME_MAP,
   SMTP_FIELD_NAME_TO_LABEL_MAP,
   TICKET_TYPE_TO_CUSTOM_FIELD_KEYS_MAP,
 } from './constants';
 
 import type {
   AllSupportTicketFormFields,
+  EntityType,
   SupportTicketFormFields,
   TicketType,
 } from './SupportTicketDialog';
@@ -105,9 +107,33 @@ export const formatDescription = (
       if (ticketType === 'smtp') {
         label = SMTP_FIELD_NAME_TO_LABEL_MAP[key];
       } else if (ticketType === 'accountLimit') {
-        label = ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP[key];
+        // Use the specific entity type in the form labels to match what is displayed to the user.
+        if (key === 'numberOfEntities' || key === 'useCase') {
+          label = ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP[key].replace(
+            'entities',
+            getEntityNameFromEntityType(values.entityType, true)
+          );
+        } else {
+          label = ACCOUNT_LIMIT_FIELD_NAME_TO_LABEL_MAP[key];
+        }
       }
       return `**${label}**\n${value ? value : 'No response'}`;
     })
     .join('\n\n');
 };
+
+/**
+ * getEntityNameFromEntityType
+ *
+ * @param entityType - the entity type submitted with the support ticket; ends in '_id'
+ * @param isPlural - if true, pluralize the entity name; defaults to false
+ * @returns human readable entity name, singular or plural; falls back on generic 'entity'
+ */
+export const getEntityNameFromEntityType = (
+  entityType: EntityType,
+  isPlural = false
+) => {
+  return entityType !== 'general' && entityType !== 'none'
+    ? `${ENTITY_ID_TO_NAME_MAP[entityType]}${isPlural ? 's' : ''}`
+    : `${isPlural ? 'entities' : 'entity'}`;
+};

From bc77b01b4c10f8739f147facdcb92fef4a5ad025 Mon Sep 17 00:00:00 2001
From: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
Date: Wed, 21 Aug 2024 10:16:33 -0400
Subject: [PATCH 09/49] refactor: [M3-8459] - Remove `patch-package` package
 (#10800)

* remove `patch-package` package

* Added changeset: Remove `patch-package` package

---------

Co-authored-by: Banks Nussman <banks@nussman.us>
---
 .../01-repository-structure.md                |  2 --
 package.json                                  |  2 --
 .../pr-10800-tech-stories-1724094117438.md    |  5 +++++
 packages/manager/package.json                 |  2 --
 yarn.lock                                     | 20 -------------------
 5 files changed, 5 insertions(+), 26 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md

diff --git a/docs/development-guide/01-repository-structure.md b/docs/development-guide/01-repository-structure.md
index fee00a5cc03..a8b5caa2c0c 100644
--- a/docs/development-guide/01-repository-structure.md
+++ b/docs/development-guide/01-repository-structure.md
@@ -59,8 +59,6 @@ A few notable directories in the root level of the manager package:
   - end-to-end tests
 - **/e2e**
   - old end-to-end tests [deprecated]
-- **/patches**
-  - patches applied to dependencies via patch-package
 - **/public**
   - assets, fonts, HTML, and third-party JS
 - **/scripts**
diff --git a/package.json b/package.json
index 2804917ccba..1ab0fb56d7b 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
   "devDependencies": {
     "husky": "^3.0.1",
     "npm-run-all": "^4.1.5",
-    "patch-package": "^7.0.0",
     "postinstall": "^0.6.0",
     "typescript": "^5.4.5"
   },
@@ -19,7 +18,6 @@
     "cost-of-modules": "yarn global add cost-of-modules && cost-of-modules --less --no-install --include-dev",
     "install:all": "yarn install --frozen-lockfile",
     "upgrade:sdk": "yarn workspace @linode/api-v4 version --no-git-tag-version --no-commit-hooks && yarn workspace linode-manager upgrade @linode/api-v4",
-    "postinstall": "echo \"Skipping Patching: yarn workspaces run postinstall && patch-package\"",
     "build:sdk": "yarn workspace @linode/api-v4 build",
     "build:validation": "yarn workspace @linode/validation build",
     "build": "yarn build:validation && yarn build:sdk && yarn workspace linode-manager build",
diff --git a/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md b/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md
new file mode 100644
index 00000000000..0886b75b4b2
--- /dev/null
+++ b/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Remove `patch-package` package ([#10800](https://github.com/linode/manager/pull/10800))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index 4baf75abd75..2ac52547032 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -55,7 +55,6 @@
     "markdown-it": "^12.3.2",
     "md5": "^2.2.1",
     "notistack": "^3.0.1",
-    "patch-package": "^7.0.0",
     "qrcode.react": "^0.8.0",
     "ramda": "~0.25.0",
     "react": "^18.2.0",
@@ -86,7 +85,6 @@
     "zxcvbn": "^4.4.2"
   },
   "scripts": {
-    "postinstall": "patch-package",
     "start": "concurrently --raw \"vite\" \"tsc --watch --preserveWatchOutput\"",
     "start:expose": "concurrently --raw \"vite --host\" \"tsc --watch --preserveWatchOutput\"",
     "start:ci": "yarn serve ./build -p 3000 -s --cors",
diff --git a/yarn.lock b/yarn.lock
index 5a0696c50ca..db0eb12fd97 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11036,26 +11036,6 @@ parseurl@~1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-patch-package@^7.0.0:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-7.0.2.tgz#c01589bb6964854b5210506a5845d47900641f5a"
-  integrity sha512-PMYfL8LXxGIRmxXLqlEaBxzKPu7/SdP13ld6GSfAUJUZRmBDPp8chZs0dpzaAFn9TSPnFiMwkC6PJt6pBiAl8Q==
-  dependencies:
-    "@yarnpkg/lockfile" "^1.1.0"
-    chalk "^4.1.2"
-    ci-info "^3.7.0"
-    cross-spawn "^7.0.3"
-    find-yarn-workspace-root "^2.0.0"
-    fs-extra "^9.0.0"
-    klaw-sync "^6.0.0"
-    minimist "^1.2.6"
-    open "^7.4.2"
-    rimraf "^2.6.3"
-    semver "^7.5.3"
-    slash "^2.0.0"
-    tmp "^0.0.33"
-    yaml "^2.2.2"
-
 patch-package@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-8.0.0.tgz#d191e2f1b6e06a4624a0116bcb88edd6714ede61"

From 8812d3333f761fc499b27955692d9db2fbaac930 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Thu, 22 Aug 2024 09:54:11 -0400
Subject: [PATCH 10/49] upcoming: [M3-8187] - Add useRegionQuery and cleanup
 bucket landing page (#10801)

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
Co-authored-by: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Co-authored-by: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
---
 .../pr-10801-changed-1724274276545.md         |   5 +
 .../api-v4/src/object-storage/clusters.ts     |   6 +-
 ...r-10801-upcoming-features-1724274214381.md |   5 +
 .../BucketDetailsDrawer.test.tsx              | 202 ++++++++++++++++++
 .../BucketLanding/BucketDetailsDrawer.tsx     | 102 +++++----
 .../BucketLanding/BucketLanding.tsx           |  23 +-
 .../BucketLanding/BucketRateLimitTable.tsx    |   8 +-
 .../BucketLanding/OMC_BucketLanding.tsx       |  69 ++----
 .../src/queries/object-storage/queries.ts     |   4 +
 .../src/queries/object-storage/requests.ts    |   3 +
 .../manager/src/queries/regions/regions.ts    |  17 +-
 11 files changed, 317 insertions(+), 127 deletions(-)
 create mode 100644 packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
 create mode 100644 packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.test.tsx

diff --git a/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md b/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
new file mode 100644
index 00000000000..d52b1ff5d74
--- /dev/null
+++ b/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
@@ -0,0 +1,5 @@
+---
+"@linode/api-v4": Changed
+---
+
+Deprecated `getClusters` ([#10801](https://github.com/linode/manager/pull/10801))
diff --git a/packages/api-v4/src/object-storage/clusters.ts b/packages/api-v4/src/object-storage/clusters.ts
index 843832c1928..58ff3893fca 100644
--- a/packages/api-v4/src/object-storage/clusters.ts
+++ b/packages/api-v4/src/object-storage/clusters.ts
@@ -4,9 +4,9 @@ import { Filter, Params, ResourcePage as Page } from '../types';
 import { ObjectStorageCluster } from './types';
 
 /**
- * getClusters
- *
- * Gets a list of available clusters
+ * @deprecated This method returns legacy clusterId values representing regions
+ * used in older API versions. It is maintained for backward compatibility only.
+ * Please use the "getRegions" endpoint instead for up-to-date information.
  */
 export const getClusters = (params?: Params, filters?: Filter) =>
   Request<Page<ObjectStorageCluster>>(
diff --git a/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md b/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
new file mode 100644
index 00000000000..a8a7db694ee
--- /dev/null
+++ b/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add useRegionQuery and cleanup bucket landing page ([#10801](https://github.com/linode/manager/pull/10801))
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.test.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.test.tsx
new file mode 100644
index 00000000000..12fa33d91f1
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.test.tsx
@@ -0,0 +1,202 @@
+import { screen, waitFor } from '@testing-library/react';
+import React from 'react';
+import { vi } from 'vitest';
+
+import {
+  objectStorageBucketFactory,
+  profileFactory,
+  regionFactory,
+} from 'src/factories';
+import { formatDate } from 'src/utilities/formatDate';
+import { renderWithThemeAndHookFormContext } from 'src/utilities/testHelpers';
+import { truncateMiddle } from 'src/utilities/truncate';
+import { readableBytes } from 'src/utilities/unitConversions';
+
+import { BucketDetailsDrawer } from './BucketDetailsDrawer';
+
+// Mock utility functions
+vi.mock('src/utilities/formatDate');
+vi.mock('src/utilities/truncate');
+vi.mock('src/utilities/unitConversions');
+
+// Hoist query mocks
+const queryMocks = vi.hoisted(() => ({
+  useObjectStorageClusters: vi.fn().mockReturnValue({}),
+  useProfile: vi.fn().mockReturnValue({}),
+  useRegionQuery: vi.fn().mockReturnValue({}),
+  useRegionsQuery: vi.fn().mockReturnValue({}),
+}));
+
+// Mock the queries
+vi.mock('src/queries/profile/profile', async () => {
+  const actual = await vi.importActual('src/queries/profile/profile');
+  return {
+    ...actual,
+    useProfile: queryMocks.useProfile,
+  };
+});
+
+vi.mock('src/queries/regions/regions', async () => {
+  const actual = await vi.importActual('src/queries/regions/regions');
+  return {
+    ...actual,
+    useRegionQuery: queryMocks.useRegionQuery,
+    useRegionsQuery: queryMocks.useRegionsQuery,
+  };
+});
+
+vi.mock('src/queries/object-storage/queries', async () => {
+  const actual = await vi.importActual('src/queries/object-storage/queries');
+  return {
+    ...actual,
+    useObjectStorageClusters: queryMocks.useObjectStorageClusters,
+  };
+});
+
+const mockOnClose = vi.fn();
+
+describe('BucketDetailsDrawer: Legacy UI', () => {
+  const bucket = objectStorageBucketFactory.build();
+  const region = regionFactory.build({
+    id: bucket.region,
+  });
+
+  beforeEach(() => {
+    vi.resetAllMocks();
+    queryMocks.useProfile.mockReturnValue({
+      data: profileFactory.build({ timezone: 'UTC' }),
+    });
+    queryMocks.useRegionQuery.mockReturnValue({ data: region });
+    queryMocks.useRegionsQuery.mockReturnValue({ data: [region] });
+    queryMocks.useObjectStorageClusters.mockReturnValue({ data: [] });
+
+    // These utils are used in the component
+    vi.mocked(formatDate).mockReturnValue('2019-12-12');
+    vi.mocked(truncateMiddle).mockImplementation((str) => str);
+    vi.mocked(readableBytes).mockReturnValue({
+      formatted: '1 MB',
+      unit: 'MB',
+      value: 1,
+    });
+  });
+
+  it('renders correctly when open', () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    expect(screen.getByText(bucket.label)).toBeInTheDocument();
+    expect(screen.getByTestId('createdTime')).toHaveTextContent(
+      'Created: 2019-12-12'
+    );
+    expect(screen.getByTestId('cluster')).toHaveTextContent(region.id);
+    expect(screen.getByText(bucket.hostname)).toBeInTheDocument();
+    expect(screen.getByText('1 MB')).toBeInTheDocument();
+    expect(screen.getByText('103 objects')).toBeInTheDocument();
+  });
+
+  it('does not render when closed', () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={false}
+          selectedBucket={bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    expect(screen.queryByText(bucket.label)).not.toBeInTheDocument();
+  });
+
+  it('renders correctly with objMultiCluster disabled', () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    expect(screen.getByTestId('cluster')).toHaveTextContent(region.id);
+  });
+
+  it('handles undefined selectedBucket gracefully', () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={undefined}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    expect(screen.getByText('Bucket Detail')).toBeInTheDocument();
+    expect(screen.queryByTestId('createdTime')).not.toBeInTheDocument();
+    expect(screen.queryByTestId('cluster')).not.toBeInTheDocument();
+  });
+
+  it('renders AccessSelect when cluster and bucketLabel are available', async () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    await waitFor(() => {
+      expect(
+        screen.queryByLabelText('Access Control List (ACL)')
+      ).toBeInTheDocument();
+    });
+  });
+
+  it('does not render AccessSelect when cluster or bucketLabel is missing', async () => {
+    const bucketWithoutCluster = { ...bucket, cluster: '' };
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={bucketWithoutCluster}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false },
+      },
+    });
+
+    await waitFor(() => {
+      expect(
+        screen.queryByLabelText('Access Control List (ACL)')
+      ).not.toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
index 7139165f273..b08ee777f70 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
@@ -14,7 +14,7 @@ import { useAccountManagement } from 'src/hooks/useAccountManagement';
 import { useFlags } from 'src/hooks/useFlags';
 import { useObjectStorageClusters } from 'src/queries/object-storage/queries';
 import { useProfile } from 'src/queries/profile/profile';
-import { useRegionsQuery } from 'src/queries/regions/regions';
+import { useRegionQuery, useRegionsQuery } from 'src/queries/regions/regions';
 import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities';
 import { formatDate } from 'src/utilities/formatDate';
 import { pluralize } from 'src/utilities/pluralize';
@@ -23,38 +23,31 @@ import { readableBytes } from 'src/utilities/unitConversions';
 
 import { AccessSelect } from '../BucketDetail/AccessSelect';
 
-import type { Region } from '@linode/api-v4';
 import type {
   ACLType,
-  ObjectStorageEndpointTypes,
+  ObjectStorageBucket,
 } from '@linode/api-v4/lib/object-storage';
+
 export interface BucketDetailsDrawerProps {
-  bucketLabel?: string;
-  bucketRegion?: Region;
-  cluster?: string;
-  created?: string;
-  endpointType?: ObjectStorageEndpointTypes;
-  hostname?: string;
-  objectsNumber?: number;
   onClose: () => void;
   open: boolean;
-  size?: null | number;
+  selectedBucket: ObjectStorageBucket | undefined;
 }
 
 export const BucketDetailsDrawer = React.memo(
   (props: BucketDetailsDrawerProps) => {
+    const { onClose, open, selectedBucket } = props;
+
     const {
-      bucketLabel,
-      bucketRegion,
       cluster,
       created,
-      endpointType,
+      endpoint_type,
       hostname,
-      objectsNumber,
-      onClose,
-      open,
+      label,
+      objects,
+      region,
       size,
-    } = props;
+    } = selectedBucket ?? {};
 
     const flags = useFlags();
     const { account } = useAccountManagement();
@@ -65,14 +58,20 @@ export const BucketDetailsDrawer = React.memo(
       account?.capabilities ?? []
     );
 
-    // @TODO OBJ Multicluster: Once the feature is rolled out to production, we can clean this up by removing the useObjectStorageClusters and useRegionsQuery, which will not be required at that time.
+    // @TODO OBJGen2 - We could clean this up when OBJ Gen2 is in GA.
     const { data: clusters } = useObjectStorageClusters(
       !isObjMultiClusterEnabled
     );
     const { data: regions } = useRegionsQuery();
+    const { data: currentRegion } = useRegionQuery(region ?? '');
     const { data: profile } = useProfile();
-    const actualCluster = clusters?.find((c) => c.id === cluster);
-    const region = regions?.find((r) => r.id === actualCluster?.region);
+
+    // @TODO OBJGen2 - We could clean this up when OBJ Gen2 is in GA.
+    const selectedCluster = clusters?.find((c) => c.id === cluster);
+    const regionFromCluster = regions?.find(
+      (r) => r.id === selectedCluster?.region
+    );
+
     let formattedCreated;
 
     try {
@@ -87,68 +86,66 @@ export const BucketDetailsDrawer = React.memo(
       <Drawer
         onClose={onClose}
         open={open}
-        title={truncateMiddle(bucketLabel ?? 'Bucket Detail')}
+        title={truncateMiddle(label ?? 'Bucket Detail')}
       >
-        {formattedCreated ? (
+        {formattedCreated && (
           <Typography data-testid="createdTime" variant="subtitle2">
             Created: {formattedCreated}
           </Typography>
-        ) : null}
-        {Boolean(endpointType) && (
+        )}
+        {Boolean(endpoint_type) && (
           <Typography data-testid="endpointType" variant="subtitle2">
-            Endpoint Type: {endpointType}
+            Endpoint Type: {endpoint_type}
           </Typography>
         )}
         {isObjMultiClusterEnabled ? (
           <Typography data-testid="cluster" variant="subtitle2">
-            {bucketRegion?.label}
+            {currentRegion?.label}
           </Typography>
         ) : cluster ? (
           <Typography data-testid="cluster" variant="subtitle2">
-            {region?.label ?? cluster}
+            {regionFromCluster?.label ?? cluster}
           </Typography>
         ) : null}
-        {hostname ? (
+        {hostname && (
           <StyledLinkContainer>
             <Link external to={`https://${hostname}`}>
               {truncateMiddle(hostname, 50)}
             </Link>
             <StyledCopyTooltip sx={{ marginLeft: 4 }} text={hostname} />
           </StyledLinkContainer>
-        ) : null}
-        {formattedCreated || cluster ? (
+        )}
+        {(formattedCreated || cluster) && (
           <Divider spacingBottom={16} spacingTop={16} />
-        ) : null}
-        {typeof size === 'number' ? (
+        )}
+        {typeof size === 'number' && (
           <Typography variant="subtitle2">
             {readableBytes(size).formatted}
           </Typography>
-        ) : null}
+        )}
         {/* @TODO OBJ Multicluster: use region instead of cluster if isObjMultiClusterEnabled. */}
-        {typeof objectsNumber === 'number' ? (
+        {typeof objects === 'number' && (
           <Link
             to={`/object-storage/buckets/${
-              isObjMultiClusterEnabled && bucketRegion
-                ? bucketRegion.id
-                : cluster
-            }/${bucketLabel}`}
+              isObjMultiClusterEnabled && selectedBucket ? region : cluster
+            }/${label}`}
           >
-            {pluralize('object', 'objects', objectsNumber)}
+            {pluralize('object', 'objects', objects)}
           </Link>
-        ) : null}
-        {typeof size === 'number' || typeof objectsNumber === 'number' ? (
+        )}
+        {(typeof size === 'number' || typeof objects === 'number') && (
           <Divider spacingBottom={16} spacingTop={16} />
-        ) : null}
+        )}
         {/* @TODO OBJ Multicluster: use region instead of cluster if isObjMultiClusterEnabled
          to getBucketAccess and updateBucketAccess.  */}
-        {cluster && bucketLabel ? (
+        {cluster && label && (
           <AccessSelect
             getAccess={() =>
               getBucketAccess(
-                isObjMultiClusterEnabled && bucketRegion
-                  ? bucketRegion.id
+                isObjMultiClusterEnabled && currentRegion
+                  ? currentRegion.id
                   : cluster,
-                bucketLabel
+                label
               )
             }
             updateAccess={(acl: ACLType, cors_enabled: boolean) => {
@@ -158,18 +155,17 @@ export const BucketDetailsDrawer = React.memo(
                 acl === 'custom' ? { cors_enabled } : { acl, cors_enabled };
 
               return updateBucketAccess(
-                isObjMultiClusterEnabled && bucketRegion
-                  ? bucketRegion.id
+                isObjMultiClusterEnabled && currentRegion
+                  ? currentRegion.id
                   : cluster,
-                bucketLabel,
+                label,
                 payload
               );
             }}
-            endpointType={endpointType}
-            name={bucketLabel}
+            name={label}
             variant="bucket"
           />
-        ) : null}
+        )}
       </Drawer>
     );
   }
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
index cd8df0fdfbe..0efe21d558a 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx
@@ -60,22 +60,19 @@ export const BucketLanding = () => {
   const { classes } = useStyles();
 
   const removeBucketConfirmationDialog = useOpenClose();
-  const [bucketToRemove, setBucketToRemove] = React.useState<
-    ObjectStorageBucket | undefined
-  >(undefined);
   const [isLoading, setIsLoading] = React.useState<boolean>(false);
   const [error, setError] = React.useState<APIError[] | undefined>(undefined);
   const [
     bucketDetailDrawerOpen,
     setBucketDetailDrawerOpen,
   ] = React.useState<boolean>(false);
-  const [bucketForDetails, setBucketForDetails] = React.useState<
+  const [selectedBucket, setSelectedBucket] = React.useState<
     ObjectStorageBucket | undefined
   >(undefined);
 
   const handleClickDetails = (bucket: ObjectStorageBucket) => {
     setBucketDetailDrawerOpen(true);
-    setBucketForDetails(bucket);
+    setSelectedBucket(bucket);
   };
 
   const closeBucketDetailDrawer = () => {
@@ -83,21 +80,21 @@ export const BucketLanding = () => {
   };
 
   const handleClickRemove = (bucket: ObjectStorageBucket) => {
-    setBucketToRemove(bucket);
+    setSelectedBucket(bucket);
     setError(undefined);
     removeBucketConfirmationDialog.open();
   };
 
   const removeBucket = () => {
     // This shouldn't happen, but just in case (and to get TS to quit complaining...)
-    if (!bucketToRemove) {
+    if (!selectedBucket) {
       return;
     }
 
     setError(undefined);
     setIsLoading(true);
 
-    const { cluster, label } = bucketToRemove;
+    const { cluster, label } = selectedBucket;
 
     deleteBucket({ cluster, label })
       .then(() => {
@@ -156,7 +153,7 @@ export const BucketLanding = () => {
   }
 
   const totalUsage = sumBucketUsage(objectStorageBucketsResponse.buckets);
-  const bucketLabel = bucketToRemove ? bucketToRemove.label : '';
+  const bucketLabel = selectedBucket ? selectedBucket.label : '';
 
   return (
     <React.Fragment>
@@ -236,15 +233,9 @@ export const BucketLanding = () => {
         )}
       </TypeToConfirmDialog>
       <BucketDetailsDrawer
-        bucketLabel={bucketForDetails?.label}
-        cluster={bucketForDetails?.cluster}
-        created={bucketForDetails?.created}
-        endpointType={bucketForDetails?.endpoint_type}
-        hostname={bucketForDetails?.hostname}
-        objectsNumber={bucketForDetails?.objects}
         onClose={closeBucketDetailDrawer}
         open={bucketDetailDrawerOpen}
-        size={bucketForDetails?.size}
+        selectedBucket={selectedBucket}
       />
     </React.Fragment>
   );
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
index 1b4fe2520df..58f39322eb8 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
@@ -26,16 +26,16 @@ const tableData = ({ endpointType }: BucketRateLimitTableProps) => {
   return [
     {
       checked: true,
-      values: ['2000', '500', '100', '200', '400'],
+      values: ['2,000', '500', '100', '200', '400'],
     },
     {
       checked: false,
       values: [
-        isE3 ? '20000' : '5000',
-        isE3 ? '2000' : '1000',
+        isE3 ? '20,000' : '5,000',
+        isE3 ? '2,000' : '1,000',
         isE3 ? '400' : '200',
         isE3 ? '400' : '200',
-        isE3 ? '1000' : '800',
+        isE3 ? '1,000' : '800',
       ],
     },
   ];
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx
index 70c924088a0..08669587f07 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx
@@ -18,12 +18,10 @@ import {
 } from 'src/queries/object-storage/queries';
 import { isBucketError } from 'src/queries/object-storage/requests';
 import { useProfile } from 'src/queries/profile/profile';
-import { useRegionsQuery } from 'src/queries/regions/regions';
 import {
   sendDeleteBucketEvent,
   sendDeleteBucketFailedEvent,
 } from 'src/utilities/analytics/customEventAnalytics';
-import { getRegionsByRegionId } from 'src/utilities/regions';
 import { readableBytes } from 'src/utilities/unitConversions';
 
 import { CancelNotice } from '../CancelNotice';
@@ -45,14 +43,6 @@ export const OMC_BucketLanding = () => {
 
   const isRestrictedUser = profile?.restricted;
 
-  const {
-    data: regions,
-    error: regionErrors,
-    isLoading: areRegionsLoading,
-  } = useRegionsQuery();
-
-  const regionsLookup = regions && getRegionsByRegionId(regions);
-
   const {
     data: objectStorageBucketsResponse,
     error: bucketsErrors,
@@ -64,22 +54,21 @@ export const OMC_BucketLanding = () => {
   const { classes } = useStyles();
 
   const removeBucketConfirmationDialog = useOpenClose();
-  const [bucketToRemove, setBucketToRemove] = React.useState<
-    ObjectStorageBucket | undefined
-  >(undefined);
+
   const [isLoading, setIsLoading] = React.useState<boolean>(false);
   const [error, setError] = React.useState<APIError[] | undefined>(undefined);
   const [
     bucketDetailDrawerOpen,
     setBucketDetailDrawerOpen,
   ] = React.useState<boolean>(false);
-  const [bucketForDetails, setBucketForDetails] = React.useState<
+
+  const [selectedBucket, setSelectedBucket] = React.useState<
     ObjectStorageBucket | undefined
   >(undefined);
 
   const handleClickDetails = (bucket: ObjectStorageBucket) => {
     setBucketDetailDrawerOpen(true);
-    setBucketForDetails(bucket);
+    setSelectedBucket(bucket);
   };
 
   const closeBucketDetailDrawer = () => {
@@ -87,33 +76,30 @@ export const OMC_BucketLanding = () => {
   };
 
   const handleClickRemove = (bucket: ObjectStorageBucket) => {
-    setBucketToRemove(bucket);
+    setSelectedBucket(bucket);
     setError(undefined);
     removeBucketConfirmationDialog.open();
   };
 
   const removeBucket = async () => {
     // This shouldn't happen, but just in case (and to get TS to quit complaining...)
-    if (!bucketToRemove) {
+    if (!selectedBucket) {
       return;
     }
 
     setError(undefined);
     setIsLoading(true);
 
-    const { label, region } = bucketToRemove;
+    const { label, region } = selectedBucket;
+
     if (region) {
       try {
         await deleteBucket({ label, region });
         removeBucketConfirmationDialog.close();
         setIsLoading(false);
-
-        // @analytics
         sendDeleteBucketEvent(region);
       } catch (e) {
-        // @analytics
         sendDeleteBucketFailedEvent(region);
-
         setIsLoading(false);
         setError(e);
       }
@@ -124,7 +110,7 @@ export const OMC_BucketLanding = () => {
     removeBucketConfirmationDialog.close();
   }, [removeBucketConfirmationDialog]);
 
-  // @TODO OBJ Multicluster - region is defined as an optional field in BucketError. Once the feature is rolled out to production, we could clean this up and remove the filter.
+  // @TODO OBJGen2 - We could clean this up when OBJ Gen2 is in GA.
   const unavailableRegions = objectStorageBucketsResponse?.errors
     ?.map((error) => (isBucketError(error) ? error.region : error.endpoint))
     .filter((region): region is Region => region !== undefined);
@@ -133,7 +119,7 @@ export const OMC_BucketLanding = () => {
     return <RenderEmpty />;
   }
 
-  if (regionErrors || bucketsErrors) {
+  if (bucketsErrors) {
     return (
       <ErrorState
         data-qa-error-state
@@ -142,11 +128,7 @@ export const OMC_BucketLanding = () => {
     );
   }
 
-  if (
-    areRegionsLoading ||
-    areBucketsLoading ||
-    objectStorageBucketsResponse === undefined
-  ) {
+  if (areBucketsLoading || objectStorageBucketsResponse === undefined) {
     return <CircleProgress />;
   }
 
@@ -161,8 +143,9 @@ export const OMC_BucketLanding = () => {
     );
   }
 
-  const totalUsage = sumBucketUsage(objectStorageBucketsResponse.buckets);
-  const bucketLabel = bucketToRemove ? bucketToRemove.label : '';
+  const buckets = objectStorageBucketsResponse.buckets;
+  const totalUsage = sumBucketUsage(buckets);
+  const bucketLabel = selectedBucket ? selectedBucket.label : '';
 
   return (
     <React.Fragment>
@@ -171,11 +154,7 @@ export const OMC_BucketLanding = () => {
         <UnavailableRegionsDisplay unavailableRegions={unavailableRegions} />
       )}
       <Grid xs={12}>
-        <OrderBy
-          data={objectStorageBucketsResponse.buckets}
-          order={'asc'}
-          orderBy={'label'}
-        >
+        <OrderBy data={buckets} order={'asc'} orderBy={'label'}>
           {({ data: orderedData, handleOrderChange, order, orderBy }) => {
             const bucketTableProps = {
               data: orderedData,
@@ -189,7 +168,7 @@ export const OMC_BucketLanding = () => {
           }}
         </OrderBy>
         {/* If there's more than one Bucket, display the total usage. */}
-        {objectStorageBucketsResponse.buckets.length > 1 ? (
+        {buckets.length > 1 ? (
           <Typography
             style={{ marginTop: 18, textAlign: 'center', width: '100%' }}
             variant="body1"
@@ -197,9 +176,7 @@ export const OMC_BucketLanding = () => {
             Total storage used: {readableBytes(totalUsage).formatted}
           </Typography>
         ) : null}
-        <TransferDisplay
-          spacingTop={objectStorageBucketsResponse.buckets.length > 1 ? 8 : 18}
-        />
+        <TransferDisplay spacingTop={buckets.length > 1 ? 8 : 18} />
       </Grid>
       <TypeToConfirmDialog
         entity={{
@@ -237,20 +214,12 @@ export const OMC_BucketLanding = () => {
         {/* If the user is attempting to delete their last Bucket, remind them
           that they will still be billed unless they cancel Object Storage in
           Account Settings. */}
-        {objectStorageBucketsResponse?.buckets.length === 1 && (
-          <CancelNotice className={classes.copy} />
-        )}
+        {buckets.length === 1 && <CancelNotice className={classes.copy} />}
       </TypeToConfirmDialog>
       <BucketDetailsDrawer
-        bucketLabel={bucketForDetails?.label}
-        bucketRegion={regionsLookup?.[bucketForDetails?.region ?? '']}
-        cluster={bucketForDetails?.cluster}
-        created={bucketForDetails?.created}
-        hostname={bucketForDetails?.hostname}
-        objectsNumber={bucketForDetails?.objects}
         onClose={closeBucketDetailDrawer}
         open={bucketDetailDrawerOpen}
-        size={bucketForDetails?.size}
+        selectedBucket={selectedBucket}
       />
     </React.Fragment>
   );
diff --git a/packages/manager/src/queries/object-storage/queries.ts b/packages/manager/src/queries/object-storage/queries.ts
index 5314f337a1e..11a882f2684 100644
--- a/packages/manager/src/queries/object-storage/queries.ts
+++ b/packages/manager/src/queries/object-storage/queries.ts
@@ -109,6 +109,10 @@ export const useObjectStorageEndpoints = (enabled = true) => {
   });
 };
 
+/**
+ *
+ * @deprecated This will be replaced by useObjectStorageEndpoints
+ */
 export const useObjectStorageClusters = (enabled: boolean = true) =>
   useQuery<ObjectStorageCluster[], APIError[]>({
     ...objectStorageQueries.clusters,
diff --git a/packages/manager/src/queries/object-storage/requests.ts b/packages/manager/src/queries/object-storage/requests.ts
index 832bc22c7a9..4176f7393c4 100644
--- a/packages/manager/src/queries/object-storage/requests.ts
+++ b/packages/manager/src/queries/object-storage/requests.ts
@@ -18,6 +18,9 @@ import type {
   Region,
 } from '@linode/api-v4';
 
+/**
+ * @deprecated This will be replaced with `getAllObjectStorageEndpoints` when OBJ Gen2 is in GA.
+ */
 export const getAllObjectStorageClusters = () =>
   getAll<ObjectStorageCluster>(() => getClusters())().then((data) => data.data);
 
diff --git a/packages/manager/src/queries/regions/regions.ts b/packages/manager/src/queries/regions/regions.ts
index 9a72cae9831..eefda55290b 100644
--- a/packages/manager/src/queries/regions/regions.ts
+++ b/packages/manager/src/queries/regions/regions.ts
@@ -1,4 +1,4 @@
-import { getRegionAvailability } from '@linode/api-v4/lib/regions';
+import { getRegion, getRegionAvailability } from '@linode/api-v4/lib/regions';
 import { createQueryKeys } from '@lukemorales/query-key-factory';
 import { useQuery } from '@tanstack/react-query';
 
@@ -27,12 +27,27 @@ export const regionQueries = createQueryKeys('regions', {
     },
     queryKey: null,
   },
+  region: (regionId: string) => ({
+    queryFn: () => getRegion(regionId),
+    queryKey: [regionId],
+  }),
   regions: {
     queryFn: getAllRegionsRequest,
     queryKey: null,
   },
 });
 
+export const useRegionQuery = (regionId: string) => {
+  return useQuery<Region, APIError>({
+    ...regionQueries.region(regionId),
+    enabled: Boolean(regionId),
+    select: (region) => ({
+      ...region,
+      label: getNewRegionLabel(region),
+    }),
+  });
+};
+
 export const useRegionsQuery = () =>
   useQuery<Region[], APIError[]>({
     ...regionQueries.regions,

From d703bf6306c421f2b74bbadb184635f08232b516 Mon Sep 17 00:00:00 2001
From: jdamore-linode <97627410+jdamore-linode@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:04:28 -0400
Subject: [PATCH 11/49] test: [M3-8458] - Fix StackScripts pagination test
 failure (#10811)

* Filter StackScripts response data similarly to Cloud to fix content assertion failure

* Rename `smoke-community-stackscrips.spec.ts` to `smoke-community-stackscripts.spec.ts`

* Added changeset: Resolve StackScripts pagination test failure
---
 .../pr-10811-tests-1724336950451.md           |   5 +
 ...s => smoke-community-stackscripts.spec.ts} | 112 ++++++++++++------
 2 files changed, 80 insertions(+), 37 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10811-tests-1724336950451.md
 rename packages/manager/cypress/e2e/core/stackscripts/{smoke-community-stackscrips.spec.ts => smoke-community-stackscripts.spec.ts} (80%)

diff --git a/packages/manager/.changeset/pr-10811-tests-1724336950451.md b/packages/manager/.changeset/pr-10811-tests-1724336950451.md
new file mode 100644
index 00000000000..6f4175005c7
--- /dev/null
+++ b/packages/manager/.changeset/pr-10811-tests-1724336950451.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Resolve StackScripts pagination test failure ([#10811](https://github.com/linode/manager/pull/10811))
diff --git a/packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscrips.spec.ts b/packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscripts.spec.ts
similarity index 80%
rename from packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscrips.spec.ts
rename to packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscripts.spec.ts
index d30c17acd52..43ae5fa6dc0 100644
--- a/packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscrips.spec.ts
+++ b/packages/manager/cypress/e2e/core/stackscripts/smoke-community-stackscripts.spec.ts
@@ -1,21 +1,25 @@
-import { authenticate } from 'support/api/authentication';
+import type { StackScript } from '@linode/api-v4';
+import { Profile, getImages, getProfile } from '@linode/api-v4';
+
 import { stackScriptFactory } from 'src/factories';
+import { isLinodeKubeImageId } from 'src/store/image/image.helpers';
+import { formatDate } from 'src/utilities/formatDate';
+
+import { authenticate } from 'support/api/authentication';
+import { interceptCreateLinode } from 'support/intercepts/linodes';
+import { mockGetUserPreferences } from 'support/intercepts/profile';
 import {
   interceptGetStackScripts,
-  mockGetStackScripts,
   mockGetStackScript,
+  mockGetStackScripts,
 } from 'support/intercepts/stackscripts';
 import { ui } from 'support/ui';
+import { cleanUp } from 'support/util/cleanup';
+import { depaginate } from 'support/util/paginate';
 import { randomLabel, randomString } from 'support/util/random';
 import { chooseRegion } from 'support/util/regions';
-import { cleanUp } from 'support/util/cleanup';
-import { interceptCreateLinode } from 'support/intercepts/linodes';
-import { getProfile } from '@linode/api-v4';
-import { Profile } from '@linode/api-v4';
-import { formatDate } from '@src/utilities/formatDate';
 
-import type { StackScript } from '@linode/api-v4';
-import { mockGetUserPreferences } from 'support/intercepts/profile';
+import type { Image } from '@linode/api-v4';
 
 const mockStackScripts: StackScript[] = [
   stackScriptFactory.build({
@@ -187,37 +191,71 @@ describe('Community Stackscripts integration tests', () => {
    */
   it('pagination works with infinite scrolling', () => {
     interceptGetStackScripts().as('getStackScripts');
-    cy.visitWithLogin('/stackscripts/community');
-    cy.wait('@getStackScripts');
 
-    // Confirm that empty state is not shown.
-    cy.get('[data-qa-stackscript-empty-msg="true"]').should('not.exist');
-    cy.findByText('Automate deployment scripts').should('not.exist');
-
-    // Confirm that scrolling to the bottom of the StackScripts list causes
-    // pagination to occur automatically. Perform this check 3 times.
-    for (let i = 0; i < 3; i += 1) {
-      cy.findByLabelText('List of StackScripts')
-        .should('be.visible')
-        .within(() => {
-          // Scroll to the bottom of the StackScripts list, confirm Cloud fetches StackScripts,
-          // then confirm that list updates with the new StackScripts shown.
-          cy.get('tr').last().scrollIntoView();
-          cy.wait('@getStackScripts').then((xhr) => {
-            const stackScripts = xhr.response?.body['data'] as
-              | StackScript[]
-              | undefined;
-            if (!stackScripts) {
-              throw new Error(
-                'Unexpected response received when fetching StackScripts'
+    // Fetch all public Images to later use while filtering StackScripts.
+    cy.defer(() =>
+      depaginate((page) => getImages({ page }, { is_public: true }))
+    ).then((publicImages: Image[]) => {
+      cy.visitWithLogin('/stackscripts/community');
+      cy.wait('@getStackScripts');
+
+      // Confirm that empty state is not shown.
+      cy.get('[data-qa-stackscript-empty-msg="true"]').should('not.exist');
+      cy.findByText('Automate deployment scripts').should('not.exist');
+
+      // Confirm that scrolling to the bottom of the StackScripts list causes
+      // pagination to occur automatically. Perform this check 3 times.
+      for (let i = 0; i < 3; i += 1) {
+        cy.findByLabelText('List of StackScripts')
+          .should('be.visible')
+          .within(() => {
+            // Scroll to the bottom of the StackScripts list, confirm Cloud fetches StackScripts,
+            // then confirm that list updates with the new StackScripts shown.
+            cy.get('tr').last().scrollIntoView();
+            cy.wait('@getStackScripts').then((xhr) => {
+              const stackScripts = xhr.response?.body['data'] as
+                | StackScript[]
+                | undefined;
+
+              if (!stackScripts) {
+                throw new Error(
+                  'Unexpected response received when fetching StackScripts'
+                );
+              }
+
+              // Cloud Manager hides certain StackScripts from the landing page (although they can
+              // still be found via search). It does this if either condition is met:
+              //
+              // - The StackScript is only compatible with deprecated Images
+              // - The StackScript is only compatible with LKE Images
+              //
+              // As a consequence, we can't use the API response directly to assert
+              // that content is shown in the list. We need to apply identical filters
+              // to the response first, then assert the content using that data.
+              const filteredStackScripts = stackScripts.filter(
+                (stackScript: StackScript) => {
+                  const hasNonDeprecatedImages = stackScript.images.some(
+                    (stackScriptImage) => {
+                      return !!publicImages.find(
+                        (publicImage) => publicImage.id === stackScriptImage
+                      );
+                    }
+                  );
+
+                  const usesKubeImage = stackScript.images.some(
+                    (stackScriptImage) => isLinodeKubeImageId(stackScriptImage)
+                  );
+                  return hasNonDeprecatedImages && !usesKubeImage;
+                }
               );
-            }
-            cy.contains(
-              `${stackScripts[0].username} / ${stackScripts[0].label}`
-            ).should('be.visible');
+
+              cy.contains(
+                `${filteredStackScripts[0].username} / ${filteredStackScripts[0].label}`
+              ).should('be.visible');
+            });
           });
-        });
-    }
+      }
+    });
   });
 
   /*

From a4435150f9a15ded777a4aee54d3c99fa8d92cda Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 22 Aug 2024 15:23:09 -0400
Subject: [PATCH 12/49] build(deps): Bump axios from 1.6.8 to 1.7.4 (#10799)

Bumps [axios](https://github.com/axios/axios) from 1.6.8 to 1.7.4.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](https://github.com/axios/axios/compare/v1.6.8...v1.7.4)

---
updated-dependencies:
- dependency-name: axios
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 packages/api-v4/package.json  |   2 +-
 packages/manager/package.json |   2 +-
 yarn.lock                     | 123 ++++++++++++++--------------------
 3 files changed, 51 insertions(+), 76 deletions(-)

diff --git a/packages/api-v4/package.json b/packages/api-v4/package.json
index a0ea63982d6..af45e71a5c2 100644
--- a/packages/api-v4/package.json
+++ b/packages/api-v4/package.json
@@ -41,7 +41,7 @@
   "unpkg": "./lib/index.global.js",
   "dependencies": {
     "@linode/validation": "*",
-    "axios": "~1.6.8",
+    "axios": "~1.7.4",
     "ipaddr.js": "^2.0.0",
     "yup": "^0.32.9"
   },
diff --git a/packages/manager/package.json b/packages/manager/package.json
index fc80707287b..d4a170aec97 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -30,7 +30,7 @@
     "@tanstack/react-query": "4.36.1",
     "@tanstack/react-query-devtools": "4.36.1",
     "algoliasearch": "^4.14.3",
-    "axios": "~1.6.8",
+    "axios": "~1.7.4",
     "braintree-web": "^3.92.2",
     "chart.js": "~2.9.4",
     "copy-to-clipboard": "^3.0.8",
diff --git a/yarn.lock b/yarn.lock
index db0eb12fd97..a98054d3224 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -234,12 +234,12 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
-"@babel/generator@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d"
-  integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==
+"@babel/generator@^7.25.0":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.0.tgz#f858ddfa984350bc3d3b7f125073c9af6988f18e"
+  integrity sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==
   dependencies:
-    "@babel/types" "^7.24.7"
+    "@babel/types" "^7.25.0"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
@@ -324,13 +324,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
   integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
 
-"@babel/helper-environment-visitor@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9"
-  integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
 "@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
@@ -339,14 +332,6 @@
     "@babel/template" "^7.22.15"
     "@babel/types" "^7.23.0"
 
-"@babel/helper-function-name@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
-  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
-  dependencies:
-    "@babel/template" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
 "@babel/helper-hoist-variables@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
@@ -354,13 +339,6 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-hoist-variables@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee"
-  integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
 "@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366"
@@ -490,13 +468,6 @@
   dependencies:
     "@babel/types" "^7.24.5"
 
-"@babel/helper-split-export-declaration@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856"
-  integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
 "@babel/helper-string-parser@^7.23.4":
   version "7.23.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83"
@@ -507,10 +478,10 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
   integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
 
-"@babel/helper-string-parser@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
-  integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
+"@babel/helper-string-parser@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d"
+  integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==
 
 "@babel/helper-validator-identifier@^7.22.20":
   version "7.22.20"
@@ -603,10 +574,12 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
   integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
 
-"@babel/parser@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
-  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
+"@babel/parser@^7.25.0", "@babel/parser@^7.25.3":
+  version "7.25.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.3.tgz#91fb126768d944966263f0657ab222a642b82065"
+  integrity sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw==
+  dependencies:
+    "@babel/types" "^7.25.2"
 
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5":
   version "7.24.5"
@@ -1397,28 +1370,25 @@
     "@babel/parser" "^7.24.0"
     "@babel/types" "^7.24.0"
 
-"@babel/template@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315"
-  integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==
+"@babel/template@^7.25.0":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
+  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
   dependencies:
     "@babel/code-frame" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/types" "^7.24.7"
+    "@babel/parser" "^7.25.0"
+    "@babel/types" "^7.25.0"
 
 "@babel/traverse@^7.18.9", "@babel/traverse@^7.23.3", "@babel/traverse@^7.23.9", "@babel/traverse@^7.24.1", "@babel/traverse@^7.24.5", "@babel/traverse@^7.7.0":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
-  integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
+  version "7.25.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.3.tgz#f1b901951c83eda2f3e29450ce92743783373490"
+  integrity sha512-HefgyP1x754oGCsKmV5reSmtV7IXj/kpaE1XYY+D9G5PvKKoFfSbiS4M77MdjuwlZKDIKFCffq9rPU+H/s3ZdQ==
   dependencies:
     "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.7"
-    "@babel/helper-environment-visitor" "^7.24.7"
-    "@babel/helper-function-name" "^7.24.7"
-    "@babel/helper-hoist-variables" "^7.24.7"
-    "@babel/helper-split-export-declaration" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/types" "^7.24.7"
+    "@babel/generator" "^7.25.0"
+    "@babel/parser" "^7.25.3"
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.2"
     debug "^4.3.1"
     globals "^11.1.0"
 
@@ -1449,12 +1419,12 @@
     "@babel/helper-validator-identifier" "^7.24.5"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
-  integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
+"@babel/types@^7.25.0", "@babel/types@^7.25.2":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.2.tgz#55fb231f7dc958cd69ea141a4c2997e819646125"
+  integrity sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==
   dependencies:
-    "@babel/helper-string-parser" "^7.24.7"
+    "@babel/helper-string-parser" "^7.24.8"
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
@@ -5263,10 +5233,10 @@ axios-mock-adapter@^1.22.0:
     fast-deep-equal "^3.1.3"
     is-buffer "^2.0.5"
 
-axios@~1.6.8:
-  version "1.6.8"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.8.tgz#66d294951f5d988a00e87a0ffb955316a619ea66"
-  integrity sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==
+axios@~1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.4.tgz#4c8ded1b43683c8dd362973c393f3ede24052aa2"
+  integrity sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==
   dependencies:
     follow-redirects "^1.15.6"
     form-data "^4.0.0"
@@ -11337,7 +11307,7 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
-"prettier-fallback@npm:prettier@^3", prettier@^3.1.1:
+"prettier-fallback@npm:prettier@^3":
   version "3.2.5"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
   integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
@@ -11349,6 +11319,11 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
+prettier@^3.1.1:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
+  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
+
 prettier@~2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
@@ -12509,9 +12484,9 @@ semver-compare@^1.0.0:
   integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
 
 "semver@2 || 3 || 4 || 5", semver@7.6.0, semver@^5.5.0, semver@^5.6.0, semver@^6.0.0, semver@^6.1.0, semver@^6.1.2, semver@^6.3.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.7, semver@^7.5.2, semver@^7.5.3, semver@^7.5.4:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
+  version "7.6.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
+  integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
 
 send@0.18.0:
   version "0.18.0"
@@ -14411,9 +14386,9 @@ yallist@^4.0.0:
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
 yaml@2.3.1, yaml@^1.10.0, yaml@^1.7.2, yaml@^2.2.2, yaml@^2.3.0, yaml@^2.3.4:
-  version "2.4.5"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.5.tgz#60630b206dd6d84df97003d33fc1ddf6296cca5e"
-  integrity sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.0.tgz#c6165a721cf8000e91c36490a41d7be25176cf5d"
+  integrity sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==
 
 yargs-parser@^11.1.1, yargs-parser@^21.1.1:
   version "21.1.1"

From 7e9277015f19e4193c224892eee2a0394c504d20 Mon Sep 17 00:00:00 2001
From: Dajahi Wiley <114682940+dwiley-akamai@users.noreply.github.com>
Date: Thu, 22 Aug 2024 17:15:30 -0400
Subject: [PATCH 13/49] =?UTF-8?q?upcoming:=20[M3-8370]=20=E2=80=93=20Add?=
 =?UTF-8?q?=20"Encryption"=20column=20to=20Linode=20Volumes=20table=20(#10?=
 =?UTF-8?q?793)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...r-10793-upcoming-features-1723845275155.md |   5 +
 .../LinodeStorage/LinodeVolumes.test.tsx      | 113 ++++++++++++++++++
 .../LinodeStorage/LinodeVolumes.tsx           |  19 ++-
 .../src/features/Volumes/VolumeTableRow.tsx   |   2 +-
 4 files changed, 136 insertions(+), 3 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
 create mode 100644 packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.test.tsx

diff --git a/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md b/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
new file mode 100644
index 00000000000..af5e1c985df
--- /dev/null
+++ b/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add "Encryption" column to Linode Volumes table ([#10793](https://github.com/linode/manager/pull/10793))
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.test.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.test.tsx
new file mode 100644
index 00000000000..05cf8a05dc7
--- /dev/null
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.test.tsx
@@ -0,0 +1,113 @@
+import * as React from 'react';
+
+import { accountFactory, linodeFactory, volumeFactory } from 'src/factories';
+import { makeResourcePage } from 'src/mocks/serverHandlers';
+import { HttpResponse, http, server } from 'src/mocks/testServer';
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { LinodeVolumes } from './LinodeVolumes';
+
+const accountEndpoint = '*/v4/account';
+const linodeInstanceEndpoint = '*/linode/instances/:id';
+const linodeVolumesEndpoint = '*/linode/instances/:id/volumes';
+
+describe('LinodeVolumes', () => {
+  const volumes = volumeFactory.buildList(3);
+
+  it('should render', async () => {
+    server.use(
+      http.get(linodeInstanceEndpoint, () => {
+        return HttpResponse.json(linodeFactory.build());
+      }),
+      http.get(linodeVolumesEndpoint, () => {
+        return HttpResponse.json(makeResourcePage(volumes));
+      })
+    );
+
+    const { findByText } = renderWithTheme(<LinodeVolumes />);
+
+    expect(await findByText('Volumes')).toBeVisible();
+  });
+
+  /* @TODO BSE: Remove feature flagging/conditionality once BSE is fully rolled out */
+  it('should display an "Encryption" column if the user has the account capability and the feature flag is on', async () => {
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({
+            capabilities: ['Block Storage Encryption'],
+          })
+        );
+      })
+    );
+
+    server.use(
+      http.get(linodeInstanceEndpoint, () => {
+        return HttpResponse.json(linodeFactory.build());
+      }),
+      http.get(linodeVolumesEndpoint, () => {
+        return HttpResponse.json(makeResourcePage(volumes));
+      })
+    );
+
+    const { findByText } = renderWithTheme(<LinodeVolumes />, {
+      flags: { blockStorageEncryption: true },
+    });
+
+    expect(await findByText('Encryption')).toBeVisible();
+  });
+
+  it('should not display an "Encryption" column if the user has the account capability but the feature flag is off', async () => {
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({
+            capabilities: ['Block Storage Encryption'],
+          })
+        );
+      })
+    );
+
+    server.use(
+      http.get(linodeInstanceEndpoint, () => {
+        return HttpResponse.json(linodeFactory.build());
+      }),
+      http.get(linodeVolumesEndpoint, () => {
+        return HttpResponse.json(makeResourcePage(volumes));
+      })
+    );
+
+    const { queryByText } = renderWithTheme(<LinodeVolumes />, {
+      flags: { blockStorageEncryption: false },
+    });
+
+    expect(queryByText('Encryption')).toBeNull();
+  });
+
+  it('should not display an "Encryption" column if the feature flag is on but the user does not have the account capability', async () => {
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({
+            capabilities: [],
+          })
+        );
+      })
+    );
+
+    server.use(
+      http.get(linodeInstanceEndpoint, () => {
+        return HttpResponse.json(linodeFactory.build());
+      }),
+      http.get(linodeVolumesEndpoint, () => {
+        return HttpResponse.json(makeResourcePage(volumes));
+      })
+    );
+
+    const { queryByText } = renderWithTheme(<LinodeVolumes />, {
+      flags: { blockStorageEncryption: true },
+    });
+
+    expect(queryByText('Encryption')).toBeNull();
+  });
+});
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
index e4318991856..c8d7e1b3b81 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
@@ -3,6 +3,7 @@ import { useParams } from 'react-router-dom';
 
 import { Box } from 'src/components/Box';
 import { Button } from 'src/components/Button/Button';
+import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils';
 import { Hidden } from 'src/components/Hidden';
 import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter';
 import { Paper } from 'src/components/Paper';
@@ -73,6 +74,10 @@ export const LinodeVolumes = () => {
     filter
   );
 
+  const {
+    isBlockStorageEncryptionFeatureEnabled,
+  } = useIsBlockStorageEncryptionFeatureEnabled();
+
   const [selectedVolumeId, setSelectedVolumeId] = React.useState<number>();
   const [isDetailsDrawerOpen, setIsDetailsDrawerOpen] = React.useState(false);
   const [isEditDrawerOpen, setIsEditDrawerOpen] = React.useState(false);
@@ -124,6 +129,8 @@ export const LinodeVolumes = () => {
     return null;
   }
 
+  const numColumns = isBlockStorageEncryptionFeatureEnabled ? 6 : 5; // @TODO BSE: set colSpan for <TableRowEmpty /> to 6 once BSE is fully rolled out
+
   const renderTableContent = () => {
     if (isLoading) {
       return (
@@ -131,14 +138,16 @@ export const LinodeVolumes = () => {
           responsive={{
             3: { xsDown: true },
           }}
-          columns={5}
+          columns={numColumns}
           rows={1}
         />
       );
     } else if (error) {
       return <TableRowError colSpan={6} message={error[0].reason} />;
     } else if (data?.results === 0) {
-      return <TableRowEmpty colSpan={5} message="No Volumes to display." />;
+      return (
+        <TableRowEmpty colSpan={numColumns} message="No Volumes to display." />
+      );
     } else if (data) {
       return data.data.map((volume) => {
         return (
@@ -153,6 +162,9 @@ export const LinodeVolumes = () => {
               handleResize: () => handleResize(volume),
               handleUpgrade: () => null,
             }}
+            isBlockStorageEncryptionFeatureEnabled={
+              isBlockStorageEncryptionFeatureEnabled
+            }
             isDetailsPageRow
             key={volume.id}
             volume={volume}
@@ -215,6 +227,9 @@ export const LinodeVolumes = () => {
             <Hidden xsDown>
               <TableCell>File System Path</TableCell>
             </Hidden>
+            {isBlockStorageEncryptionFeatureEnabled && (
+              <TableCell>Encryption</TableCell>
+            )}
             <TableCell></TableCell>
           </TableRow>
         </TableHead>
diff --git a/packages/manager/src/features/Volumes/VolumeTableRow.tsx b/packages/manager/src/features/Volumes/VolumeTableRow.tsx
index 25094ad7042..c7e680cb990 100644
--- a/packages/manager/src/features/Volumes/VolumeTableRow.tsx
+++ b/packages/manager/src/features/Volumes/VolumeTableRow.tsx
@@ -141,7 +141,7 @@ export const VolumeTableRow = React.memo((props: Props) => {
       )}
       <TableCell data-qa-volume-size>{volume.size} GB</TableCell>
       {!isVolumesLanding && (
-        <Hidden smDown>
+        <Hidden xsDown>
           <TableCell className={classes.volumePath} data-qa-fs-path>
             {volume.filesystem_path}
           </TableCell>

From 3104637f4b949d42d33c8a90031b87515b044a5a Mon Sep 17 00:00:00 2001
From: Dajahi Wiley <114682940+dwiley-akamai@users.noreply.github.com>
Date: Thu, 22 Aug 2024 17:28:33 -0400
Subject: [PATCH 14/49] =?UTF-8?q?upcoming:=20[M3-8455]=20=E2=80=93=20Add?=
 =?UTF-8?q?=20"Encrypt=20Volume"=20checkbox=20in=20Clone=20Volume=20drawer?=
 =?UTF-8?q?=20(#10803)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...r-10803-upcoming-features-1724100276144.md |  5 ++
 .../src/components/Encryption/constants.tsx   |  3 +
 .../Volumes/CloneVolumeDrawer.test.tsx        | 83 +++++++++++++++++++
 .../features/Volumes/CloneVolumeDrawer.tsx    | 26 +++++-
 .../Volumes/VolumeDrawer/PricePanel.tsx       |  2 +-
 5 files changed, 117 insertions(+), 2 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
 create mode 100644 packages/manager/src/features/Volumes/CloneVolumeDrawer.test.tsx

diff --git a/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md b/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
new file mode 100644
index 00000000000..3fa7cdbabd1
--- /dev/null
+++ b/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add 'Encrypt Volume' checkbox to Clone Volume drawer ([#10803](https://github.com/linode/manager/pull/10803))
diff --git a/packages/manager/src/components/Encryption/constants.tsx b/packages/manager/src/components/Encryption/constants.tsx
index e484b2eafc1..4d93f9f3a8d 100644
--- a/packages/manager/src/components/Encryption/constants.tsx
+++ b/packages/manager/src/components/Encryption/constants.tsx
@@ -98,3 +98,6 @@ export const BLOCK_STORAGE_USER_SIDE_ENCRYPTION_CAVEAT =
 
 export const BLOCK_STORAGE_ENCRYPTION_SETTING_IMMUTABLE_COPY =
   'The encryption setting cannot be changed after creation.';
+
+export const BLOCK_STORAGE_CLONING_INHERITANCE_CAVEAT =
+  'Encryption is inherited from the source volume and cannot be changed when cloning volumes.';
diff --git a/packages/manager/src/features/Volumes/CloneVolumeDrawer.test.tsx b/packages/manager/src/features/Volumes/CloneVolumeDrawer.test.tsx
new file mode 100644
index 00000000000..ad7ed3e90fe
--- /dev/null
+++ b/packages/manager/src/features/Volumes/CloneVolumeDrawer.test.tsx
@@ -0,0 +1,83 @@
+import { waitFor } from '@testing-library/react';
+import * as React from 'react';
+
+import { accountFactory, volumeFactory } from 'src/factories';
+import { HttpResponse, http, server } from 'src/mocks/testServer';
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { CloneVolumeDrawer } from './CloneVolumeDrawer';
+
+const accountEndpoint = '*/v4/account';
+const encryptionLabelText = 'Encrypt Volume';
+
+describe('CloneVolumeDrawer', () => {
+  /* @TODO BSE: Remove feature flagging/conditionality once BSE is fully rolled out */
+
+  it('should display a disabled checkbox for volume encryption if the user has the account capability and the feature flag is on', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({ capabilities: ['Block Storage Encryption'] })
+        );
+      })
+    );
+
+    const { getByLabelText } = renderWithTheme(
+      <CloneVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: true },
+      }
+    );
+
+    await waitFor(() => {
+      expect(getByLabelText(encryptionLabelText)).not.toBeNull();
+      expect(getByLabelText(encryptionLabelText)).toBeDisabled();
+    });
+  });
+
+  it('should not display a checkbox for volume encryption if the user has the account capability but the feature flag is off', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(
+          accountFactory.build({ capabilities: ['Block Storage Encryption'] })
+        );
+      })
+    );
+
+    const { queryByRole } = renderWithTheme(
+      <CloneVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: false },
+      }
+    );
+
+    await waitFor(() => {
+      expect(queryByRole('checkbox')).not.toBeInTheDocument();
+    });
+  });
+
+  it('should not display a checkbox for volume encryption if the feature flag is on but the user lacks the account capability', async () => {
+    const volume = volumeFactory.build();
+
+    server.use(
+      http.get(accountEndpoint, () => {
+        return HttpResponse.json(accountFactory.build({ capabilities: [] }));
+      })
+    );
+
+    const { queryByRole } = renderWithTheme(
+      <CloneVolumeDrawer onClose={vi.fn} open volume={volume} />,
+      {
+        flags: { blockStorageEncryption: true },
+      }
+    );
+
+    await waitFor(() => {
+      expect(queryByRole('checkbox')).not.toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx b/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx
index 9304ab01c1f..4d4d6b7845d 100644
--- a/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx
+++ b/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx
@@ -1,10 +1,13 @@
-import { Volume } from '@linode/api-v4';
 import { CloneVolumeSchema } from '@linode/validation/lib/volumes.schema';
 import { useFormik } from 'formik';
 import * as React from 'react';
 
 import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
+import { Box } from 'src/components/Box';
+import { Checkbox } from 'src/components/Checkbox';
 import { Drawer } from 'src/components/Drawer';
+import { BLOCK_STORAGE_CLONING_INHERITANCE_CAVEAT } from 'src/components/Encryption/constants';
+import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils';
 import { Notice } from 'src/components/Notice/Notice';
 import { TextField } from 'src/components/TextField';
 import { Typography } from 'src/components/Typography';
@@ -21,6 +24,8 @@ import {
 import { PRICES_RELOAD_ERROR_NOTICE_TEXT } from 'src/utilities/pricing/constants';
 
 import { PricePanel } from './VolumeDrawer/PricePanel';
+
+import type { Volume } from '@linode/api-v4';
 interface Props {
   onClose: () => void;
   open: boolean;
@@ -39,6 +44,10 @@ export const CloneVolumeDrawer = (props: Props) => {
   const { data: grants } = useGrants();
   const { data: types, isError, isLoading } = useVolumeTypesQuery();
 
+  const {
+    isBlockStorageEncryptionFeatureEnabled,
+  } = useIsBlockStorageEncryptionFeatureEnabled();
+
   // Even if a restricted user has the ability to create Volumes, they
   // can't clone a Volume they only have read only permission on.
   const isReadOnly =
@@ -108,6 +117,21 @@ export const CloneVolumeDrawer = (props: Props) => {
           required
           value={values.label}
         />
+        {isBlockStorageEncryptionFeatureEnabled && (
+          <Box
+            sx={{
+              marginLeft: '2px',
+              marginTop: '16px',
+            }}
+          >
+            <Checkbox
+              checked={volume?.encryption === 'enabled'}
+              disabled
+              text="Encrypt Volume"
+              toolTipText={BLOCK_STORAGE_CLONING_INHERITANCE_CAVEAT}
+            />
+          </Box>
+        )}
         <PricePanel
           currentSize={volume?.size ?? -1}
           regionId={volume?.region ?? ''}
diff --git a/packages/manager/src/features/Volumes/VolumeDrawer/PricePanel.tsx b/packages/manager/src/features/Volumes/VolumeDrawer/PricePanel.tsx
index ffa3a5119d8..c7159947886 100644
--- a/packages/manager/src/features/Volumes/VolumeDrawer/PricePanel.tsx
+++ b/packages/manager/src/features/Volumes/VolumeDrawer/PricePanel.tsx
@@ -44,7 +44,7 @@ export const PricePanel = ({ currentSize, regionId, value }: Props) => {
   }
 
   return (
-    <Box marginTop={4}>
+    <Box marginTop={2}>
       <DisplayPrice interval="mo" price={price ? Number(price) : '--.--'} />
     </Box>
   );

From 15e35060f41e6b28b4f07fdf1330c3fbc68e631a Mon Sep 17 00:00:00 2001
From: nikhagra <165884194+nikhagra@users.noreply.github.com>
Date: Fri, 23 Aug 2024 21:13:01 +0530
Subject: [PATCH 15/49] upcoming: [DI-20284] - Added support for multiple
 services in the dashboards list (#10805)

---
 ...r-10805-upcoming-features-1724163902024.md |  5 ++
 packages/api-v4/src/cloudpulse/dashboards.ts  |  8 ++-
 packages/api-v4/src/cloudpulse/services.ts    | 14 ++++-
 packages/api-v4/src/cloudpulse/types.ts       | 10 +++-
 ...r-10805-upcoming-features-1724163948287.md |  5 ++
 .../CloudPulseDashboardLanding.test.tsx       | 20 +++----
 .../CloudPulse/Utils/CloudPulseWidgetUtils.ts |  2 +-
 .../CloudPulse/Utils/UserPreference.ts        | 10 +++-
 .../src/features/CloudPulse/Utils/utils.ts    | 55 ++++++++++++++++++-
 .../shared/CloudPulseDashboardSelect.test.tsx | 38 +++++++++----
 .../shared/CloudPulseDashboardSelect.tsx      | 53 ++++++++++++------
 .../shared/CloudPulseResourcesSelect.tsx      |  6 ++
 packages/manager/src/mocks/serverHandlers.ts  |  9 ++-
 .../src/queries/cloudpulse/dashboards.ts      | 17 ++++--
 .../manager/src/queries/cloudpulse/metrics.ts |  1 +
 .../manager/src/queries/cloudpulse/queries.ts |  9 ++-
 .../src/queries/cloudpulse/services.ts        |  8 +++
 17 files changed, 215 insertions(+), 55 deletions(-)
 create mode 100644 packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
 create mode 100644 packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md

diff --git a/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md b/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
new file mode 100644
index 00000000000..46b8dd2d56c
--- /dev/null
+++ b/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
@@ -0,0 +1,5 @@
+---
+"@linode/api-v4": Upcoming Features
+---
+
+Change resource_id to resource_ids in CloudPulseMetricRequest interface and add two new interfaces. Add getCloudPulseServiceTypes to fetch list of service types & modify getDashboards function to accept serviceType parameter ([#10805](https://github.com/linode/manager/pull/10805))
diff --git a/packages/api-v4/src/cloudpulse/dashboards.ts b/packages/api-v4/src/cloudpulse/dashboards.ts
index 90b4d4ef010..32b9bbf3c31 100644
--- a/packages/api-v4/src/cloudpulse/dashboards.ts
+++ b/packages/api-v4/src/cloudpulse/dashboards.ts
@@ -4,9 +4,13 @@ import { Dashboard } from './types';
 import { API_ROOT } from 'src/constants';
 
 // Returns the list of all the dashboards available
-export const getDashboards = () =>
+export const getDashboards = (serviceType: string) =>
   Request<ResourcePage<Dashboard>>(
-    setURL(`${API_ROOT}/monitor/services/linode/dashboards`),
+    setURL(
+      `${API_ROOT}/monitor/services/${encodeURIComponent(
+        serviceType
+      )}/dashboards`
+    ),
     setMethod('GET')
   );
 
diff --git a/packages/api-v4/src/cloudpulse/services.ts b/packages/api-v4/src/cloudpulse/services.ts
index f8d884d572a..0ace1f4ceea 100644
--- a/packages/api-v4/src/cloudpulse/services.ts
+++ b/packages/api-v4/src/cloudpulse/services.ts
@@ -1,6 +1,11 @@
 import { API_ROOT } from 'src/constants';
 import Request, { setData, setMethod, setURL } from '../request';
-import { JWEToken, JWETokenPayLoad, MetricDefinitions } from './types';
+import {
+  JWEToken,
+  JWETokenPayLoad,
+  MetricDefinitions,
+  ServiceTypesList,
+} from './types';
 import { ResourcePage as Page } from 'src/types';
 
 export const getMetricDefinitionsByServiceType = (serviceType: string) => {
@@ -22,3 +27,10 @@ export const getJWEToken = (data: JWETokenPayLoad, serviceType: string) =>
     setMethod('POST'),
     setData(data)
   );
+
+// Returns the list of service types available
+export const getCloudPulseServiceTypes = () =>
+  Request<ServiceTypesList>(
+    setURL(`${API_ROOT}/monitor/services`),
+    setMethod('GET')
+  );
diff --git a/packages/api-v4/src/cloudpulse/types.ts b/packages/api-v4/src/cloudpulse/types.ts
index edac74eec6d..2c9c7f57662 100644
--- a/packages/api-v4/src/cloudpulse/types.ts
+++ b/packages/api-v4/src/cloudpulse/types.ts
@@ -103,7 +103,7 @@ export interface CloudPulseMetricsRequest {
   group_by: string;
   relative_time_duration: TimeDuration;
   time_granularity: TimeGranularity | undefined;
-  resource_id: number[];
+  resource_ids: number[];
 }
 
 export interface CloudPulseMetricsResponse {
@@ -124,3 +124,11 @@ export interface CloudPulseMetricsList {
   metric: { [resourceName: string]: string };
   values: [number, string][];
 }
+
+export interface ServiceTypes {
+  service_type: string;
+}
+
+export interface ServiceTypesList {
+  data: ServiceTypes[];
+}
diff --git a/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md b/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md
new file mode 100644
index 00000000000..9c34b95554a
--- /dev/null
+++ b/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Modify CloudPulseDashboardSelect and its relevant queries to support multiple service types in the list ([#10805](https://github.com/linode/manager/pull/10805))
diff --git a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.test.tsx b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.test.tsx
index a9da8e55f29..d54a52a0500 100644
--- a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.test.tsx
+++ b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.test.tsx
@@ -2,6 +2,7 @@ import { fireEvent } from '@testing-library/react';
 import React from 'react';
 
 import { dashboardFactory } from 'src/factories';
+import * as utils from 'src/features/CloudPulse/Utils/utils';
 import { renderWithTheme } from 'src/utilities/testHelpers';
 
 import { CloudPulseDashboardLanding } from './CloudPulseDashboardLanding';
@@ -30,18 +31,21 @@ vi.mock('src/queries/cloudpulse/dashboards', async () => {
     useCloudPulseDashboardsQuery: queryMocks.useCloudPulseDashboardsQuery,
   };
 });
+const mockDashboard = dashboardFactory.build();
 
 queryMocks.useCloudPulseDashboardsQuery.mockReturnValue({
   data: {
-    data: dashboardFactory.buildList(1, {
-      label: dashboardLabel,
-      service_type: 'test',
-    }),
+    data: mockDashboard,
   },
   error: false,
   isLoading: false,
 });
 
+vi.spyOn(utils, 'getAllDashboards').mockReturnValue({
+  data: [mockDashboard],
+  error: '',
+  isLoading: false,
+});
 describe('CloudPulseDashboardFilterBuilder component tests', () => {
   it('should render error placeholder if dashboard not selected', () => {
     const screen = renderWithTheme(<CloudPulseDashboardLanding />);
@@ -66,14 +70,6 @@ describe('CloudPulseDashboardFilterBuilder component tests', () => {
     expect(
       screen.getByRole('option', { name: dashboardLabel })
     ).toBeInTheDocument();
-
-    fireEvent.click(screen.getByRole('option', { name: dashboardLabel }));
-
-    expect(
-      screen.getByText(
-        "No Filters Configured for selected dashboard's service type"
-      )
-    ).toBeDefined();
   });
 
   it('should render error placeholder if some dashboard is select and filters are not selected', () => {
diff --git a/packages/manager/src/features/CloudPulse/Utils/CloudPulseWidgetUtils.ts b/packages/manager/src/features/CloudPulse/Utils/CloudPulseWidgetUtils.ts
index 3ac3a87b3f0..fef6da64c10 100644
--- a/packages/manager/src/features/CloudPulse/Utils/CloudPulseWidgetUtils.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/CloudPulseWidgetUtils.ts
@@ -245,7 +245,7 @@ export const getCloudPulseMetricRequest = (
     group_by: widget.group_by,
     metric: widget.metric,
     relative_time_duration: duration ?? widget.time_duration,
-    resource_id: resources
+    resource_ids: resources
       ? resourceIds.map((obj) => parseInt(obj, 10))
       : widget.resource_id.map((obj) => parseInt(obj, 10)),
     time_granularity:
diff --git a/packages/manager/src/features/CloudPulse/Utils/UserPreference.ts b/packages/manager/src/features/CloudPulse/Utils/UserPreference.ts
index 175a0d0f2e8..326dd5aebb2 100644
--- a/packages/manager/src/features/CloudPulse/Utils/UserPreference.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/UserPreference.ts
@@ -3,6 +3,8 @@ import {
   usePreferences,
 } from 'src/queries/profile/preferences';
 
+import { DASHBOARD_ID, TIME_DURATION } from './constants';
+
 import type { AclpConfig, AclpWidget } from '@linode/api-v4';
 
 let userPreference: AclpConfig;
@@ -42,7 +44,13 @@ export const updateGlobalFilterPreference = (data: {}) => {
   if (!userPreference) {
     userPreference = {} as AclpConfig;
   }
-  userPreference = { ...userPreference, ...data };
+  const keys = Object.keys(data);
+
+  if (keys.includes(DASHBOARD_ID)) {
+    userPreference = { ...data, [TIME_DURATION]: userPreference.timeDuration };
+  } else {
+    userPreference = { ...userPreference, ...data };
+  }
 
   debounce(userPreference);
 };
diff --git a/packages/manager/src/features/CloudPulse/Utils/utils.ts b/packages/manager/src/features/CloudPulse/Utils/utils.ts
index 6f4088ac991..2004ba5af41 100644
--- a/packages/manager/src/features/CloudPulse/Utils/utils.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/utils.ts
@@ -3,7 +3,15 @@ import { useFlags } from 'src/hooks/useFlags';
 import { useAccount } from 'src/queries/account/account';
 import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities';
 
-import type { TimeDuration } from '@linode/api-v4';
+import type {
+  APIError,
+  Dashboard,
+  ResourcePage,
+  ServiceTypes,
+  ServiceTypesList,
+  TimeDuration,
+} from '@linode/api-v4';
+import type { UseQueryResult } from '@tanstack/react-query';
 import type {
   StatWithDummyPoint,
   WithStartAndEnd,
@@ -105,3 +113,48 @@ export const seriesDataFormatter = (
 
   return convertData(formattedArray, startTime, endTime);
 };
+
+/**
+ *
+ * @param rawServiceTypes list of service types returned from api response
+ * @returns converted service types list into string array
+ */
+export const formattedServiceTypes = (
+  rawServiceTypes: ServiceTypesList | undefined
+): string[] => {
+  if (rawServiceTypes === undefined || rawServiceTypes.data.length === 0) {
+    return [];
+  }
+  return rawServiceTypes.data.map((obj: ServiceTypes) => obj.service_type);
+};
+
+/**
+ *
+ * @param queryResults queryResults received from useCloudPulseDashboardsQuery
+ * @param serviceTypes list of service types available
+ * @returns list of dashboards for all the service types & respective loading and error states
+ */
+export const getAllDashboards = (
+  queryResults: UseQueryResult<ResourcePage<Dashboard>, APIError[]>[],
+  serviceTypes: string[]
+) => {
+  let error = '';
+  let isLoading = false;
+  const data: Dashboard[] = queryResults
+    .filter((queryResult: UseQueryResult, index) => {
+      if (queryResult.isError) {
+        error += serviceTypes[index] + ' ,';
+      }
+      if (queryResult.isLoading) {
+        isLoading = true;
+      }
+      return !queryResult.isLoading && !queryResult.isError;
+    })
+    .map((queryResult) => queryResult?.data?.data ?? [])
+    .flat();
+  return {
+    data,
+    error,
+    isLoading,
+  };
+};
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.test.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.test.tsx
index c3b58a27ec4..1ff706d78d5 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.test.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.test.tsx
@@ -1,6 +1,8 @@
 import { fireEvent, screen } from '@testing-library/react';
 import React from 'react';
 
+import { dashboardFactory } from 'src/factories';
+import * as utils from 'src/features/CloudPulse/Utils/utils';
 import { renderWithTheme } from 'src/utilities/testHelpers';
 
 import { DASHBOARD_ID } from '../Utils/constants';
@@ -10,14 +12,16 @@ import { CloudPulseDashboardSelect } from './CloudPulseDashboardSelect';
 import type { CloudPulseDashboardSelectProps } from './CloudPulseDashboardSelect';
 import type { AclpConfig } from '@linode/api-v4';
 
-const dashboardLabel = 'Dashboard 1';
+const dashboardLabel = 'Factory Dashboard-1';
 const props: CloudPulseDashboardSelectProps = {
   handleDashboardChange: vi.fn(),
 };
 
 const queryMocks = vi.hoisted(() => ({
   useCloudPulseDashboardsQuery: vi.fn().mockReturnValue({}),
+  useCloudPulseServiceTypes: vi.fn().mockReturnValue({}),
 }));
+const mockDashboard = dashboardFactory.build();
 
 vi.mock('src/queries/cloudpulse/dashboards', async () => {
   const actual = await vi.importActual('src/queries/cloudpulse/dashboards');
@@ -27,24 +31,34 @@ vi.mock('src/queries/cloudpulse/dashboards', async () => {
   };
 });
 
+vi.mock('src/queries/cloudpulse/services', async () => {
+  const actual = await vi.importActual('src/queries/cloudpulse/services');
+  return {
+    ...actual,
+    useCloudPulseServiceTypes: queryMocks.useCloudPulseServiceTypes,
+  };
+});
+
 queryMocks.useCloudPulseDashboardsQuery.mockReturnValue({
   data: {
-    data: [
-      {
-        created: '2024-04-29T17:09:29',
-        id: 1,
-        label: dashboardLabel,
-        service_type: 'linode',
-        type: 'standard',
-        updated: null,
-        widgets: {},
-      },
-    ],
+    data: [mockDashboard],
   },
   error: false,
   isLoading: false,
 });
 
+queryMocks.useCloudPulseServiceTypes.mockReturnValue({
+  data: {
+    data: [{ service_type: 'linode' }],
+  },
+});
+
+vi.spyOn(utils, 'getAllDashboards').mockReturnValue({
+  data: [mockDashboard],
+  error: '',
+  isLoading: false,
+});
+
 describe('CloudPulse Dashboard select', () => {
   it('Should render dashboard select component', () => {
     const { getByPlaceholderText, getByTestId } = renderWithTheme(
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx
index 1559c72ca08..6b62eba2ea2 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx
@@ -4,12 +4,14 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete';
 import { Box } from 'src/components/Box';
 import { Typography } from 'src/components/Typography';
 import { useCloudPulseDashboardsQuery } from 'src/queries/cloudpulse/dashboards';
+import { useCloudPulseServiceTypes } from 'src/queries/cloudpulse/services';
 
-import { DASHBOARD_ID, REGION, RESOURCES } from '../Utils/constants';
+import { DASHBOARD_ID } from '../Utils/constants';
 import {
   getUserPreferenceObject,
   updateGlobalFilterPreference,
 } from '../Utils/UserPreference';
+import { formattedServiceTypes, getAllDashboards } from '../Utils/utils';
 
 import type { Dashboard } from '@linode/api-v4';
 
@@ -23,35 +25,57 @@ export interface CloudPulseDashboardSelectProps {
 export const CloudPulseDashboardSelect = React.memo(
   (props: CloudPulseDashboardSelectProps) => {
     const {
-      data: dashboardsList,
-      error,
-      isLoading,
-    } = useCloudPulseDashboardsQuery(true); // Fetch the list of dashboards
+      data: serviceTypesList,
+      error: serviceTypesError,
+      isLoading: serviceTypesLoading,
+    } = useCloudPulseServiceTypes(true);
+
+    const serviceTypes: string[] = formattedServiceTypes(serviceTypesList);
 
+    const {
+      data: dashboardsList,
+      error: dashboardsError,
+      isLoading: dashboardsLoading,
+    } = getAllDashboards(
+      useCloudPulseDashboardsQuery(serviceTypes),
+      serviceTypes
+    );
     const [
       selectedDashboard,
       setSelectedDashboard,
     ] = React.useState<Dashboard>();
 
-    const errorText: string = error ? 'Error loading dashboards' : '';
+    const getErrorText = () => {
+      if (serviceTypesError) {
+        return 'Unable to load service types';
+      }
+
+      if (dashboardsError.length > 0) {
+        return `Unable to load ${dashboardsError.slice(0, -1)}`;
+      }
+
+      return '';
+    };
+
+    const errorText: string = getErrorText();
 
     const placeHolder = 'Select a Dashboard';
 
     // sorts dashboards by service type. Required due to unexpected autocomplete grouping behaviour
-    const getSortedDashboardsList = (options: Dashboard[]) => {
+    const getSortedDashboardsList = (options: Dashboard[]): Dashboard[] => {
       return options.sort(
         (a, b) => -b.service_type.localeCompare(a.service_type)
       );
     };
-
     // Once the data is loaded, set the state variable with value stored in preferences
     React.useEffect(() => {
-      if (dashboardsList) {
+      // only call this code when the component is rendered initially
+      if (dashboardsList.length > 0 && selectedDashboard === undefined) {
         const dashboardId = getUserPreferenceObject()?.dashboardId;
 
         if (dashboardId) {
-          const dashboard = dashboardsList.data.find(
-            (obj) => obj.id === dashboardId
+          const dashboard = dashboardsList.find(
+            (obj: Dashboard) => obj.id === dashboardId
           );
           setSelectedDashboard(dashboard);
           props.handleDashboardChange(dashboard, true);
@@ -61,14 +85,11 @@ export const CloudPulseDashboardSelect = React.memo(
       }
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [dashboardsList]);
-
     return (
       <Autocomplete
         onChange={(_: any, dashboard: Dashboard) => {
           updateGlobalFilterPreference({
             [DASHBOARD_ID]: dashboard?.id,
-            [REGION]: undefined,
-            [RESOURCES]: undefined,
           });
           setSelectedDashboard(dashboard);
           props.handleDashboardChange(dashboard);
@@ -96,8 +117,8 @@ export const CloudPulseDashboardSelect = React.memo(
         groupBy={(option: Dashboard) => option.service_type}
         isOptionEqualToValue={(option, value) => option.id === value.id}
         label="Select a Dashboard"
-        loading={isLoading}
-        options={getSortedDashboardsList(dashboardsList?.data ?? [])}
+        loading={dashboardsLoading || serviceTypesLoading}
+        options={getSortedDashboardsList(dashboardsList ?? [])}
         placeholder={placeHolder}
         value={selectedDashboard ?? null} // Undefined is not allowed for uncontrolled component
       />
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
index e97a58909c8..3245d9c211f 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseResourcesSelect.tsx
@@ -90,6 +90,12 @@ export const CloudPulseResourcesSelect = React.memo(
           handleResourcesSelection(resourceSelections);
         }}
         textFieldProps={{
+          InputProps: {
+            sx: {
+              maxHeight: '55px',
+              overflow: 'auto',
+            },
+          },
           hideLabel: true,
         }}
         autoHighlight
diff --git a/packages/manager/src/mocks/serverHandlers.ts b/packages/manager/src/mocks/serverHandlers.ts
index 67c018cf572..5d66dcc0d6b 100644
--- a/packages/manager/src/mocks/serverHandlers.ts
+++ b/packages/manager/src/mocks/serverHandlers.ts
@@ -2272,7 +2272,14 @@ export const handlers = [
 
     return HttpResponse.json(response);
   }),
-  http.get('*/v4/monitor/services/linode/dashboards', () => {
+  http.get('*/v4/monitor/services', () => {
+    const response = {
+      data: [{ service_type: 'linode' }],
+    };
+
+    return HttpResponse.json(response);
+  }),
+  http.get('*/v4/monitor/services/:serviceType/dashboards', () => {
     const response = {
       data: [
         {
diff --git a/packages/manager/src/queries/cloudpulse/dashboards.ts b/packages/manager/src/queries/cloudpulse/dashboards.ts
index 0a12f16aa54..493c14f387b 100644
--- a/packages/manager/src/queries/cloudpulse/dashboards.ts
+++ b/packages/manager/src/queries/cloudpulse/dashboards.ts
@@ -1,15 +1,22 @@
-import { useQuery } from '@tanstack/react-query';
+import { useQueries, useQuery } from '@tanstack/react-query';
 
 import { queryFactory } from './queries';
 
 import type { Dashboard } from '@linode/api-v4';
 import type { APIError, ResourcePage } from '@linode/api-v4/lib/types';
+import type { UseQueryOptions } from '@tanstack/react-query';
 
 // Fetch the list of all the dashboard available
-export const useCloudPulseDashboardsQuery = (enabled: boolean) => {
-  return useQuery<ResourcePage<Dashboard>, APIError[]>({
-    ...queryFactory.lists._ctx.dashboards,
-    enabled,
+export const useCloudPulseDashboardsQuery = (serviceTypes: string[]) => {
+  return useQueries({
+    queries: serviceTypes.map<
+      UseQueryOptions<ResourcePage<Dashboard>, APIError[]>
+    >((serviceType) => ({
+      ...queryFactory.lists._ctx.dashboards(serviceType),
+      enabled: serviceTypes.length > 0,
+      refetchOnWindowFocus: false,
+      retry: 0,
+    })),
   });
 };
 
diff --git a/packages/manager/src/queries/cloudpulse/metrics.ts b/packages/manager/src/queries/cloudpulse/metrics.ts
index 58599872e7c..de200c3c040 100644
--- a/packages/manager/src/queries/cloudpulse/metrics.ts
+++ b/packages/manager/src/queries/cloudpulse/metrics.ts
@@ -71,6 +71,7 @@ export const fetchCloudPulseMetrics = (
   const config: AxiosRequestConfig = {
     data: requestData,
     headers: {
+      'Authentication-Type': 'jwe',
       Authorization: `Bearer ${token}`,
     },
     method: 'POST',
diff --git a/packages/manager/src/queries/cloudpulse/queries.ts b/packages/manager/src/queries/cloudpulse/queries.ts
index e21707e31e3..74bb3ec7e2b 100644
--- a/packages/manager/src/queries/cloudpulse/queries.ts
+++ b/packages/manager/src/queries/cloudpulse/queries.ts
@@ -1,4 +1,5 @@
 import {
+  getCloudPulseServiceTypes,
   getDashboardById,
   getDashboards,
   getJWEToken,
@@ -27,8 +28,12 @@ export const queryFactory = createQueryKeys(key, {
   }),
   lists: {
     contextQueries: {
-      dashboards: {
-        queryFn: getDashboards,
+      dashboards: (serviceType: string) => ({
+        queryFn: () => getDashboards(serviceType),
+        queryKey: [serviceType],
+      }),
+      serviceTypes: {
+        queryFn: getCloudPulseServiceTypes,
         queryKey: null,
       },
     },
diff --git a/packages/manager/src/queries/cloudpulse/services.ts b/packages/manager/src/queries/cloudpulse/services.ts
index 8428613c2c1..410d9938cd6 100644
--- a/packages/manager/src/queries/cloudpulse/services.ts
+++ b/packages/manager/src/queries/cloudpulse/services.ts
@@ -7,6 +7,7 @@ import type {
   JWEToken,
   JWETokenPayLoad,
   MetricDefinitions,
+  ServiceTypesList,
 } from '@linode/api-v4';
 
 export const useGetCloudPulseMetricDefinitionsByServiceType = (
@@ -31,3 +32,10 @@ export const useCloudPulseJWEtokenQuery = (
     refetchOnWindowFocus: false,
   });
 };
+
+export const useCloudPulseServiceTypes = (enabled: boolean) => {
+  return useQuery<ServiceTypesList, APIError[]>({
+    ...queryFactory.lists._ctx.serviceTypes,
+    enabled,
+  });
+};

From 43366acd98123008a093f63fcd407518459a8d39 Mon Sep 17 00:00:00 2001
From: Purvesh Makode <pmakode@akamai.com>
Date: Fri, 23 Aug 2024 22:22:04 +0530
Subject: [PATCH 16/49] feat: [M3-8170] - Add CheckoutBar Story (#10784)

---
 .../pr-10784-added-1723651941893.md           |  5 ++
 .../CheckoutBar/CheckoutBar.stories.tsx       | 70 +++++++++++++++++++
 .../components/CheckoutBar/CheckoutBar.tsx    | 34 +++++++++
 3 files changed, 109 insertions(+)
 create mode 100644 packages/manager/.changeset/pr-10784-added-1723651941893.md
 create mode 100644 packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx

diff --git a/packages/manager/.changeset/pr-10784-added-1723651941893.md b/packages/manager/.changeset/pr-10784-added-1723651941893.md
new file mode 100644
index 00000000000..3d28dae816f
--- /dev/null
+++ b/packages/manager/.changeset/pr-10784-added-1723651941893.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Added
+---
+
+CheckoutBar Story ([#10784](https://github.com/linode/manager/pull/10784))
diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx
new file mode 100644
index 00000000000..85976149c20
--- /dev/null
+++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx
@@ -0,0 +1,70 @@
+import React from 'react';
+
+import { Typography } from 'src/components/Typography';
+
+import { CheckoutBar } from './CheckoutBar';
+
+import type { Meta, StoryFn, StoryObj } from '@storybook/react';
+
+type Story = StoryObj<typeof CheckoutBar>;
+
+const Item = ({ children }: { children?: React.ReactNode }) => (
+  <Typography sx={{ fontStyle: 'italic' }}>{children}</Typography>
+);
+
+const defaultArgs = {
+  calculatedPrice: 30.0,
+  children: <Item>Child items can go here!</Item>,
+  heading: 'Checkout',
+  onDeploy: () => alert('Deploy clicked'),
+  submitText: 'Submit',
+};
+
+const meta: Meta<typeof CheckoutBar> = {
+  argTypes: {
+    onDeploy: { action: 'onDeploy' },
+  },
+  component: CheckoutBar,
+  decorators: [
+    (Story: StoryFn) => (
+      <div style={{ margin: '2em' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  title: 'Components/CheckoutBar',
+};
+
+export default meta;
+
+export const Default: Story = {
+  args: defaultArgs,
+};
+
+export const WithAgreement: Story = {
+  args: {
+    ...defaultArgs,
+    agreement: <Item>Agreement item can go here!</Item>,
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    ...defaultArgs,
+    disabled: true,
+  },
+};
+
+export const Loading: Story = {
+  args: {
+    ...defaultArgs,
+    isMakingRequest: true,
+  },
+};
+
+export const WithFooter: Story = {
+  args: {
+    ...defaultArgs,
+    footer: <Item>Footer element can go here!</Item>,
+  },
+};
diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
index 492bf4558c8..3d8ffdde20e 100644
--- a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
+++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
@@ -12,16 +12,50 @@ import {
 } from './styles';
 
 interface CheckoutBarProps {
+  /**
+   * JSX element to be displayed as an agreement section.
+   */
   agreement?: JSX.Element;
+  /**
+   * Calculated price to be displayed.
+   */
   calculatedPrice?: number;
+  /**
+   * JSX element for additional content to be rendered within the component.
+   */
   children?: JSX.Element;
+  /**
+   * Boolean to disable the `CheckoutBar` component, making it non-interactive.
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * JSX element to be displayed as a footer.
+   */
   footer?: JSX.Element;
+  /**
+   * The heading text to be displayed in the `CheckoutBar`.
+   */
   heading: string;
+  /**
+   * Boolean indicating if a request is currently being processed.
+   */
   isMakingRequest?: boolean;
+  /**
+   * Callback function to be called when the deploy action is triggered.
+   */
   onDeploy: () => void;
+  /**
+   * Helper text to be displayed alongside the price.
+   */
   priceHelperText?: string;
+  /**
+   * Text to describe the price selection.
+   */
   priceSelectionText?: string;
+  /**
+   * Text for the submit button.
+   */
   submitText?: string;
 }
 

From fbf256a0a98b615eb0c0e121e1d878b0d155e8f8 Mon Sep 17 00:00:00 2001
From: Harsh Shankar Rao <hrao@akamai.com>
Date: Fri, 23 Aug 2024 22:51:14 +0530
Subject: [PATCH 17/49] upcoming: [M3-8305] - Display Endpoint Type alongside
 each endpoint hostname in Regions Column & Hostnames Drawers (#10796)

---
 ...r-10796-upcoming-features-1724152512210.md |  5 +++
 .../AccessKeyTable/AccessKeyTable.styles.tsx  | 21 ++++++++++
 .../AccessKeyTable/AccessKeyTable.tsx         | 28 ++++++-------
 .../AccessKeyTable/AccessKeyTableRow.tsx      | 16 ++++----
 .../AccessKeyTable/HostNameTableCell.tsx      |  4 +-
 .../AccessKeyLanding/HostNamesDrawer.tsx      | 40 ++++++++++++-------
 6 files changed, 78 insertions(+), 36 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
 create mode 100644 packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx

diff --git a/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md b/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
new file mode 100644
index 00000000000..c3649a92a72
--- /dev/null
+++ b/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Display Endpoint Type alongside each endpoint hostname in Regions Column & Hostnames Drawers ([#10796](https://github.com/linode/manager/pull/10796))
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx
new file mode 100644
index 00000000000..49feb92bdd8
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx
@@ -0,0 +1,21 @@
+import { styled } from '@mui/material';
+
+import { TableCell } from 'src/components/TableCell';
+import { omittedProps } from 'src/utilities/omittedProps';
+
+import type { TableCellProps } from 'src/components/TableCell';
+
+interface StyledLastColumnCellProps extends TableCellProps {
+  addPaddingRight?: boolean;
+}
+export const StyledLastColumnCell = styled(TableCell, {
+  shouldForwardProp: omittedProps(['isObjMultiClusterEnabled']),
+})<StyledLastColumnCellProps>(({ addPaddingRight }) => ({
+  '&&:last-child': {
+    'padding-right': addPaddingRight ? '15px' : 0,
+  },
+}));
+
+export const StyledLabelCell = styled(TableCell)(() => ({
+  width: '35%',
+}));
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx
index 121dead1fc6..d39ecf5cb58 100644
--- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx
@@ -1,14 +1,7 @@
-import {
-  ObjectStorageKey,
-  ObjectStorageKeyRegions,
-} from '@linode/api-v4/lib/object-storage';
-import { APIError } from '@linode/api-v4/lib/types';
-import { styled } from '@mui/material/styles';
 import React, { useState } from 'react';
 
 import { Table } from 'src/components/Table';
 import { TableBody } from 'src/components/TableBody';
-import { TableCell } from 'src/components/TableCell';
 import { TableHead } from 'src/components/TableHead';
 import { TableRow } from 'src/components/TableRow';
 import { useAccountManagement } from 'src/hooks/useAccountManagement';
@@ -16,9 +9,16 @@ import { useFlags } from 'src/hooks/useFlags';
 import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities';
 
 import { HostNamesDrawer } from '../HostNamesDrawer';
-import { OpenAccessDrawer } from '../types';
+import { StyledLabelCell, StyledLastColumnCell } from './AccessKeyTable.styles';
 import { AccessKeyTableBody } from './AccessKeyTableBody';
 
+import type { OpenAccessDrawer } from '../types';
+import type {
+  ObjectStorageKey,
+  ObjectStorageKeyRegions,
+} from '@linode/api-v4/lib/object-storage';
+import type { APIError } from '@linode/api-v4/lib/types';
+
 export interface AccessKeyTableProps {
   data: ObjectStorageKey[] | undefined;
   error: APIError[] | null | undefined;
@@ -69,8 +69,12 @@ export const AccessKeyTable = (props: AccessKeyTableProps) => {
                 Regions/S3 Hostnames
               </StyledLabelCell>
             )}
-            {/* empty cell for kebab menu */}
-            <TableCell />
+            <StyledLastColumnCell
+              addPaddingRight={isObjMultiClusterEnabled}
+              data-qa-header-key
+            >
+              Actions
+            </StyledLastColumnCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -96,7 +100,3 @@ export const AccessKeyTable = (props: AccessKeyTableProps) => {
     </>
   );
 };
-
-const StyledLabelCell = styled(TableCell)(() => ({
-  width: '35%',
-}));
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx
index 92ea578fb46..76eb64490bb 100644
--- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx
@@ -1,7 +1,3 @@
-import {
-  ObjectStorageKey,
-  ObjectStorageKeyRegions,
-} from '@linode/api-v4/lib/object-storage';
 import { styled } from '@mui/material/styles';
 import React from 'react';
 
@@ -13,10 +9,16 @@ import { useAccountManagement } from 'src/hooks/useAccountManagement';
 import { useFlags } from 'src/hooks/useFlags';
 import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities';
 
-import { OpenAccessDrawer } from '../types';
 import { AccessKeyActionMenu } from './AccessKeyActionMenu';
+import { StyledLastColumnCell } from './AccessKeyTable.styles';
 import { HostNameTableCell } from './HostNameTableCell';
 
+import type { OpenAccessDrawer } from '../types';
+import type {
+  ObjectStorageKey,
+  ObjectStorageKeyRegions,
+} from '@linode/api-v4/lib/object-storage';
+
 type Props = {
   openDrawer: OpenAccessDrawer;
   openRevokeDialog: (storageKeyData: ObjectStorageKey) => void;
@@ -62,14 +64,14 @@ export const AccessKeyTableRow = ({
         />
       )}
 
-      <TableCell>
+      <StyledLastColumnCell addPaddingRight={isObjMultiClusterEnabled}>
         <AccessKeyActionMenu
           label={storageKeyData.label}
           objectStorageKey={storageKeyData}
           openDrawer={openDrawer}
           openRevokeDialog={openRevokeDialog}
         />
-      </TableCell>
+      </StyledLastColumnCell>
     </TableRow>
   );
 };
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx
index ca4e0fbb6e5..14f0595acca 100644
--- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/HostNameTableCell.tsx
@@ -34,10 +34,12 @@ export const HostNameTableCell = ({
   }
   const label = regionsLookup[storageKeyData.regions[0].id]?.label;
   const s3Endpoint = storageKeyData?.regions[0]?.s3_endpoint;
+  const endpointType = storageKeyData?.regions[0]?.endpoint_type;
 
   return (
     <TableCell>
-      {label}: {s3Endpoint}
+      {label}
+      {endpointType && ` (${endpointType})`}: {s3Endpoint}&nbsp;
       {storageKeyData?.regions?.length === 1 && (
         <StyledCopyIcon text={s3Endpoint} />
       )}
diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesDrawer.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesDrawer.tsx
index c6f22605603..96944066b59 100644
--- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesDrawer.tsx
+++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesDrawer.tsx
@@ -1,4 +1,3 @@
-import { ObjectStorageKeyRegions } from '@linode/api-v4';
 import * as React from 'react';
 
 import { Box } from 'src/components/Box';
@@ -9,6 +8,8 @@ import { getRegionsByRegionId } from 'src/utilities/regions';
 
 import { CopyAllHostnames } from './CopyAllHostnames';
 
+import type { ObjectStorageKeyRegions } from '@linode/api-v4';
+
 interface Props {
   onClose: () => void;
   open: boolean;
@@ -30,10 +31,13 @@ export const HostNamesDrawer = (props: Props) => {
         <CopyAllHostnames
           text={
             regions
-              .map(
-                (region) =>
-                  `${regionsLookup[region.id]?.label}: ${region.s3_endpoint}`
-              )
+              .map((region) => {
+                const label = regionsLookup[region.id]?.label;
+                const endpointType = region.endpoint_type
+                  ? ` (${region.endpoint_type})`
+                  : '';
+                return `${label}${endpointType}: ${region.s3_endpoint}`;
+              })
               .join('\n') ?? ''
           }
         />
@@ -45,15 +49,23 @@ export const HostNamesDrawer = (props: Props) => {
           padding: theme.spacing(1),
         })}
       >
-        {regions.map((region, index) => (
-          <CopyableTextField
-            hideLabel
-            key={index}
-            label={`${region.id}: ${region.s3_endpoint}`}
-            sx={{ border: 'none', maxWidth: '100%' }}
-            value={`${regionsLookup[region.id]?.label}: ${region.s3_endpoint}`}
-          />
-        ))}
+        {regions.map((region, index) => {
+          const endpointTypeLabel = region?.endpoint_type
+            ? ` (${region.endpoint_type})`
+            : '';
+
+          return (
+            <CopyableTextField
+              value={`${regionsLookup[region.id]?.label}${endpointTypeLabel}: ${
+                region.s3_endpoint
+              }`}
+              hideLabel
+              key={index}
+              label={`${region.id}${endpointTypeLabel}: ${region.s3_endpoint}`}
+              sx={{ border: 'none', maxWidth: '100%' }}
+            />
+          );
+        })}
       </Box>
     </Drawer>
   );

From b6659648b8aab6d43f4d4cb95e15bc37ef53b04e Mon Sep 17 00:00:00 2001
From: corya-akamai <136115382+corya-akamai@users.noreply.github.com>
Date: Fri, 23 Aug 2024 13:56:30 -0400
Subject: [PATCH 18/49] feat: [UIE-8054] - DBaaS enhancements 1 (#10786)

* feat: [UIE-8054] - DBaaS enhancements 1

* Added changeset: Update DBaaS menu item with V1 or V2 capability, add mock data

* Review comments

* feature flag

* review comments

* review comments

* review comments

* review comments
---
 .../pr-10786-added-1723662117687.md           |  5 ++
 packages/api-v4/src/account/types.ts          |  1 +
 packages/api-v4/src/databases/types.ts        |  4 +-
 packages/api-v4/src/regions/types.ts          |  1 +
 ...r-10786-upcoming-features-1723662207016.md |  5 ++
 packages/manager/src/__data__/regionsData.ts  |  5 ++
 packages/manager/src/assets/icons/db-logo.svg | 23 +++++++
 .../src/components/PrimaryNav/PrimaryNav.tsx  |  4 +-
 .../manager/src/dev-tools/FeatureFlagTool.tsx |  2 +
 packages/manager/src/factories/account.ts     |  2 +-
 packages/manager/src/factories/databases.ts   | 66 ++++++++++++++-----
 packages/manager/src/featureFlags.ts          |  1 +
 .../DatabaseCreate/DatabaseCreate.tsx         | 18 +----
 .../DatabaseResize/DatabaseResize.test.tsx    |  4 +-
 ...atabaseResizeCurrentConfiguration.test.tsx |  4 +-
 .../DatabaseLanding/DatabaseLogo.tsx          | 43 ++++++++++++
 .../src/features/Databases/utilities.test.ts  | 38 ++++++++++-
 .../src/features/Databases/utilities.ts       | 14 +++-
 packages/manager/src/mocks/serverHandlers.ts  |  2 +-
 19 files changed, 197 insertions(+), 45 deletions(-)
 create mode 100644 packages/api-v4/.changeset/pr-10786-added-1723662117687.md
 create mode 100644 packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
 create mode 100644 packages/manager/src/assets/icons/db-logo.svg
 create mode 100644 packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx

diff --git a/packages/api-v4/.changeset/pr-10786-added-1723662117687.md b/packages/api-v4/.changeset/pr-10786-added-1723662117687.md
new file mode 100644
index 00000000000..960ca5330b4
--- /dev/null
+++ b/packages/api-v4/.changeset/pr-10786-added-1723662117687.md
@@ -0,0 +1,5 @@
+---
+"@linode/api-v4": Added
+---
+
+Managed Databases V2` capability and types ([#10786](https://github.com/linode/manager/pull/10786))
diff --git a/packages/api-v4/src/account/types.ts b/packages/api-v4/src/account/types.ts
index dad426d63d7..4e266b064e0 100644
--- a/packages/api-v4/src/account/types.ts
+++ b/packages/api-v4/src/account/types.ts
@@ -72,6 +72,7 @@ export type AccountCapability =
   | 'LKE HA Control Planes'
   | 'Machine Images'
   | 'Managed Databases'
+  | 'Managed Databases V2'
   | 'NodeBalancers'
   | 'Object Storage Access Key Regions'
   | 'Object Storage Endpoint Types'
diff --git a/packages/api-v4/src/databases/types.ts b/packages/api-v4/src/databases/types.ts
index 71c526be374..3221a8c61b6 100644
--- a/packages/api-v4/src/databases/types.ts
+++ b/packages/api-v4/src/databases/types.ts
@@ -81,9 +81,11 @@ export interface DatabaseInstance {
    * A key/value object where the key is an IP address and the value is a member type.
    */
   members: Record<string, MemberType>;
+  platform?: string;
 }
 
-export type ClusterSize = 1 | 3;
+export type ClusterSize = 1 | 2 | 3;
+
 type ReadonlyCount = 0 | 2;
 
 export type MySQLReplicationType = 'none' | 'semi_synch' | 'asynch';
diff --git a/packages/api-v4/src/regions/types.ts b/packages/api-v4/src/regions/types.ts
index cb159254e95..c17934076bb 100644
--- a/packages/api-v4/src/regions/types.ts
+++ b/packages/api-v4/src/regions/types.ts
@@ -12,6 +12,7 @@ export type Capabilities =
   | 'Kubernetes'
   | 'Linodes'
   | 'Managed Databases'
+  | 'Managed Databases V2'
   | 'Metadata'
   | 'NodeBalancers'
   | 'Object Storage'
diff --git a/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md b/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
new file mode 100644
index 00000000000..60c3e568960
--- /dev/null
+++ b/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Update DBaaS menu item with V1 or V2 capability, add mock data ([#10786](https://github.com/linode/manager/pull/10786))
diff --git a/packages/manager/src/__data__/regionsData.ts b/packages/manager/src/__data__/regionsData.ts
index 0a3ab6eaf2e..836fbcafea7 100644
--- a/packages/manager/src/__data__/regionsData.ts
+++ b/packages/manager/src/__data__/regionsData.ts
@@ -98,6 +98,7 @@ export const regions: Region[] = [
       'Vlans',
       'VPCs',
       'Managed Databases',
+      'Managed Databases V2',
       'Metadata',
       'Premium Plans',
       'Placement Group',
@@ -129,6 +130,7 @@ export const regions: Region[] = [
       'Vlans',
       'VPCs',
       'Managed Databases',
+      'Managed Databases V2',
       'Metadata',
       'Premium Plans',
     ],
@@ -484,6 +486,7 @@ export const regions: Region[] = [
       'VPCs',
       'Block Storage Migrations',
       'Managed Databases',
+      'Managed Databases V2',
       'Placement Group',
     ],
     country: 'us',
@@ -511,6 +514,7 @@ export const regions: Region[] = [
       'Cloud Firewall',
       'Block Storage Migrations',
       'Managed Databases',
+      'Managed Databases V2',
       'Placement Group',
     ],
     country: 'us',
@@ -542,6 +546,7 @@ export const regions: Region[] = [
       'VPCs',
       'Block Storage Migrations',
       'Managed Databases',
+      'Managed Databases V2',
       'Placement Group',
     ],
     country: 'us',
diff --git a/packages/manager/src/assets/icons/db-logo.svg b/packages/manager/src/assets/icons/db-logo.svg
new file mode 100644
index 00000000000..5776006d284
--- /dev/null
+++ b/packages/manager/src/assets/icons/db-logo.svg
@@ -0,0 +1,23 @@
+<svg width="59" height="18" viewBox="0 0 59 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_693_1607)">
+<path d="M13.7434 11.556C14.0539 11.556 14.3533 11.6115 14.6305 11.7113C15.074 11.2012 15.3069 10.6468 15.3069 10.0701C15.3069 9.12761 14.6637 8.21833 13.5105 7.50866C12.2686 6.75462 10.6053 6.33325 8.84216 6.33325C7.06797 6.33325 5.40466 6.75462 4.17381 7.50866C3.0095 8.21833 2.37744 9.12761 2.37744 10.0701C2.37744 10.6468 2.6103 11.2012 3.05385 11.7113C3.33107 11.6115 3.63047 11.556 3.94095 11.556C4.63954 11.556 5.29377 11.8222 5.78168 12.3212C6.12543 12.6649 6.35829 13.0863 6.46918 13.552C7.21212 13.7294 8.01051 13.8181 8.84216 13.8181C9.67381 13.8181 10.4611 13.7294 11.2151 13.552C11.326 13.0974 11.5589 12.6649 11.9026 12.3212C12.3905 11.8333 13.0448 11.556 13.7434 11.556ZM8.84216 9.38265C8.04377 9.38265 7.38954 8.72841 7.38954 7.93003H10.2948C10.2948 8.72841 9.64055 9.38265 8.84216 9.38265Z" fill="#303030"/>
+<path d="M3.808 6.83221C3.95215 6.7435 4.0963 6.66588 4.24046 6.58826H4.22937C3.86344 6.31104 3.43098 6.17798 2.99852 6.17798C2.37755 6.17798 1.76767 6.4552 1.36848 6.98745L1.20215 7.22032L2.35537 8.08524C2.7213 7.61951 3.20921 7.19814 3.808 6.83221Z" fill="#303030"/>
+<path d="M2.37754 12.0771C1.98943 11.5781 1.74548 11.0348 1.67895 10.4692C1.65677 10.3362 1.64568 10.2031 1.64568 10.07C1.64568 9.40471 1.86746 8.77266 2.27774 8.19604H2.13358C1.00254 8.19604 0.0932617 9.11641 0.0932617 10.2364V10.5247H1.61242C1.21322 10.8573 0.958181 11.312 0.891649 11.8221C0.814028 12.3654 0.958181 12.8977 1.29084 13.3301L1.41282 13.4964C1.52371 13.0529 1.75657 12.6537 2.08923 12.321C2.17794 12.2323 2.27774 12.1547 2.37754 12.0771Z" fill="#303030"/>
+<path d="M15.3182 8.08524L16.4714 7.22032L16.3051 6.98745C15.9059 6.4552 15.296 6.17798 14.675 6.17798C14.2426 6.17798 13.8212 6.31104 13.4442 6.58826H13.4331C13.5773 6.66588 13.7325 6.7435 13.8656 6.83221C14.4754 7.19814 14.9633 7.61951 15.3182 8.08524Z" fill="#303030"/>
+<path d="M17.5913 10.2364C17.5913 9.10532 16.6709 8.19604 15.5509 8.19604H15.3957C15.8171 8.77266 16.0278 9.4158 16.0278 10.07C16.0278 10.2031 16.0167 10.3362 15.9945 10.4692C15.9169 11.0348 15.6729 11.5781 15.2959 12.0771C15.3957 12.1547 15.4955 12.2323 15.5842 12.321C15.9169 12.6537 16.1497 13.0529 16.2606 13.4964L16.3826 13.3301C16.7153 12.8977 16.8594 12.3543 16.7818 11.8221C16.7153 11.312 16.4602 10.8462 16.061 10.5247H17.5802V10.2364H17.5913Z" fill="#303030"/>
+<path d="M6.38065 5.86751C7.5117 5.86751 8.42098 4.94715 8.42098 3.82719C8.42098 2.69614 7.50061 1.78687 6.38065 1.78687C5.24961 1.78687 4.34033 2.70723 4.34033 3.82719C4.34033 4.94715 5.26069 5.86751 6.38065 5.86751ZM6.38065 2.70723C6.24759 2.85138 6.15888 3.05098 6.15888 3.27275C6.15888 3.70521 6.51372 4.06005 6.94618 4.06005C7.16795 4.06005 7.36755 3.97134 7.5117 3.82719V3.83828C7.5117 4.45924 7.01271 4.95824 6.39174 4.95824C5.77078 4.95824 5.27178 4.45924 5.27178 3.83828C5.26069 3.20622 5.75969 2.70723 6.38065 2.70723Z" fill="#303030"/>
+<path d="M11.2928 5.86751C12.4238 5.86751 13.3331 4.94715 13.3331 3.82719C13.3331 2.69614 12.4127 1.78687 11.2928 1.78687C10.1617 1.78687 9.25244 2.70723 9.25244 3.82719C9.25244 4.94715 10.1728 5.86751 11.2928 5.86751ZM11.2928 2.70723C11.3039 2.70723 11.3039 2.70723 11.2928 2.70723C11.1597 2.85138 11.071 3.05098 11.071 3.27275C11.071 3.70521 11.4258 4.06005 11.8583 4.06005C12.0801 4.06005 12.2797 3.97134 12.4238 3.82719V3.83828C12.4238 4.45924 11.9248 4.95824 11.3039 4.95824C10.6829 4.95824 10.1839 4.45924 10.1839 3.83828C10.1728 3.20622 10.6829 2.70723 11.2928 2.70723Z" fill="#303030"/>
+<path d="M3.9412 12.1216C2.81015 12.1216 1.90088 13.0309 1.90088 14.1619C1.90088 15.293 2.81015 16.2022 3.9412 16.2022C4.17406 16.2022 4.40693 16.1579 4.61761 16.0803C4.59544 16.0581 4.57326 16.047 4.56217 16.0248C3.97447 15.4371 3.76378 14.672 4.11862 14.3282C4.46237 13.9845 5.22749 14.1841 5.81519 14.7718C5.83737 14.794 5.84846 14.8161 5.87064 14.8272C5.94826 14.6165 5.99261 14.3948 5.99261 14.1508C5.98152 13.0419 5.06116 12.1216 3.9412 12.1216Z" fill="#303030"/>
+<path d="M13.7434 12.1216C12.6124 12.1216 11.7031 13.0309 11.7031 14.1619C11.7031 14.3948 11.7475 14.6276 11.8251 14.8383C11.8473 14.8161 11.8584 14.794 11.8805 14.7829C12.4682 14.1952 13.2334 13.9845 13.5771 14.3393C13.9209 14.6831 13.7213 15.4482 13.1336 16.0359C13.1114 16.0581 13.1003 16.0692 13.0781 16.0913C13.2888 16.169 13.5106 16.2133 13.7545 16.2133C14.8856 16.2133 15.7949 15.304 15.7949 14.173C15.7838 13.0419 14.8745 12.1216 13.7434 12.1216Z" fill="#303030"/>
+<path d="M25.9068 6.37183C26.5389 6.37183 27.0711 6.44945 27.4925 6.60469C27.925 6.75993 28.2687 6.98171 28.5238 7.27001C28.7788 7.55832 28.9673 7.90207 29.0782 8.30126C29.1891 8.70046 29.2445 9.144 29.2445 9.63191V14.6218C28.9562 14.6884 28.5127 14.766 27.9139 14.8547C27.3262 14.9434 26.6498 14.9878 25.9068 14.9878C25.4189 14.9878 24.9643 14.9434 24.554 14.8436C24.1437 14.7549 23.8 14.5996 23.5117 14.389C23.2234 14.1783 23.0016 13.9011 22.8353 13.5684C22.6689 13.2357 22.5913 12.8144 22.5913 12.3265C22.5913 11.8496 22.68 11.4615 22.8685 11.1289C23.057 10.8073 23.301 10.5412 23.6115 10.3305C23.922 10.1309 24.2879 9.97566 24.7093 9.88695C25.1195 9.79824 25.552 9.75388 26.0066 9.75388C26.2173 9.75388 26.4391 9.76497 26.672 9.79824C26.9048 9.82042 27.1488 9.86477 27.4149 9.9313V9.62082C27.4149 9.39904 27.3927 9.18836 27.3373 8.98876C27.2818 8.78916 27.1931 8.61175 27.0601 8.4565C26.927 8.30126 26.7607 8.19037 26.5389 8.10166C26.3282 8.01296 26.051 7.97969 25.7294 7.97969C25.2859 7.97969 24.8867 8.01296 24.5207 8.07949C24.1548 8.14602 23.8554 8.21255 23.6226 8.30126L23.3897 6.75993C23.6336 6.67122 23.9774 6.5936 24.4431 6.50489C24.8867 6.41618 25.3746 6.37183 25.9068 6.37183ZM26.0621 13.4686C26.6498 13.4686 27.0933 13.4353 27.4038 13.3799V11.273C27.304 11.2398 27.1488 11.2065 26.9492 11.1843C26.7496 11.1511 26.5278 11.14 26.2838 11.14C26.0732 11.14 25.8625 11.1511 25.6518 11.1843C25.4411 11.2176 25.2415 11.273 25.0752 11.3617C24.8978 11.4505 24.7647 11.5613 24.6538 11.7166C24.554 11.8718 24.4986 12.0603 24.4986 12.2932C24.4986 12.7478 24.6427 13.0583 24.9199 13.2246C25.1972 13.3799 25.5742 13.4686 26.0621 13.4686Z" fill="#303030"/>
+<path d="M33.3807 4.17638C33.3807 4.53122 33.2698 4.81952 33.037 5.03021C32.8041 5.2409 32.538 5.34069 32.2164 5.34069C31.8948 5.34069 31.6176 5.2409 31.3848 5.03021C31.1519 4.81952 31.041 4.54231 31.041 4.17638C31.041 3.81045 31.1519 3.52215 31.3848 3.31146C31.6176 3.10077 31.8948 3.00098 32.2164 3.00098C32.5269 3.00098 32.8041 3.10077 33.037 3.31146C33.2588 3.52215 33.3807 3.81045 33.3807 4.17638ZM33.17 14.8105H31.2628V6.58263H33.17V14.8105Z" fill="#303030"/>
+<path d="M37.7164 14.8103C37.1952 13.7347 36.6519 12.4928 36.0974 11.0845C35.543 9.68736 35.044 8.17929 34.5894 6.58252H36.6186C36.7295 7.04825 36.8736 7.53615 37.0178 8.06841C37.173 8.60066 37.3283 9.13292 37.5057 9.65409C37.6831 10.1863 37.8605 10.6964 38.0379 11.1954C38.2265 11.6944 38.3928 12.138 38.548 12.5372C38.7033 12.138 38.8696 11.6944 39.0581 11.1954C39.2355 10.6964 39.4129 10.1863 39.5904 9.65409C39.7678 9.12183 39.9341 8.58958 40.0894 8.06841C40.2446 7.53615 40.3887 7.04825 40.4996 6.58252H42.4623C42.0077 8.19038 41.5087 9.68736 40.9543 11.0845C40.3998 12.4817 39.8565 13.7236 39.3353 14.8103H37.7164Z" fill="#303030"/>
+<path d="M42.9058 10.7298C42.9058 10.009 43.0166 9.37697 43.2273 8.82253C43.438 8.27919 43.7263 7.82455 44.0812 7.45862C44.436 7.09269 44.8463 6.82657 45.312 6.63806C45.7777 6.44955 46.2435 6.36084 46.7314 6.36084C47.8624 6.36084 48.7495 6.71568 49.3816 7.41427C50.0136 8.11286 50.3352 9.16628 50.3352 10.5635C50.3352 10.6633 50.3352 10.7852 50.3241 10.9183C50.3241 11.0514 50.313 11.1623 50.3019 11.2731H44.8796C44.935 11.9385 45.1679 12.4485 45.5781 12.8034C45.9884 13.1693 46.5983 13.3467 47.3745 13.3467C47.8402 13.3467 48.2616 13.3024 48.6386 13.2248C49.0267 13.136 49.3261 13.0473 49.5479 12.9586L49.8029 14.511C49.7031 14.5665 49.559 14.6219 49.3705 14.6774C49.182 14.7328 48.9824 14.7883 48.7384 14.8326C48.5056 14.877 48.2505 14.9213 47.9733 14.9546C47.6961 14.9879 47.4189 14.9989 47.1417 14.9989C46.4209 14.9989 45.7888 14.8881 45.2566 14.6774C44.7243 14.4667 44.2808 14.1673 43.937 13.7792C43.5933 13.3911 43.3382 12.9475 43.1608 12.4264C42.9945 11.9163 42.9058 11.3508 42.9058 10.7298ZM48.4279 9.88705C48.4279 9.62092 48.3947 9.37697 48.3171 9.14411C48.2394 8.91124 48.1396 8.70056 47.9955 8.53423C47.8513 8.35681 47.685 8.22374 47.4743 8.12394C47.2747 8.02415 47.0308 7.97979 46.7425 7.97979C46.4541 7.97979 46.188 8.03523 45.9662 8.14612C45.7445 8.25701 45.556 8.40116 45.4118 8.57858C45.2566 8.756 45.1457 8.96669 45.057 9.18846C44.9683 9.42132 44.9128 9.65419 44.8796 9.89814H48.4279V9.88705Z" fill="#303030"/>
+<path d="M52.0317 6.84882C52.3977 6.74902 52.8745 6.64923 53.4622 6.54943C54.0499 6.44963 54.7041 6.40527 55.4138 6.40527C56.0902 6.40527 56.6446 6.49398 57.0993 6.68249C57.5539 6.871 57.9088 7.12604 58.1749 7.4587C58.441 7.79136 58.6295 8.19056 58.7404 8.65628C58.8513 9.12201 58.9067 9.63209 58.9067 10.1865V14.8105H56.9995V10.4859C56.9995 10.0424 56.9662 9.66535 56.9108 9.36596C56.8553 9.05548 56.7555 8.80044 56.6225 8.61193C56.4894 8.42342 56.312 8.27927 56.0902 8.19056C55.8684 8.10185 55.5912 8.05749 55.2696 8.05749C55.0257 8.05749 54.7817 8.06858 54.5156 8.10185C54.2495 8.13511 54.061 8.15729 53.939 8.17947V14.8105H52.0317V6.84882Z" fill="#303030"/>
+</g>
+<defs>
+<clipPath id="clip0_693_1607">
+<rect width="58.8135" height="16.4264" fill="white" transform="translate(0.0932617 0.786865)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx b/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx
index 65233b9bed3..e28aca7b644 100644
--- a/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx
+++ b/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx
@@ -187,7 +187,7 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
           hide: !isDatabasesEnabled,
           href: '/databases',
           icon: <Database />,
-          isBeta: flags.databaseBeta,
+          isBeta: flags.dbaasV2?.beta,
         },
         {
           activeLinks: ['/kubernetes/create'],
@@ -249,7 +249,7 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
       isDatabasesEnabled,
       isManaged,
       allowMarketplacePrefetch,
-      flags.databaseBeta,
+      flags.dbaasV2,
       isPlacementGroupsEnabled,
       flags.placementGroups,
       isACLPEnabled,
diff --git a/packages/manager/src/dev-tools/FeatureFlagTool.tsx b/packages/manager/src/dev-tools/FeatureFlagTool.tsx
index 3de0659ba92..67de298235c 100644
--- a/packages/manager/src/dev-tools/FeatureFlagTool.tsx
+++ b/packages/manager/src/dev-tools/FeatureFlagTool.tsx
@@ -32,6 +32,8 @@ const options: { flag: keyof Flags; label: string }[] = [
   { flag: 'placementGroups', label: 'Placement Groups' },
   { flag: 'selfServeBetas', label: 'Self Serve Betas' },
   { flag: 'supportTicketSeverity', label: 'Support Ticket Severity' },
+  { flag: 'dbaasV2', label: 'Databases V2 Beta' },
+  { flag: 'databaseResize', label: 'Database Resize' },
 ];
 
 export const FeatureFlagTool = withFeatureFlagProvider(() => {
diff --git a/packages/manager/src/factories/account.ts b/packages/manager/src/factories/account.ts
index eff241f37d5..241deeea45f 100644
--- a/packages/manager/src/factories/account.ts
+++ b/packages/manager/src/factories/account.ts
@@ -45,7 +45,7 @@ export const accountFactory = Factory.Sync.makeFactory<Account>({
     'Linodes',
     'LKE HA Control Planes',
     'Machine Images',
-    'Managed Databases',
+    'Managed Databases V2',
     'NodeBalancers',
     'Object Storage Access Key Regions',
     'Object Storage Endpoint Types',
diff --git a/packages/manager/src/factories/databases.ts b/packages/manager/src/factories/databases.ts
index b9188b54d62..87ee964126f 100644
--- a/packages/manager/src/factories/databases.ts
+++ b/packages/manager/src/factories/databases.ts
@@ -1,17 +1,20 @@
-import {
+import { v4 } from 'uuid';
+
+import Factory from 'src/factories/factoryProxy';
+import { pickRandom, randomDate } from 'src/utilities/random';
+
+import type {
+  ClusterSize,
   Database,
   DatabaseBackup,
   DatabaseEngine,
   DatabaseInstance,
   DatabaseStatus,
   DatabaseType,
+  Engine,
   MySQLReplicationType,
   PostgresReplicationType,
 } from '@linode/api-v4/lib/databases/types';
-import Factory from 'src/factories/factoryProxy';
-import { v4 } from 'uuid';
-
-import { pickRandom, randomDate } from 'src/utilities/random';
 
 // These are not all of the possible statuses, but these are some common ones.
 export const possibleStatuses: DatabaseStatus[] = [
@@ -35,10 +38,35 @@ export const possiblePostgresReplicationTypes: PostgresReplicationType[] = [
   'asynch',
 ];
 
+export const possibleTypes: string[] = [
+  'g6-nanode-1',
+  'g6-standard-2',
+  'g6-standard-4',
+  'g6-standard-6',
+  'g6-standard-20',
+  'g6-dedicated-32',
+  'g6-dedicated-50',
+  'g6-dedicated-56',
+  'g6-dedicated-64',
+];
+
+export const possibleRegions: string[] = [
+  'ap-south',
+  'ap-southeast',
+  'ap-west',
+  'ca-central',
+  'eu-central',
+  'fr-par',
+  'us-east',
+  'us-iad',
+  'us-ord',
+];
+
 export const IPv4List = ['192.0.2.1', '196.0.0.0', '198.0.0.2'];
 
 export const databaseTypeFactory = Factory.Sync.makeFactory<DatabaseType>({
   class: 'standard',
+  disk: Factory.each((i) => i * 20480),
   engines: {
     mongodb: [
       {
@@ -134,32 +162,38 @@ export const databaseTypeFactory = Factory.Sync.makeFactory<DatabaseType>({
     ],
   },
   id: Factory.each((i) => `g6-standard-${i}`),
-  disk: Factory.each((i) => i * 20480),
   label: Factory.each((i) => `Linode ${i} GB`),
   memory: Factory.each((i) => i * 2048),
   vcpus: Factory.each((i) => i * 2),
 });
 
+const adb10 = (i: number) => i % 2 === 0;
+
 export const databaseInstanceFactory = Factory.Sync.makeFactory<DatabaseInstance>(
   {
-    cluster_size: Factory.each(() => pickRandom([1, 3])),
+    cluster_size: Factory.each((i) =>
+      adb10(i)
+        ? ([1, 3][i % 2] as ClusterSize)
+        : ([1, 2, 3][i % 3] as ClusterSize)
+    ),
     created: '2021-12-09T17:15:12',
-    engine: 'mysql',
+    engine: Factory.each((i) => ['mysql', 'postgresql'][i % 2] as Engine),
     hosts: {
-      primary: 'db-mysql-primary-0.b.linodeb.net',
-      secondary: 'db-mysql-secondary-0.b.linodeb.net',
+      primary: 'db-primary-0.b.linodeb.net',
+      secondary: 'db-secondary-0.b.linodeb.net',
     },
     id: Factory.each((i) => i),
     instance_uri: '',
-    label: Factory.each((i) => `database-${i}`),
+    label: Factory.each((i) => `example.com-database-${i}`),
     members: {
       '2.2.2.2': 'primary',
     },
-    region: 'us-east',
-    status: Factory.each(() => pickRandom(possibleStatuses)),
-    type: databaseTypeFactory.build().id,
+    platform: Factory.each((i) => (adb10(i) ? 'adb10' : 'adb20')),
+    region: Factory.each((i) => possibleRegions[i % possibleRegions.length]),
+    status: Factory.each((i) => possibleStatuses[i % possibleStatuses.length]),
+    type: Factory.each((i) => possibleTypes[i % possibleTypes.length]),
     updated: '2021-12-16T17:15:12',
-    version: '5.8.13',
+    version: Factory.each((i) => ['8.0.30', '15.7'][i % 2]),
   }
 );
 
@@ -189,7 +223,7 @@ export const databaseFactory = Factory.Sync.makeFactory<Database>({
   ssl_connection: false,
   status: pickRandom(possibleStatuses),
   total_disk_size_gb: 15,
-  type: 'g6-standard-0',
+  type: 'g6-nanode-1',
   updated: '2021-12-16T17:15:12',
   updates: {
     day_of_week: 1,
diff --git a/packages/manager/src/featureFlags.ts b/packages/manager/src/featureFlags.ts
index 1e8c9db05dd..fc9989379ae 100644
--- a/packages/manager/src/featureFlags.ts
+++ b/packages/manager/src/featureFlags.ts
@@ -90,6 +90,7 @@ export interface Flags {
   databaseBeta: boolean;
   databaseResize: boolean;
   databases: boolean;
+  dbaasV2: BetaFeatureFlag;
   disableLargestGbPlans: boolean;
   eventMessagesV2: boolean;
   gecko: boolean; // @TODO gecko: delete this after next release
diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx
index db6e037c3dd..349347ce978 100644
--- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx
+++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx
@@ -76,6 +76,7 @@ const useStyles = makeStyles()((theme: Theme) => ({
     },
   },
   chip: {
+    marginLeft: 6,
     marginTop: 4,
   },
   createBtn: {
@@ -452,7 +453,7 @@ const DatabaseCreate = () => {
             },
           ],
           labelOptions: {
-            suffixComponent: flags.databaseBeta ? (
+            suffixComponent: flags.dbaasV2?.beta ? (
               <BetaChip className={classes.chip} component="span" />
             ) : null,
           },
@@ -564,21 +565,6 @@ const DatabaseCreate = () => {
               ))}
             </RadioGroup>
           </FormControl>
-          <Grid md={8} xs={12}>
-            {flags.databaseBeta ? (
-              <Notice className={classes.notice} variant="info">
-                <strong>
-                  Notice: There is no charge for database clusters during beta.
-                </strong>{' '}
-                Database clusters will be subject to charges when the beta
-                period ends on May 2nd, 2022.{' '}
-                <Link to="https://www.linode.com/pricing/#databases">
-                  View pricing
-                </Link>
-                .
-              </Notice>
-            ) : undefined}
-          </Grid>
         </Grid>
         <Divider spacingBottom={12} spacingTop={26} />
         <Grid>
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.test.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.test.tsx
index 820807f5139..f9ed2e10136 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.test.tsx
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.test.tsx
@@ -38,7 +38,7 @@ describe('database resize', () => {
     const standardTypes = [
       databaseTypeFactory.build({
         class: 'nanode',
-        id: 'g6-standard-0',
+        id: 'g6-nanode-1',
         label: `Nanode 1 GB`,
         memory: 1024,
       }),
@@ -75,7 +75,7 @@ describe('database resize', () => {
       const standardTypes = [
         databaseTypeFactory.build({
           class: 'nanode',
-          id: 'g6-standard-0',
+          id: 'g6-nanode-1',
           label: `Nanode 1 GB`,
           memory: 1024,
         }),
diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.test.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.test.tsx
index e997f5786cf..5c59d59b338 100644
--- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.test.tsx
+++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.test.tsx
@@ -28,7 +28,7 @@ describe('database current configuration section', () => {
     const standardTypes = [
       databaseTypeFactory.build({
         class: 'nanode',
-        id: 'g6-standard-0',
+        id: 'g6-nanode-1',
         label: `Nanode 1 GB`,
         memory: 1024,
       }),
@@ -63,7 +63,7 @@ describe('database current configuration section', () => {
     getByText('1 GB');
 
     getByText('CPUs');
-    getByText('4');
+    getByText('2');
 
     getByText('Total Disk Size');
     getByText('15 GB');
diff --git a/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx b/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx
new file mode 100644
index 00000000000..bce0caa0a2b
--- /dev/null
+++ b/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import Logo from 'src/assets/icons/db-logo.svg';
+import { BetaChip } from 'src/components/BetaChip/BetaChip';
+import { Box } from 'src/components/Box';
+import { Typography } from 'src/components/Typography';
+
+import type { Theme } from '@mui/material/styles';
+
+interface Props {
+  style?: React.CSSProperties;
+}
+
+const useStyles = makeStyles()((theme: Theme) => ({
+  betaChip: {
+    backgroundColor: '#727272',
+    color: theme.color.white,
+  },
+  logo: {
+    color: '#32363C',
+    display: 'flex',
+    marginTop: '8px',
+  },
+}));
+
+export const DatabaseLogo = ({ style }: Props) => {
+  const { classes } = useStyles();
+  return (
+    <Box
+      display="flex"
+      justifyContent="center"
+      sx={style ? style : { margin: '20px' }}
+    >
+      <Typography sx={{ display: 'inline-block', textAlign: 'center' }}>
+        <BetaChip className={classes.betaChip} component="span" />
+        <span className={classes.logo}>
+          Powered by <Logo />
+        </span>
+      </Typography>
+    </Box>
+  );
+};
diff --git a/packages/manager/src/features/Databases/utilities.test.ts b/packages/manager/src/features/Databases/utilities.test.ts
index c7171996fcb..dd981780f18 100644
--- a/packages/manager/src/features/Databases/utilities.test.ts
+++ b/packages/manager/src/features/Databases/utilities.test.ts
@@ -8,7 +8,7 @@ import { wrapWithTheme } from 'src/utilities/testHelpers';
 import { useIsDatabasesEnabled } from './utilities';
 
 describe('useIsDatabasesEnabled', () => {
-  it('should return true for an unrestricted user with the account capability', async () => {
+  it('should return true for an unrestricted user with the account capability V1', async () => {
     const account = accountFactory.build({
       capabilities: ['Managed Databases'],
     });
@@ -20,10 +20,42 @@ describe('useIsDatabasesEnabled', () => {
     );
 
     const { result } = renderHook(() => useIsDatabasesEnabled(), {
-      wrapper: wrapWithTheme,
+      wrapper: (ui) =>
+        wrapWithTheme(ui, {
+          flags: { dbaasV2: { beta: false, enabled: false } },
+        }),
     });
 
-    await waitFor(() => expect(result.current.isDatabasesEnabled).toBe(true));
+    await waitFor(() => {
+      expect(result.current.isDatabasesEnabled).toBe(true);
+      expect(result.current.isDatabasesV1Enabled).toBe(true);
+      expect(result.current.isDatabasesV2Enabled).toBe(false);
+    });
+  });
+
+  it('should return true for an unrestricted user with the account capability V2', async () => {
+    const account = accountFactory.build({
+      capabilities: ['Managed Databases V2'],
+    });
+
+    server.use(
+      http.get('*/v4/account', () => {
+        return HttpResponse.json(account);
+      })
+    );
+
+    const { result } = renderHook(() => useIsDatabasesEnabled(), {
+      wrapper: (ui) =>
+        wrapWithTheme(ui, {
+          flags: { dbaasV2: { beta: true, enabled: true } },
+        }),
+    });
+
+    await waitFor(() => {
+      expect(result.current.isDatabasesEnabled).toBe(true);
+      expect(result.current.isDatabasesV1Enabled).toBe(false);
+      expect(result.current.isDatabasesV2Enabled).toBe(true);
+    });
   });
 
   it('should return false for an unrestricted user without the account capability', async () => {
diff --git a/packages/manager/src/features/Databases/utilities.ts b/packages/manager/src/features/Databases/utilities.ts
index 6fa5593aeaa..73e64f1f8e3 100644
--- a/packages/manager/src/features/Databases/utilities.ts
+++ b/packages/manager/src/features/Databases/utilities.ts
@@ -1,3 +1,4 @@
+import { useFlags } from 'src/hooks/useFlags';
 import { useAccount } from 'src/queries/account/account';
 import { useDatabaseEnginesQuery } from 'src/queries/databases/databases';
 
@@ -24,10 +25,21 @@ export const useIsDatabasesEnabled = () => {
   const checkRestrictedUser = !account;
 
   const { data: engines } = useDatabaseEnginesQuery(checkRestrictedUser);
+  const flags = useFlags();
 
   if (account) {
+    const isDatabasesV1Enabled = account.capabilities.includes(
+      'Managed Databases'
+    );
+
+    const isDatabasesV2Enabled =
+      account.capabilities.includes('Managed Databases V2') &&
+      flags.dbaasV2?.enabled;
+
     return {
-      isDatabasesEnabled: account.capabilities.includes('Managed Databases'),
+      isDatabasesEnabled: isDatabasesV1Enabled || isDatabasesV2Enabled,
+      isDatabasesV1Enabled,
+      isDatabasesV2Enabled,
     };
   }
 
diff --git a/packages/manager/src/mocks/serverHandlers.ts b/packages/manager/src/mocks/serverHandlers.ts
index 5d66dcc0d6b..f7e7af06432 100644
--- a/packages/manager/src/mocks/serverHandlers.ts
+++ b/packages/manager/src/mocks/serverHandlers.ts
@@ -189,7 +189,7 @@ const entityTransfers = [
 
 const databases = [
   http.get('*/databases/instances', () => {
-    const databases = databaseInstanceFactory.buildList(5);
+    const databases = databaseInstanceFactory.buildList(9);
     return HttpResponse.json(makeResourcePage(databases));
   }),
 

From 484e6f696a77e78ac62d9b75e3ae3b5c27cb9835 Mon Sep 17 00:00:00 2001
From: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
Date: Fri, 23 Aug 2024 15:30:30 -0400
Subject: [PATCH 19/49] fix: [M3-8477] - Event handlers making a proportional
 number of GET requests to the number of incoming events (#10824)

* wrap invalidate queries

* Added changeset: Event handlers making a proportional number of GET requests to the number of incoming events

* add cypress test that would have caught bug

* link PR for context

---------

Co-authored-by: Banks Nussman <banks@nussman.us>
---
 .../pr-10824-fixed-1724428840947.md           |  5 ++
 .../events-fetching.spec.ts                   | 42 ++++++++++++++
 .../manager/src/hooks/EventHandlerData.ts     |  0
 .../manager/src/hooks/useEventHandlers.ts     | 18 +++++-
 .../manager/src/queries/account/billing.ts    |  7 ++-
 packages/manager/src/queries/account/oauth.ts |  6 +-
 .../manager/src/queries/databases/events.ts   |  6 +-
 packages/manager/src/queries/domains.ts       |  8 +--
 packages/manager/src/queries/firewalls.ts     | 33 +++++------
 packages/manager/src/queries/images.ts        |  8 +--
 .../manager/src/queries/linodes/events.ts     | 56 ++++++++++---------
 packages/manager/src/queries/nodebalancers.ts |  8 +--
 .../manager/src/queries/profile/profile.ts    |  6 +-
 .../manager/src/queries/profile/tokens.ts     |  6 +-
 packages/manager/src/queries/stackscripts.ts  |  6 +-
 packages/manager/src/queries/support.ts       |  6 +-
 .../manager/src/queries/volumes/events.ts     |  8 +--
 17 files changed, 145 insertions(+), 84 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10824-fixed-1724428840947.md
 create mode 100644 packages/manager/cypress/e2e/core/notificationsAndEvents/events-fetching.spec.ts
 create mode 100644 packages/manager/src/hooks/EventHandlerData.ts

diff --git a/packages/manager/.changeset/pr-10824-fixed-1724428840947.md b/packages/manager/.changeset/pr-10824-fixed-1724428840947.md
new file mode 100644
index 00000000000..94eda937dd4
--- /dev/null
+++ b/packages/manager/.changeset/pr-10824-fixed-1724428840947.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Event handlers making a proportional number of GET requests to the number of incoming events ([#10824](https://github.com/linode/manager/pull/10824))
diff --git a/packages/manager/cypress/e2e/core/notificationsAndEvents/events-fetching.spec.ts b/packages/manager/cypress/e2e/core/notificationsAndEvents/events-fetching.spec.ts
new file mode 100644
index 00000000000..e1f3804b6a5
--- /dev/null
+++ b/packages/manager/cypress/e2e/core/notificationsAndEvents/events-fetching.spec.ts
@@ -0,0 +1,42 @@
+import { eventFactory } from 'src/factories';
+import { mockGetEvents } from 'support/intercepts/events';
+import { mockGetVolumes } from 'support/intercepts/volumes';
+
+describe('Event Handlers', () => {
+  it('invokes event handlers when new events are polled and makes the correct number of requests', () => {
+    // See https://github.com/linode/manager/pull/10824
+
+    mockGetEvents([]).as('getEvents');
+    mockGetVolumes([]).as('getInitialVolumes');
+
+    cy.visitWithLogin('/volumes');
+
+    // Wait for the initial events fetch and initial volumes fetch
+    cy.wait(['@getEvents', '@getInitialVolumes']);
+
+    // Wait for the first polling interval to happen
+    cy.wait('@getEvents');
+
+    const polledEvents = [
+      eventFactory.build({ action: 'volume_update', status: 'notification' }),
+      eventFactory.build({ action: 'volume_update', status: 'notification' }),
+      eventFactory.build({ action: 'volume_update', status: 'notification' }),
+    ];
+
+    // Pretend a volume was updated 3 times in a row
+    mockGetEvents(polledEvents).as('getEvents');
+
+    // Intercept GET volumes so we can later check how many times it is fetched
+    mockGetVolumes([]).as('getVolumes');
+
+    // Wait for volume update events to be polled
+    cy.wait('@getEvents');
+
+    // On the next interval, mock no new events
+    mockGetEvents([]).as('getEvents');
+    cy.wait('@getEvents');
+
+    // Finally, verify the volume endpoint was only fetched once
+    cy.get('@getVolumes.all').should('have.length', 1);
+  });
+});
diff --git a/packages/manager/src/hooks/EventHandlerData.ts b/packages/manager/src/hooks/EventHandlerData.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/manager/src/hooks/useEventHandlers.ts b/packages/manager/src/hooks/useEventHandlers.ts
index da32d9a3059..9f6312c36ea 100644
--- a/packages/manager/src/hooks/useEventHandlers.ts
+++ b/packages/manager/src/hooks/useEventHandlers.ts
@@ -16,10 +16,14 @@ import { supportTicketEventHandler } from 'src/queries/support';
 import { volumeEventsHandler } from 'src/queries/volumes/events';
 
 import type { Event } from '@linode/api-v4';
-import type { QueryClient } from '@tanstack/react-query';
+import type {
+  InvalidateQueryFilters,
+  QueryClient,
+} from '@tanstack/react-query';
 
 export interface EventHandlerData {
   event: Event;
+  invalidateQueries: (filters: InvalidateQueryFilters) => Promise<void>;
   queryClient: QueryClient;
 }
 
@@ -91,6 +95,16 @@ export const eventHandlers: {
 export const useEventHandlers = () => {
   const queryClient = useQueryClient();
 
+  /*
+   * We wrap invalidateQueries because we need to enforce some options.
+   *
+   * We set `cancelRefetch` to `false` because it ensures no refetch will
+   * be made if there is already a request running. This is important for
+   * event handlers because they are envoked once for every event polled.
+   */
+  const invalidateQueries = (filters: InvalidateQueryFilters) =>
+    queryClient.invalidateQueries(filters, { cancelRefetch: false });
+
   /**
    * Given an event, this function finds the corresponding
    * event handler and invokes it.
@@ -98,7 +112,7 @@ export const useEventHandlers = () => {
   const handleEvent = (event: Event) => {
     for (const eventHandler of eventHandlers) {
       if (eventHandler.filter(event)) {
-        eventHandler.handler({ event, queryClient });
+        eventHandler.handler({ event, invalidateQueries, queryClient });
         return;
       }
     }
diff --git a/packages/manager/src/queries/account/billing.ts b/packages/manager/src/queries/account/billing.ts
index 0b85e8c0cc2..9eddbf90160 100644
--- a/packages/manager/src/queries/account/billing.ts
+++ b/packages/manager/src/queries/account/billing.ts
@@ -29,9 +29,12 @@ export const useAllAccountPayments = (
   });
 };
 
-export const taxIdEventHandler = ({ event, queryClient }: EventHandlerData) => {
+export const taxIdEventHandler = ({
+  event,
+  invalidateQueries,
+}: EventHandlerData) => {
   if (event.action === 'tax_id_invalid' || event.action === 'tax_id_valid') {
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: accountQueries.notifications.queryKey,
     });
   }
diff --git a/packages/manager/src/queries/account/oauth.ts b/packages/manager/src/queries/account/oauth.ts
index 653b2aa1de0..50a0fd75b88 100644
--- a/packages/manager/src/queries/account/oauth.ts
+++ b/packages/manager/src/queries/account/oauth.ts
@@ -70,10 +70,12 @@ export const useUpdateOAuthClientMutation = (id: string) => {
   });
 };
 
-export const oauthClientsEventHandler = ({ queryClient }: EventHandlerData) => {
+export const oauthClientsEventHandler = ({
+  invalidateQueries,
+}: EventHandlerData) => {
   // We may over-fetch because on `onSuccess` also invalidates, but this will be
   // good for UX because Cloud will always be up to date
-  queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: accountQueries.oauthClients._def,
   });
 };
diff --git a/packages/manager/src/queries/databases/events.ts b/packages/manager/src/queries/databases/events.ts
index c138284e787..33644af4a58 100644
--- a/packages/manager/src/queries/databases/events.ts
+++ b/packages/manager/src/queries/databases/events.ts
@@ -7,10 +7,10 @@ import type { EventHandlerData } from 'src/hooks/useEventHandlers';
 
 export const databaseEventsHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   if (['failed', 'finished', 'notification'].includes(event.status)) {
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: databaseQueries.databases.queryKey,
     });
 
@@ -35,7 +35,7 @@ export const databaseEventsHandler = ({
         );
       }
 
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: databaseQueries.database(engine as Engine, event.entity.id)
           .queryKey,
       });
diff --git a/packages/manager/src/queries/domains.ts b/packages/manager/src/queries/domains.ts
index 41ab63b8be9..527ac5637c4 100644
--- a/packages/manager/src/queries/domains.ts
+++ b/packages/manager/src/queries/domains.ts
@@ -186,7 +186,7 @@ export const useUpdateDomainMutation = () => {
 
 export const domainEventsHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   const domainId = event.entity?.id;
 
@@ -196,17 +196,17 @@ export const domainEventsHandler = ({
 
   if (event.action.startsWith('domain_record')) {
     // Invalidate the domain's records because they may have changed
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: domainQueries.domain(domainId)._ctx.records.queryKey,
     });
   } else {
     // Invalidate paginated lists
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: domainQueries.domains.queryKey,
     });
 
     // Invalidate the domain's details
-    queryClient.invalidateQueries({
+    invalidateQueries({
       exact: true,
       queryKey: domainQueries.domain(domainId).queryKey,
     });
diff --git a/packages/manager/src/queries/firewalls.ts b/packages/manager/src/queries/firewalls.ts
index 6ad96e8ba59..bda609a9819 100644
--- a/packages/manager/src/queries/firewalls.ts
+++ b/packages/manager/src/queries/firewalls.ts
@@ -408,6 +408,7 @@ export const useUpdateFirewallRulesMutation = (firewallId: number) => {
 
 export const firewallEventsHandler = ({
   event,
+  invalidateQueries,
   queryClient,
 }: EventHandlerData) => {
   if (!event.entity) {
@@ -418,7 +419,7 @@ export const firewallEventsHandler = ({
   switch (event.action) {
     case 'firewall_delete':
       // Invalidate firewall lists
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewalls.queryKey,
       });
 
@@ -428,7 +429,7 @@ export const firewallEventsHandler = ({
       });
     case 'firewall_create':
       // Invalidate firewall lists
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewalls.queryKey,
       });
     case 'firewall_device_add':
@@ -438,13 +439,9 @@ export const firewallEventsHandler = ({
 
       // If a Linode is added or removed as a firewall device, invalidate it's firewalls
       if (event.secondary_entity && event.secondary_entity.type === 'linode') {
-        queryClient.invalidateQueries({
-          queryKey: [
-            'linodes',
-            'linode',
-            event.secondary_entity.id,
-            'firewalls',
-          ],
+        invalidateQueries({
+          queryKey: linodeQueries.linode(event.secondary_entity.id)._ctx
+            .firewalls.queryKey,
         });
       }
 
@@ -453,23 +450,19 @@ export const firewallEventsHandler = ({
         event.secondary_entity &&
         event.secondary_entity.type === 'nodebalancer'
       ) {
-        queryClient.invalidateQueries({
-          queryKey: [
-            'nodebalancers',
-            'nodebalancer',
-            event.secondary_entity.id,
-            'firewalls',
-          ],
+        invalidateQueries({
+          queryKey: nodebalancerQueries.nodebalancer(event.secondary_entity.id)
+            ._ctx.firewalls.queryKey,
         });
       }
 
       // Invalidate the firewall
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewall(event.entity.id).queryKey,
       });
 
       // Invalidate firewall lists
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewalls.queryKey,
       });
     case 'firewall_disable':
@@ -477,11 +470,11 @@ export const firewallEventsHandler = ({
     case 'firewall_rules_update':
     case 'firewall_update':
       // invalidate the firewall
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewall(event.entity.id).queryKey,
       });
       // Invalidate firewall lists
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: firewallQueries.firewalls.queryKey,
       });
   }
diff --git a/packages/manager/src/queries/images.ts b/packages/manager/src/queries/images.ts
index 5df6ed104f1..e79b1d5ed9b 100644
--- a/packages/manager/src/queries/images.ts
+++ b/packages/manager/src/queries/images.ts
@@ -174,13 +174,13 @@ export const useUpdateImageRegionsMutation = (imageId: string) => {
 
 export const imageEventsHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   if (['failed', 'finished', 'notification'].includes(event.status)) {
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: imageQueries.all._def,
     });
-    queryClient.invalidateQueries({ queryKey: imageQueries.paginated._def });
+    invalidateQueries({ queryKey: imageQueries.paginated._def });
 
     if (event.entity) {
       /*
@@ -194,7 +194,7 @@ export const imageEventsHandler = ({
        */
 
       const imageId = `private/${event.entity.id}`;
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: imageQueries.image(imageId).queryKey,
       });
     }
diff --git a/packages/manager/src/queries/linodes/events.ts b/packages/manager/src/queries/linodes/events.ts
index 7f44a64ba75..cfcf2151a77 100644
--- a/packages/manager/src/queries/linodes/events.ts
+++ b/packages/manager/src/queries/linodes/events.ts
@@ -14,6 +14,7 @@ import type { EventHandlerData } from 'src/hooks/useEventHandlers';
  */
 export const linodeEventsHandler = ({
   event,
+  invalidateQueries,
   queryClient,
 }: EventHandlerData) => {
   const linodeId = event.entity?.id;
@@ -29,7 +30,7 @@ export const linodeEventsHandler = ({
   // Some Linode events are an indication that the reponse from /v4/account/notifications
   // has changed, so refetch notifications.
   if (shouldRequestNotifications(event)) {
-    queryClient.invalidateQueries(accountQueries.notifications);
+    invalidateQueries(accountQueries.notifications);
   }
 
   switch (event.action) {
@@ -43,65 +44,63 @@ export const linodeEventsHandler = ({
     case 'linode_resize_warm_create':
     case 'linode_reboot':
     case 'linode_update':
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
       return;
     case 'linode_boot':
     case 'linode_shutdown':
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
       // Ensure configs are fresh when Linode is booted up (see https://github.com/linode/manager/pull/9914)
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.configs.queryKey,
       });
       return;
     case 'linode_snapshot':
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
-      queryClient.invalidateQueries(
-        linodeQueries.linode(linodeId)._ctx.backups
-      );
+      invalidateQueries(linodeQueries.linode(linodeId)._ctx.backups);
       return;
     case 'linode_addip':
     case 'linode_deleteip':
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.ips.queryKey,
       });
-      queryClient.invalidateQueries({
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
       return;
     case 'linode_create':
     case 'linode_clone':
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.disks.queryKey,
       });
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
       return;
     case 'linode_rebuild':
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.disks.queryKey,
       });
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.configs.queryKey,
       });
-      queryClient.invalidateQueries(linodeQueries.linodes);
-      queryClient.invalidateQueries({
+      invalidateQueries(linodeQueries.linodes);
+      invalidateQueries({
         exact: true,
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
@@ -110,20 +109,20 @@ export const linodeEventsHandler = ({
       queryClient.removeQueries({
         queryKey: linodeQueries.linode(linodeId).queryKey,
       });
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linodes.queryKey,
       });
       // A Linode made have been on a Firewall's device list, but now that it is deleted,
       // it will no longer be listed as a device on that firewall. Here, we invalidate outdated firewall data.
-      queryClient.invalidateQueries({ queryKey: firewallQueries._def });
+      invalidateQueries({ queryKey: firewallQueries._def });
       // A Linode may have been attached to a Volume, but deleted. We need to refetch volumes data so that
       // the Volumes table does not show a Volume attached to a non-existant Linode.
-      queryClient.invalidateQueries({ queryKey: volumeQueries.lists.queryKey });
+      invalidateQueries({ queryKey: volumeQueries.lists.queryKey });
       return;
     case 'linode_config_create':
     case 'linode_config_delete':
     case 'linode_config_update':
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: linodeQueries.linode(linodeId)._ctx.configs.queryKey,
       });
       return;
@@ -136,14 +135,17 @@ export const linodeEventsHandler = ({
  * Disks have their own handler beacuse the actions are not prefixed with "linode_".
  * They are prefixed with "disk_". For example "disk_create" or "disk_delete".
  */
-export const diskEventHandler = ({ event, queryClient }: EventHandlerData) => {
+export const diskEventHandler = ({
+  event,
+  invalidateQueries,
+}: EventHandlerData) => {
   const linodeId = event.entity?.id;
 
   if (!linodeId || ['scheduled', 'started'].includes(event.status)) {
     return;
   }
 
-  queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: linodeQueries.linode(linodeId)._ctx.disks.queryKey,
   });
 };
diff --git a/packages/manager/src/queries/nodebalancers.ts b/packages/manager/src/queries/nodebalancers.ts
index b48c977d1c5..bbfe635ad9e 100644
--- a/packages/manager/src/queries/nodebalancers.ts
+++ b/packages/manager/src/queries/nodebalancers.ts
@@ -303,7 +303,7 @@ export const useNodeBalancerTypesQuery = () =>
 
 export const nodebalancerEventHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   const nodebalancerId = event.entity?.id;
 
@@ -319,7 +319,7 @@ export const nodebalancerEventHandler = ({
 
   if (event.action.startsWith('nodebalancer_config')) {
     // If the event is about a NodeBalancer's configs, just invalidate the configs
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: nodebalancerQueries.nodebalancer(nodebalancerId)._ctx
         .configurations.queryKey,
     });
@@ -327,13 +327,13 @@ export const nodebalancerEventHandler = ({
     // If we've made it here, the event is about a NodeBalancer
 
     // Invalidate the specific NodeBalancer
-    queryClient.invalidateQueries({
+    invalidateQueries({
       exact: true,
       queryKey: nodebalancerQueries.nodebalancer(nodebalancerId).queryKey,
     });
 
     // Invalidate all paginated lists
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: nodebalancerQueries.nodebalancers.queryKey,
     });
   }
diff --git a/packages/manager/src/queries/profile/profile.ts b/packages/manager/src/queries/profile/profile.ts
index 13fb33f7783..726cd66b1cb 100644
--- a/packages/manager/src/queries/profile/profile.ts
+++ b/packages/manager/src/queries/profile/profile.ts
@@ -195,15 +195,15 @@ export const useDeleteSSHKeyMutation = (id: number) => {
   });
 };
 
-export const sshKeyEventHandler = (event: EventHandlerData) => {
+export const sshKeyEventHandler = ({ invalidateQueries }: EventHandlerData) => {
   // This event handler is a bit agressive and will over-fetch, but UX will
   // be great because this will ensure Cloud has up to date data all the time.
 
-  event.queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: profileQueries.sshKeys._def,
   });
   // also invalidate the /account/users data because that endpoint returns some SSH key data
-  event.queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: accountQueries.users._ctx.paginated._def,
   });
 };
diff --git a/packages/manager/src/queries/profile/tokens.ts b/packages/manager/src/queries/profile/tokens.ts
index 19f9db88fa4..ef9ebd8da79 100644
--- a/packages/manager/src/queries/profile/tokens.ts
+++ b/packages/manager/src/queries/profile/tokens.ts
@@ -90,11 +90,11 @@ export const useRevokeAppAccessTokenMutation = (id: number) => {
   });
 };
 
-export function tokenEventHandler({ queryClient }: EventHandlerData) {
-  queryClient.invalidateQueries({
+export function tokenEventHandler({ invalidateQueries }: EventHandlerData) {
+  invalidateQueries({
     queryKey: profileQueries.appTokens._def,
   });
-  queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: profileQueries.personalAccessTokens._def,
   });
 }
diff --git a/packages/manager/src/queries/stackscripts.ts b/packages/manager/src/queries/stackscripts.ts
index b520d1390bc..42bb6de6138 100644
--- a/packages/manager/src/queries/stackscripts.ts
+++ b/packages/manager/src/queries/stackscripts.ts
@@ -68,16 +68,16 @@ export const useStackScriptsInfiniteQuery = (
 
 export const stackScriptEventHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   // Keep the infinite store up to date
-  queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: stackscriptQueries.infinite._def,
   });
 
   // If the event has a StackScript entity attached, invalidate it
   if (event.entity?.id) {
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: stackscriptQueries.stackscript(event.entity.id).queryKey,
     });
   }
diff --git a/packages/manager/src/queries/support.ts b/packages/manager/src/queries/support.ts
index 5c4ea96838c..94524983762 100644
--- a/packages/manager/src/queries/support.ts
+++ b/packages/manager/src/queries/support.ts
@@ -112,7 +112,7 @@ export const useSupportTicketCloseMutation = (id: number) => {
 
 export const supportTicketEventHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   /**
    * Ticket events have entities that look like this:
@@ -126,13 +126,13 @@ export const supportTicketEventHandler = ({
    */
 
   // Invalidate paginated support tickets
-  queryClient.invalidateQueries({
+  invalidateQueries({
     queryKey: supportQueries.tickets._def,
   });
 
   if (event.entity) {
     // If there is an entity associated with the event, invalidate that ticket
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: supportQueries.ticket(event.entity.id).queryKey,
     });
   }
diff --git a/packages/manager/src/queries/volumes/events.ts b/packages/manager/src/queries/volumes/events.ts
index 84f2c7c6fba..3f2415f0891 100644
--- a/packages/manager/src/queries/volumes/events.ts
+++ b/packages/manager/src/queries/volumes/events.ts
@@ -10,10 +10,10 @@ import type { EventHandlerData } from 'src/hooks/useEventHandlers';
  */
 export const volumeEventsHandler = ({
   event,
-  queryClient,
+  invalidateQueries,
 }: EventHandlerData) => {
   if (['failed', 'finished', 'notification'].includes(event.status)) {
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: volumeQueries.lists.queryKey,
     });
   }
@@ -24,7 +24,7 @@ export const volumeEventsHandler = ({
   ) {
     // if a migration finishes, we want to re-request notifications so that the `volume_migration_imminent`
     // notification goes away.
-    queryClient.invalidateQueries({
+    invalidateQueries({
       queryKey: accountQueries.notifications.queryKey,
     });
   }
@@ -33,7 +33,7 @@ export const volumeEventsHandler = ({
     // The API gives us no way to know when a cloned volume transitions from
     // creating to active, so we will just refresh after 10 seconds
     setTimeout(() => {
-      queryClient.invalidateQueries({
+      invalidateQueries({
         queryKey: volumeQueries.lists.queryKey,
       });
     }, 10000);

From fa04d90a370102c81ec8a608996d39b09a574574 Mon Sep 17 00:00:00 2001
From: Hana Xu <115299789+hana-linode@users.noreply.github.com>
Date: Fri, 23 Aug 2024 16:02:37 -0400
Subject: [PATCH 20/49] change: [M3-8210] - Storybook nav organization POC
 (#10809)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description 📝
POC to clean up the side nav in Storybook by reorganizing the hierarchy/component stories, and making the logo smaller

## Changes  🔄
List any change relevant to the reviewer.
- Smaller Akamai logo
- Add `Icons` and `Foundations` section
- Move `Design System` section to the top
- Move relevant components to the new sections and consolidate related components into folders

## How to test 🧪
### Verification steps
(How to verify changes)
- Pull this PR locally and run `yarn storybook`
- Compare to https://design.linode.com/
---
 .../manager/.changeset/pr-10809-changed-1724354812801.md | 5 +++++
 packages/manager/.storybook/preview.tsx                  | 9 ++++++++-
 packages/manager/src/assets/logo/akamai-logo-color.svg   | 2 +-
 packages/manager/src/components/Accordion.stories.tsx    | 2 +-
 .../manager/src/components/BetaChip/BetaChip.stories.tsx | 2 +-
 packages/manager/src/components/Box.stories.tsx          | 2 +-
 .../src/components/Breadcrumb/Breadcrumb.stories.tsx     | 2 +-
 .../manager/src/components/Button/Button.stories.tsx     | 2 +-
 .../src/components/Button/StyledTagButton.stories.tsx    | 2 +-
 packages/manager/src/components/Checkbox.stories.tsx     | 2 +-
 packages/manager/src/components/Chip.stories.tsx         | 2 +-
 .../manager/src/components/Currency/Currency.stories.tsx | 2 +-
 .../DateTimeDisplay/DateTimeDisplay.stories.tsx          | 2 +-
 packages/manager/src/components/Divider.stories.tsx      | 2 +-
 .../manager/src/components/DocsLink/DocsLink.stories.tsx | 2 +-
 .../src/components/EditableText/EditableText.stories.tsx | 2 +-
 .../EnhancedNumberInput/EnhancedNumberInput.stories.tsx  | 2 +-
 .../src/components/EntityIcon/EntityIcon.stories.tsx     | 2 +-
 packages/manager/src/components/Flag.stories.tsx         | 2 +-
 .../InlineMenuAction/InlineMenuAction.stories.tsx        | 2 +-
 packages/manager/src/components/Link.stories.tsx         | 2 +-
 packages/manager/src/components/OSIcon.stories.tsx       | 2 +-
 packages/manager/src/components/Paper.stories.tsx        | 2 +-
 .../components/PasswordInput/HideShowText.stories.tsx    | 2 +-
 .../components/PasswordInput/PasswordInput.stories.tsx   | 2 +-
 packages/manager/src/components/Radio/Radio.stories.tsx  | 2 +-
 .../ShowMoreExpansion/ShowMoreExpansion.stories.tsx      | 2 +-
 packages/manager/src/components/Stack.stories.tsx        | 2 +-
 .../src/components/StatusIcon/StatusIcon.stories.tsx     | 2 +-
 packages/manager/src/components/Tabs/Tabs.stories.tsx    | 2 +-
 packages/manager/src/components/TextField.stories.tsx    | 2 +-
 .../manager/src/components/Toggle/Toggle.stories.tsx     | 2 +-
 packages/manager/src/components/Typography.stories.tsx   | 2 +-
 33 files changed, 44 insertions(+), 32 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10809-changed-1724354812801.md

diff --git a/packages/manager/.changeset/pr-10809-changed-1724354812801.md b/packages/manager/.changeset/pr-10809-changed-1724354812801.md
new file mode 100644
index 00000000000..34116e2d1f9
--- /dev/null
+++ b/packages/manager/.changeset/pr-10809-changed-1724354812801.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Storybook nav organization ([#10809](https://github.com/linode/manager/pull/10809))
diff --git a/packages/manager/.storybook/preview.tsx b/packages/manager/.storybook/preview.tsx
index 538c0b07cea..5ea09efff9d 100644
--- a/packages/manager/.storybook/preview.tsx
+++ b/packages/manager/.storybook/preview.tsx
@@ -61,7 +61,14 @@ const preview: Preview = {
     options: {
       storySort: {
         method: 'alphabetical',
-        order: ['Intro', 'Core Styles', 'Components', 'Features'],
+        order: [
+          'Intro',
+          'Design System',
+          'Icons',
+          'Foundations',
+          'Components',
+          'Features',
+        ],
       },
     },
     viewport: {
diff --git a/packages/manager/src/assets/logo/akamai-logo-color.svg b/packages/manager/src/assets/logo/akamai-logo-color.svg
index c205d07e455..18259cdabee 100644
--- a/packages/manager/src/assets/logo/akamai-logo-color.svg
+++ b/packages/manager/src/assets/logo/akamai-logo-color.svg
@@ -1,4 +1,4 @@
-<svg id="edugKZmyB8q1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 719.656 293.2663" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
+<svg width="88" id="edugKZmyB8q1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 719.656 293.2663" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
   <g clip-path="url(#edugKZmyB8q12)" class="akamai-logo-name">
     <g>
       <path d="M719.656,151.8506c0,8.4509-6.8525,15.2819-15.2729,15.2819-8.4437,0-15.2818-6.831-15.2818-15.2819c0-8.4276,6.8381-15.2658,15.2818-15.2658c8.4204,0,15.2729,6.8382,15.2729,15.2658" fill="#f93"/>
diff --git a/packages/manager/src/components/Accordion.stories.tsx b/packages/manager/src/components/Accordion.stories.tsx
index 40c68421544..0d34e246f31 100644
--- a/packages/manager/src/components/Accordion.stories.tsx
+++ b/packages/manager/src/components/Accordion.stories.tsx
@@ -5,7 +5,7 @@ import { Accordion } from './Accordion';
 
 const meta: Meta<typeof Accordion> = {
   component: Accordion,
-  title: 'Components/Accordion',
+  title: 'Foundations/Accordion',
 };
 
 type Story = StoryObj<typeof Accordion>;
diff --git a/packages/manager/src/components/BetaChip/BetaChip.stories.tsx b/packages/manager/src/components/BetaChip/BetaChip.stories.tsx
index 6115d28c209..3cc3a4ea934 100644
--- a/packages/manager/src/components/BetaChip/BetaChip.stories.tsx
+++ b/packages/manager/src/components/BetaChip/BetaChip.stories.tsx
@@ -12,6 +12,6 @@ export const Default: StoryObj<BetaChipProps> = {
 const meta: Meta<BetaChipProps> = {
   args: { color: 'default' },
   component: BetaChip,
-  title: 'Components/Chip/BetaChip',
+  title: 'Foundations/Chip/BetaChip',
 };
 export default meta;
diff --git a/packages/manager/src/components/Box.stories.tsx b/packages/manager/src/components/Box.stories.tsx
index 57f62dd2451..11b944f45cb 100644
--- a/packages/manager/src/components/Box.stories.tsx
+++ b/packages/manager/src/components/Box.stories.tsx
@@ -5,7 +5,7 @@ import { Box } from './Box';
 
 const meta: Meta<typeof Box> = {
   component: Box,
-  title: 'Components/Box',
+  title: 'Foundations/Box',
 };
 
 type Story = StoryObj<typeof Box>;
diff --git a/packages/manager/src/components/Breadcrumb/Breadcrumb.stories.tsx b/packages/manager/src/components/Breadcrumb/Breadcrumb.stories.tsx
index 9317926073b..a50d3a4206f 100644
--- a/packages/manager/src/components/Breadcrumb/Breadcrumb.stories.tsx
+++ b/packages/manager/src/components/Breadcrumb/Breadcrumb.stories.tsx
@@ -6,7 +6,7 @@ import { Breadcrumb } from './Breadcrumb';
 
 const meta: Meta<typeof Breadcrumb> = {
   component: Breadcrumb,
-  title: 'Components/Breadcrumb',
+  title: 'Foundations/Breadcrumb',
 };
 
 type Story = StoryObj<typeof Breadcrumb>;
diff --git a/packages/manager/src/components/Button/Button.stories.tsx b/packages/manager/src/components/Button/Button.stories.tsx
index d9ef1e18160..2d7edd9f745 100644
--- a/packages/manager/src/components/Button/Button.stories.tsx
+++ b/packages/manager/src/components/Button/Button.stories.tsx
@@ -35,7 +35,7 @@ const meta: Meta<typeof Button> = {
     tooltipText: '',
   },
   component: Button,
-  title: 'Components/Button',
+  title: 'Foundations/Button',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Button/StyledTagButton.stories.tsx b/packages/manager/src/components/Button/StyledTagButton.stories.tsx
index 843fb1f4bd9..adb044a973b 100644
--- a/packages/manager/src/components/Button/StyledTagButton.stories.tsx
+++ b/packages/manager/src/components/Button/StyledTagButton.stories.tsx
@@ -12,7 +12,7 @@ const meta: Meta<typeof StyledTagButton> = {
     onClick: () => null,
   },
   component: StyledTagButton,
-  title: 'Components/TagButton',
+  title: 'Components/Tags/TagButton',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Checkbox.stories.tsx b/packages/manager/src/components/Checkbox.stories.tsx
index 8912f625726..4e8a4afddb8 100644
--- a/packages/manager/src/components/Checkbox.stories.tsx
+++ b/packages/manager/src/components/Checkbox.stories.tsx
@@ -5,7 +5,7 @@ import { Checkbox } from './Checkbox';
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,
-  title: 'Components/Checkbox',
+  title: 'Foundations/Checkbox',
 };
 
 type Story = StoryObj<typeof Checkbox>;
diff --git a/packages/manager/src/components/Chip.stories.tsx b/packages/manager/src/components/Chip.stories.tsx
index e040850646c..ed13e76cebd 100644
--- a/packages/manager/src/components/Chip.stories.tsx
+++ b/packages/manager/src/components/Chip.stories.tsx
@@ -66,6 +66,6 @@ export const WithDeleteButton: StoryObj<ChipProps> = {
 const meta: Meta<ChipProps> = {
   args: { label: 'Chip', onDelete: undefined },
   component: Chip,
-  title: 'Components/Chip',
+  title: 'Foundations/Chip',
 };
 export default meta;
diff --git a/packages/manager/src/components/Currency/Currency.stories.tsx b/packages/manager/src/components/Currency/Currency.stories.tsx
index dd58ddca5fa..dccf4e80c49 100644
--- a/packages/manager/src/components/Currency/Currency.stories.tsx
+++ b/packages/manager/src/components/Currency/Currency.stories.tsx
@@ -24,7 +24,7 @@ const meta: Meta<typeof Currency> = {
     },
   },
   component: Currency,
-  title: 'Components/Typography/Currency',
+  title: 'Foundations/Typography/Currency',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.stories.tsx b/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.stories.tsx
index e2770307f19..b0ff4fe89a5 100644
--- a/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.stories.tsx
+++ b/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.stories.tsx
@@ -24,7 +24,7 @@ const meta: Meta<typeof DateTimeDisplay> = {
     },
   },
   component: DateTimeDisplay,
-  title: 'Components/Typography/Date Time Display',
+  title: 'Foundations/Typography/Date Time Display',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Divider.stories.tsx b/packages/manager/src/components/Divider.stories.tsx
index d4f2f055125..52619e8223f 100644
--- a/packages/manager/src/components/Divider.stories.tsx
+++ b/packages/manager/src/components/Divider.stories.tsx
@@ -5,7 +5,7 @@ import { Divider } from 'src/components/Divider';
 
 const meta: Meta<typeof Divider> = {
   component: Divider,
-  title: 'Components/Divider',
+  title: 'Foundations/Divider',
 };
 
 type Story = StoryObj<typeof Divider>;
diff --git a/packages/manager/src/components/DocsLink/DocsLink.stories.tsx b/packages/manager/src/components/DocsLink/DocsLink.stories.tsx
index 6d1b2154362..db5a9c8b664 100644
--- a/packages/manager/src/components/DocsLink/DocsLink.stories.tsx
+++ b/packages/manager/src/components/DocsLink/DocsLink.stories.tsx
@@ -16,7 +16,7 @@ const meta: Meta<DocsLinkProps> = {
     label: 'Custom Doc Link Label',
   },
   component: DocsLink,
-  title: 'Components/Link/DocsLink',
+  title: 'Foundations/Link/DocsLink',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/EditableText/EditableText.stories.tsx b/packages/manager/src/components/EditableText/EditableText.stories.tsx
index 7ff5a3842a6..7ca7bd9a59c 100644
--- a/packages/manager/src/components/EditableText/EditableText.stories.tsx
+++ b/packages/manager/src/components/EditableText/EditableText.stories.tsx
@@ -44,7 +44,7 @@ export const WithSuffix: Story = {
 
 const meta: Meta<typeof EditableText> = {
   component: EditableText,
-  title: 'Components/Editable Text',
+  title: 'Components/Input/Editable Text',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/EnhancedNumberInput/EnhancedNumberInput.stories.tsx b/packages/manager/src/components/EnhancedNumberInput/EnhancedNumberInput.stories.tsx
index 165966f7c15..ddb25f893b7 100644
--- a/packages/manager/src/components/EnhancedNumberInput/EnhancedNumberInput.stories.tsx
+++ b/packages/manager/src/components/EnhancedNumberInput/EnhancedNumberInput.stories.tsx
@@ -31,7 +31,7 @@ const meta: Meta<typeof EnhancedNumberInput> = {
   },
   args: {},
   component: EnhancedNumberInput,
-  title: 'Components/EnhancedNumberInput',
+  title: 'Components/Input/EnhancedNumberInput',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/EntityIcon/EntityIcon.stories.tsx b/packages/manager/src/components/EntityIcon/EntityIcon.stories.tsx
index 7bd091305c6..f93191f3f4a 100644
--- a/packages/manager/src/components/EntityIcon/EntityIcon.stories.tsx
+++ b/packages/manager/src/components/EntityIcon/EntityIcon.stories.tsx
@@ -10,7 +10,7 @@ import type { EntityVariants } from 'src/components/EntityIcon/EntityIcon';
 const meta: Meta<typeof EntityIcon> = {
   args: { variant: 'linode' },
   component: EntityIcon,
-  title: 'Components/EntityIcon',
+  title: 'Icons/EntityIcon',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Flag.stories.tsx b/packages/manager/src/components/Flag.stories.tsx
index 26125989844..82676bdfb81 100644
--- a/packages/manager/src/components/Flag.stories.tsx
+++ b/packages/manager/src/components/Flag.stories.tsx
@@ -5,7 +5,7 @@ import { Flag } from './Flag';
 
 const meta: Meta<typeof Flag> = {
   component: Flag,
-  title: 'Components/Flag',
+  title: 'Icons/Flag',
 };
 
 type Story = StoryObj<typeof Flag>;
diff --git a/packages/manager/src/components/InlineMenuAction/InlineMenuAction.stories.tsx b/packages/manager/src/components/InlineMenuAction/InlineMenuAction.stories.tsx
index 996e6a5990c..914e76b2daf 100644
--- a/packages/manager/src/components/InlineMenuAction/InlineMenuAction.stories.tsx
+++ b/packages/manager/src/components/InlineMenuAction/InlineMenuAction.stories.tsx
@@ -17,7 +17,7 @@ const meta: Meta<typeof InlineMenuAction> = {
     tooltipAnalyticsEvent: action('tooltipAnalyticsEvent'),
   },
   component: InlineMenuAction,
-  title: 'Components/InlineMenuAction',
+  title: 'Components/Action Menu/InlineMenuAction',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Link.stories.tsx b/packages/manager/src/components/Link.stories.tsx
index 5561e1d7a4d..2ae6e9a9f05 100644
--- a/packages/manager/src/components/Link.stories.tsx
+++ b/packages/manager/src/components/Link.stories.tsx
@@ -130,7 +130,7 @@ const meta: Meta<LinkProps> = {
     to: '/internal-link',
   },
   component: Link,
-  title: 'Components/Link',
+  title: 'Foundations/Link',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/OSIcon.stories.tsx b/packages/manager/src/components/OSIcon.stories.tsx
index e728841c789..dd16e698fb5 100644
--- a/packages/manager/src/components/OSIcon.stories.tsx
+++ b/packages/manager/src/components/OSIcon.stories.tsx
@@ -22,7 +22,7 @@ export const Alpine: StoryObj<typeof OSIcon> = {
 
 const meta: Meta<typeof OSIcon> = {
   component: OSIcon,
-  title: 'Components/OS Icon',
+  title: 'Icons/OS Icon',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Paper.stories.tsx b/packages/manager/src/components/Paper.stories.tsx
index b86597fa680..99ae8f85374 100644
--- a/packages/manager/src/components/Paper.stories.tsx
+++ b/packages/manager/src/components/Paper.stories.tsx
@@ -5,7 +5,7 @@ import { Paper } from './Paper';
 
 const meta: Meta<typeof Paper> = {
   component: Paper,
-  title: 'Components/Paper',
+  title: 'Foundations/Paper',
 };
 
 type Story = StoryObj<typeof Paper>;
diff --git a/packages/manager/src/components/PasswordInput/HideShowText.stories.tsx b/packages/manager/src/components/PasswordInput/HideShowText.stories.tsx
index 8db3107e04b..b2561a58866 100644
--- a/packages/manager/src/components/PasswordInput/HideShowText.stories.tsx
+++ b/packages/manager/src/components/PasswordInput/HideShowText.stories.tsx
@@ -6,7 +6,7 @@ import { HideShowText } from './HideShowText';
 
 const meta: Meta<typeof HideShowText> = {
   component: HideShowText,
-  title: 'Components/Hide Show Text',
+  title: 'Components/Input/Hide Show Text',
 };
 
 type Story = StoryObj<typeof HideShowText>;
diff --git a/packages/manager/src/components/PasswordInput/PasswordInput.stories.tsx b/packages/manager/src/components/PasswordInput/PasswordInput.stories.tsx
index 2e6fcfe4acb..67a76b58e8e 100644
--- a/packages/manager/src/components/PasswordInput/PasswordInput.stories.tsx
+++ b/packages/manager/src/components/PasswordInput/PasswordInput.stories.tsx
@@ -6,7 +6,7 @@ import PasswordInput from './PasswordInput';
 
 const meta: Meta<typeof PasswordInput> = {
   component: PasswordInput,
-  title: 'Components/Password Input',
+  title: 'Components/Input/Password Input',
 };
 
 type Story = StoryObj<typeof PasswordInput>;
diff --git a/packages/manager/src/components/Radio/Radio.stories.tsx b/packages/manager/src/components/Radio/Radio.stories.tsx
index 5a6d5d4e0b7..5c94585af41 100644
--- a/packages/manager/src/components/Radio/Radio.stories.tsx
+++ b/packages/manager/src/components/Radio/Radio.stories.tsx
@@ -27,7 +27,7 @@ const meta: Meta<RadioProps> = {
       </Box>
     ),
   ],
-  title: 'Components/Radio',
+  title: 'Foundations/Radio',
 };
 
 type Story = StoryObj<RadioProps>;
diff --git a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx
index 2fce69d155d..a655dd4489a 100644
--- a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx
+++ b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx
@@ -26,7 +26,7 @@ const meta: Meta<ShowMoreExpansionProps> = {
     name: 'Show More',
   },
   component: ShowMoreExpansion,
-  title: 'Components/Accordion/ShowMoreExpansion',
+  title: 'Foundations/Accordion/ShowMoreExpansion',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Stack.stories.tsx b/packages/manager/src/components/Stack.stories.tsx
index 10332c01220..0a08390b6b0 100644
--- a/packages/manager/src/components/Stack.stories.tsx
+++ b/packages/manager/src/components/Stack.stories.tsx
@@ -55,7 +55,7 @@ export const WithDivider: StoryObj<typeof Stack> = {
 
 const meta: Meta<typeof Stack> = {
   component: Stack,
-  title: 'Components/Stack',
+  title: 'Foundations/Stack',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/StatusIcon/StatusIcon.stories.tsx b/packages/manager/src/components/StatusIcon/StatusIcon.stories.tsx
index efa2956860c..99e01d92df0 100644
--- a/packages/manager/src/components/StatusIcon/StatusIcon.stories.tsx
+++ b/packages/manager/src/components/StatusIcon/StatusIcon.stories.tsx
@@ -5,7 +5,7 @@ import { StatusIcon } from './StatusIcon';
 
 const meta: Meta<typeof StatusIcon> = {
   component: StatusIcon,
-  title: 'Components/StatusIcon',
+  title: 'Icons/StatusIcon',
 };
 
 type Story = StoryObj<typeof StatusIcon>;
diff --git a/packages/manager/src/components/Tabs/Tabs.stories.tsx b/packages/manager/src/components/Tabs/Tabs.stories.tsx
index 512b94f3669..7a279cfc407 100644
--- a/packages/manager/src/components/Tabs/Tabs.stories.tsx
+++ b/packages/manager/src/components/Tabs/Tabs.stories.tsx
@@ -71,6 +71,6 @@ const meta: Meta<TabsProps> = {
     onChange: () => null,
   },
   component: Tabs,
-  title: 'Components/Tabs',
+  title: 'Foundations/Tabs',
 };
 export default meta;
diff --git a/packages/manager/src/components/TextField.stories.tsx b/packages/manager/src/components/TextField.stories.tsx
index 133499c6154..58ee3393e74 100644
--- a/packages/manager/src/components/TextField.stories.tsx
+++ b/packages/manager/src/components/TextField.stories.tsx
@@ -6,7 +6,7 @@ import { TextField } from './TextField';
 
 const meta: Meta<typeof TextField> = {
   component: TextField,
-  title: 'Components/TextField',
+  title: 'Foundations/TextField',
 };
 
 type Story = StoryObj<typeof TextField>;
diff --git a/packages/manager/src/components/Toggle/Toggle.stories.tsx b/packages/manager/src/components/Toggle/Toggle.stories.tsx
index 62c7ced65b1..95dbe76ab46 100644
--- a/packages/manager/src/components/Toggle/Toggle.stories.tsx
+++ b/packages/manager/src/components/Toggle/Toggle.stories.tsx
@@ -16,7 +16,7 @@ const meta: Meta<ToggleProps> = {
     disabled: false,
   },
   component: Toggle,
-  title: 'Components/Toggle',
+  title: 'Foundations/Toggle',
 };
 
 export default meta;
diff --git a/packages/manager/src/components/Typography.stories.tsx b/packages/manager/src/components/Typography.stories.tsx
index 4f6a9bcf658..82b893f269d 100644
--- a/packages/manager/src/components/Typography.stories.tsx
+++ b/packages/manager/src/components/Typography.stories.tsx
@@ -5,7 +5,7 @@ import { Typography } from './Typography';
 
 const meta: Meta<typeof Typography> = {
   component: Typography,
-  title: 'Components/Typography',
+  title: 'Foundations/Typography',
 };
 
 type Story = StoryObj<typeof Typography>;

From 93346690e36d1d162c3a3d117eb2d34aa80b9027 Mon Sep 17 00:00:00 2001
From: Alban Bailly <130582365+abailly-akamai@users.noreply.github.com>
Date: Fri, 23 Aug 2024 17:44:08 -0400
Subject: [PATCH 21/49] change: [M3-8384] - Update storybook to fix dependency
 vulnerabilities (#10827)

* Update storybook

* Added changeset: Update storybook to fix IP package vulnerability
---
 .../pr-10827-tech-stories-1724432793341.md    |    5 +
 packages/manager/package.json                 |   28 +-
 yarn.lock                                     | 1577 ++++-------------
 3 files changed, 353 insertions(+), 1257 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md

diff --git a/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md b/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md
new file mode 100644
index 00000000000..5cf22e645af
--- /dev/null
+++ b/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Update storybook to fix IP package vulnerability ([#10827](https://github.com/linode/manager/pull/10827))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index d4a170aec97..8d14b7950e3 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -113,19 +113,19 @@
   },
   "devDependencies": {
     "@linode/eslint-plugin-cloud-manager": "^0.0.3",
-    "@storybook/addon-actions": "^8.1.0",
-    "@storybook/addon-controls": "^8.1.0",
-    "@storybook/addon-docs": "^8.1.0",
-    "@storybook/addon-mdx-gfm": "^8.1.0",
-    "@storybook/addon-measure": "^8.1.0",
-    "@storybook/addon-storysource": "^8.1.0",
-    "@storybook/addon-viewport": "^8.1.0",
-    "@storybook/blocks": "^8.1.0",
-    "@storybook/manager-api": "^8.1.0",
-    "@storybook/preview-api": "^8.1.0",
-    "@storybook/react": "^8.1.0",
-    "@storybook/react-vite": "^8.1.0",
-    "@storybook/theming": "^8.1.0",
+    "@storybook/addon-actions": "^8.2.9",
+    "@storybook/addon-controls": "^8.2.9",
+    "@storybook/addon-docs": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-measure": "^8.2.9",
+    "@storybook/addon-storysource": "^8.2.9",
+    "@storybook/addon-viewport": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/manager-api": "^8.2.9",
+    "@storybook/preview-api": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/theming": "^8.2.9",
     "@swc/core": "^1.3.1",
     "@testing-library/cypress": "^10.0.2",
     "@testing-library/dom": "^10.1.0",
@@ -208,7 +208,7 @@
     "reselect-tools": "^0.0.7",
     "serve": "^14.0.1",
     "simple-git": "^3.19.0",
-    "storybook": "^8.1.0",
+    "storybook": "^8.2.9",
     "storybook-dark-mode": "^4.0.1",
     "ts-node": "^10.9.2",
     "vite": "^5.1.7",
diff --git a/yarn.lock b/yarn.lock
index a98054d3224..bc2c443ac67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -124,13 +124,6 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@aw-web-design/x-default-browser@1.4.126":
-  version "1.4.126"
-  resolved "https://registry.yarnpkg.com/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz#43e4bd8f0314ed907a8718d7e862a203af79bc16"
-  integrity sha512-Xk1sIhyNC/esHGGVjL/niHLowM0csl/kFO5uawBy4IrWwy0o1G8LGt3jP6nmWGz+USxeeqbihAmp/oVZju6wug==
-  dependencies:
-    default-browser-id "3.0.0"
-
 "@babel/code-frame@7.12.11":
   version "7.12.11"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
@@ -224,7 +217,7 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/generator@^7.24.4", "@babel/generator@^7.24.5":
+"@babel/generator@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
   integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
@@ -569,7 +562,7 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.0.tgz#26a3d1ff49031c53a97d03b604375f028746a9ac"
   integrity sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==
 
-"@babel/parser@^7.24.4", "@babel/parser@^7.24.5":
+"@babel/parser@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
   integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
@@ -1379,7 +1372,7 @@
     "@babel/parser" "^7.25.0"
     "@babel/types" "^7.25.0"
 
-"@babel/traverse@^7.18.9", "@babel/traverse@^7.23.3", "@babel/traverse@^7.23.9", "@babel/traverse@^7.24.1", "@babel/traverse@^7.24.5", "@babel/traverse@^7.7.0":
+"@babel/traverse@^7.18.9", "@babel/traverse@^7.23.3", "@babel/traverse@^7.23.9", "@babel/traverse@^7.24.5", "@babel/traverse@^7.7.0":
   version "7.25.3"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.3.tgz#f1b901951c83eda2f3e29450ce92743783373490"
   integrity sha512-HefgyP1x754oGCsKmV5reSmtV7IXj/kpaE1XYY+D9G5PvKKoFfSbiS4M77MdjuwlZKDIKFCffq9rPU+H/s3ZdQ==
@@ -1584,11 +1577,6 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
-"@discoveryjs/json-ext@^0.5.3":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
-  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
-
 "@emotion/babel-plugin@^11.11.0":
   version "11.11.0"
   resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
@@ -1778,230 +1766,230 @@
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz#d1bc06aedb6936b3b6d313bf809a5a40387d2b7f"
   integrity sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==
 
-"@esbuild/aix-ppc64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
-  integrity sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
 
 "@esbuild/android-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz#7ad65a36cfdb7e0d429c353e00f680d737c2aed4"
   integrity sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==
 
-"@esbuild/android-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz#db1c9202a5bc92ea04c7b6840f1bbe09ebf9e6b9"
-  integrity sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
 
 "@esbuild/android-arm@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.12.tgz#b0c26536f37776162ca8bde25e42040c203f2824"
   integrity sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==
 
-"@esbuild/android-arm@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.20.2.tgz#3b488c49aee9d491c2c8f98a909b785870d6e995"
-  integrity sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
 
 "@esbuild/android-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.12.tgz#cb13e2211282012194d89bf3bfe7721273473b3d"
   integrity sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==
 
-"@esbuild/android-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.20.2.tgz#3b1628029e5576249d2b2d766696e50768449f98"
-  integrity sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
 
 "@esbuild/darwin-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz#cbee41e988020d4b516e9d9e44dd29200996275e"
   integrity sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==
 
-"@esbuild/darwin-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz#6e8517a045ddd86ae30c6608c8475ebc0c4000bb"
-  integrity sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
 
 "@esbuild/darwin-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz#e37d9633246d52aecf491ee916ece709f9d5f4cd"
   integrity sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==
 
-"@esbuild/darwin-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz#90ed098e1f9dd8a9381695b207e1cff45540a0d0"
-  integrity sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
 
 "@esbuild/freebsd-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz#1ee4d8b682ed363b08af74d1ea2b2b4dbba76487"
   integrity sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==
 
-"@esbuild/freebsd-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz#d71502d1ee89a1130327e890364666c760a2a911"
-  integrity sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
 
 "@esbuild/freebsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz#37a693553d42ff77cd7126764b535fb6cc28a11c"
   integrity sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==
 
-"@esbuild/freebsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz#aa5ea58d9c1dd9af688b8b6f63ef0d3d60cea53c"
-  integrity sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
 
 "@esbuild/linux-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz#be9b145985ec6c57470e0e051d887b09dddb2d4b"
   integrity sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==
 
-"@esbuild/linux-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz#055b63725df678379b0f6db9d0fa85463755b2e5"
-  integrity sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
 
 "@esbuild/linux-arm@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz#207ecd982a8db95f7b5279207d0ff2331acf5eef"
   integrity sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==
 
-"@esbuild/linux-arm@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz#76b3b98cb1f87936fbc37f073efabad49dcd889c"
-  integrity sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
 
 "@esbuild/linux-ia32@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz#d0d86b5ca1562523dc284a6723293a52d5860601"
   integrity sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==
 
-"@esbuild/linux-ia32@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz#c0e5e787c285264e5dfc7a79f04b8b4eefdad7fa"
-  integrity sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
 
 "@esbuild/linux-loong64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz#9a37f87fec4b8408e682b528391fa22afd952299"
   integrity sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==
 
-"@esbuild/linux-loong64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz#a6184e62bd7cdc63e0c0448b83801001653219c5"
-  integrity sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
 
 "@esbuild/linux-mips64el@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz#4ddebd4e6eeba20b509d8e74c8e30d8ace0b89ec"
   integrity sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==
 
-"@esbuild/linux-mips64el@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz#d08e39ce86f45ef8fc88549d29c62b8acf5649aa"
-  integrity sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
 
 "@esbuild/linux-ppc64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz#adb67dadb73656849f63cd522f5ecb351dd8dee8"
   integrity sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==
 
-"@esbuild/linux-ppc64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz#8d252f0b7756ffd6d1cbde5ea67ff8fd20437f20"
-  integrity sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
 
 "@esbuild/linux-riscv64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz#11bc0698bf0a2abf8727f1c7ace2112612c15adf"
   integrity sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==
 
-"@esbuild/linux-riscv64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz#19f6dcdb14409dae607f66ca1181dd4e9db81300"
-  integrity sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
 
 "@esbuild/linux-s390x@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz#e86fb8ffba7c5c92ba91fc3b27ed5a70196c3cc8"
   integrity sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==
 
-"@esbuild/linux-s390x@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz#3c830c90f1a5d7dd1473d5595ea4ebb920988685"
-  integrity sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
 
 "@esbuild/linux-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz#5f37cfdc705aea687dfe5dfbec086a05acfe9c78"
   integrity sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==
 
-"@esbuild/linux-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz#86eca35203afc0d9de0694c64ec0ab0a378f6fff"
-  integrity sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
 
 "@esbuild/netbsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz#29da566a75324e0d0dd7e47519ba2f7ef168657b"
   integrity sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==
 
-"@esbuild/netbsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz#e771c8eb0e0f6e1877ffd4220036b98aed5915e6"
-  integrity sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
 
 "@esbuild/openbsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz#306c0acbdb5a99c95be98bdd1d47c916e7dc3ff0"
   integrity sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==
 
-"@esbuild/openbsd-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz#9a795ae4b4e37e674f0f4d716f3e226dd7c39baf"
-  integrity sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
 
 "@esbuild/sunos-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz#0933eaab9af8b9b2c930236f62aae3fc593faf30"
   integrity sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==
 
-"@esbuild/sunos-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz#7df23b61a497b8ac189def6e25a95673caedb03f"
-  integrity sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
 
 "@esbuild/win32-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz#773bdbaa1971b36db2f6560088639ccd1e6773ae"
   integrity sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==
 
-"@esbuild/win32-arm64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz#f1ae5abf9ca052ae11c1bc806fb4c0f519bacf90"
-  integrity sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
 
 "@esbuild/win32-ia32@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz#000516cad06354cc84a73f0943a4aa690ef6fd67"
   integrity sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==
 
-"@esbuild/win32-ia32@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz#241fe62c34d8e8461cd708277813e1d0ba55ce23"
-  integrity sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
 
 "@esbuild/win32-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz#c57c8afbb4054a3ab8317591a0b7320360b444ae"
   integrity sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==
 
-"@esbuild/win32-x64@0.20.2":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz#9c907b21e30a52db959ba4f80bb01a0cc403d5cc"
-  integrity sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
@@ -2055,11 +2043,6 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.56.0.tgz#ef20350fec605a7f7035a01764731b2de0f3782b"
   integrity sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==
 
-"@fal-works/esbuild-plugin-global-externals@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz#c05ed35ad82df8e6ac616c68b92c2282bd083ba4"
-  integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
-
 "@floating-ui/core@^1.6.0":
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.0.tgz#fa41b87812a16bf123122bf945946bae3fdf7fc1"
@@ -2410,15 +2393,6 @@
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
-"@ndelangen/get-tarball@^3.0.7":
-  version "3.0.9"
-  resolved "https://registry.yarnpkg.com/@ndelangen/get-tarball/-/get-tarball-3.0.9.tgz#727ff4454e65f34707e742a59e5e6b1f525d8964"
-  integrity sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==
-  dependencies:
-    gunzip-maybe "^1.4.2"
-    pump "^3.0.0"
-    tar-fs "^2.1.1"
-
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -2502,13 +2476,6 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
-"@radix-ui/primitive@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.1.tgz#e46f9958b35d10e9f6dc71c497305c22e3e55dbd"
-  integrity sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
 "@radix-ui/react-compose-refs@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz#7ed868b66946aa6030e580b1ffca386dd4d21989"
@@ -2516,97 +2483,7 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@radix-ui/react-context@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.1.tgz#fe46e67c96b240de59187dcb7a1a50ce3e2ec00c"
-  integrity sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-dialog@^1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz#71657b1b116de6c7a0b03242d7d43e01062c7300"
-  integrity sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.1"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-context" "1.0.1"
-    "@radix-ui/react-dismissable-layer" "1.0.5"
-    "@radix-ui/react-focus-guards" "1.0.1"
-    "@radix-ui/react-focus-scope" "1.0.4"
-    "@radix-ui/react-id" "1.0.1"
-    "@radix-ui/react-portal" "1.0.4"
-    "@radix-ui/react-presence" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-slot" "1.0.2"
-    "@radix-ui/react-use-controllable-state" "1.0.1"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.5"
-
-"@radix-ui/react-dismissable-layer@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz#3f98425b82b9068dfbab5db5fff3df6ebf48b9d4"
-  integrity sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.1"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-    "@radix-ui/react-use-escape-keydown" "1.0.3"
-
-"@radix-ui/react-focus-guards@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz#1ea7e32092216b946397866199d892f71f7f98ad"
-  integrity sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-focus-scope@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz#2ac45fce8c5bb33eb18419cdc1905ef4f1906525"
-  integrity sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-primitive" "1.0.3"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-id@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.1.tgz#73cdc181f650e4df24f0b6a5b7aa426b912c88c0"
-  integrity sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-layout-effect" "1.0.1"
-
-"@radix-ui/react-portal@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.4.tgz#df4bfd353db3b1e84e639e9c63a5f2565fb00e15"
-  integrity sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-primitive" "1.0.3"
-
-"@radix-ui/react-presence@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.1.tgz#491990ba913b8e2a5db1b06b203cb24b5cdef9ba"
-  integrity sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.1"
-    "@radix-ui/react-use-layout-effect" "1.0.1"
-
-"@radix-ui/react-primitive@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz#d49ea0f3f0b2fe3ab1cb5667eb03e8b843b914d0"
-  integrity sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-slot" "1.0.2"
-
-"@radix-ui/react-slot@1.0.2", "@radix-ui/react-slot@^1.0.2":
+"@radix-ui/react-slot@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.2.tgz#a9ff4423eade67f501ffb32ec22064bc9d3099ab"
   integrity sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==
@@ -2614,36 +2491,6 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-compose-refs" "1.0.1"
 
-"@radix-ui/react-use-callback-ref@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz#f4bb1f27f2023c984e6534317ebc411fc181107a"
-  integrity sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-use-controllable-state@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz#ecd2ced34e6330caf89a82854aa2f77e07440286"
-  integrity sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-use-escape-keydown@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz#217b840c250541609c66f67ed7bab2b733620755"
-  integrity sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.1"
-
-"@radix-ui/react-use-layout-effect@1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz#be8c7bc809b0c8934acf6657b577daf948a75399"
-  integrity sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
 "@reach/auto-id@0.10.5":
   version "0.10.5"
   resolved "https://registry.yarnpkg.com/@reach/auto-id/-/auto-id-0.10.5.tgz#fa78c71ce2f565ebed1ad91a8d9a685176d23c48"
@@ -2846,46 +2693,37 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz#719df7fb41766bc143369eaa0dd56d8dc87c9958"
   integrity sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==
 
-"@storybook/addon-actions@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.1.0.tgz#2191c05ca520890da923867c4ac6bb6f295d5115"
-  integrity sha512-6c/uZo8peHh7ZWBsNAPDSdj9keBp1q7Gddci3LIxq9S8gFLEgPwjAv+f6HVx0T61wG5PGnK0ilZsrCrXyoJodA==
+"@storybook/addon-actions@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.2.9.tgz#5a27f07f276ec776fb768f5da9bfe2c43fe3e851"
+  integrity sha512-eh2teOqjga7aoClDVV+/b1gHJqsPwjiU1t+Hg/l4i2CkaBUNdYMEL90nR6fgReOdvvL5YhcPwJ8w38f9TrQcoQ==
   dependencies:
-    "@storybook/core-events" "8.1.0"
     "@storybook/global" "^5.0.0"
     "@types/uuid" "^9.0.1"
     dequal "^2.0.2"
     polished "^4.2.2"
     uuid "^9.0.0"
 
-"@storybook/addon-controls@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.1.0.tgz#744b62a6f667f8222c7bd476c9d2b81b6f81b39d"
-  integrity sha512-2WNzoQ3Xd8o3H8qvy4h+mLSccz8Bfo0Fmwfi4f/BTaqNkJsxLut4A1NiI9xS7i7GvtzGaTUcnbrOubiY2tG2/A==
+"@storybook/addon-controls@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.2.9.tgz#43f9ca53e2a709feee0c1fe6db3daee8953d2ddd"
+  integrity sha512-vaSE78KOE7SO0GrW4e+mdQphSNpvCX/FGybIRxyaKX9h8smoyUwRNHVyCS3ROHTwH324QWu7GDzsOVrnyXOv0A==
   dependencies:
-    "@storybook/blocks" "8.1.0"
     dequal "^2.0.2"
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-docs@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.1.0.tgz#672f56baf49221451eb67aaa9e79fe0a1ea053e2"
-  integrity sha512-s6bmAv5JxZiIgkG4Aup0RRrDW8Kt1XXm88m4wRqR5dnKoBaCSbjdxeJZBLb0FD6PMw0oBHltXCcZkSewsTitQQ==
+"@storybook/addon-docs@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.2.9.tgz#bc6737cab5b3620b9291de7c14f92ad92b5a90db"
+  integrity sha512-flDOxFIGmXg+6lVdwTLMOKsGob1WrT7rG98mn1SNW0Nxhg3Wg+9pQuq1GLxEzKtAgSflmu+xcBRfYhsogyDXkw==
   dependencies:
     "@babel/core" "^7.24.4"
     "@mdx-js/react" "^3.0.0"
-    "@storybook/blocks" "8.1.0"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/components" "8.1.0"
-    "@storybook/csf-plugin" "8.1.0"
-    "@storybook/csf-tools" "8.1.0"
+    "@storybook/blocks" "8.2.9"
+    "@storybook/csf-plugin" "8.2.9"
     "@storybook/global" "^5.0.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/react-dom-shim" "8.1.0"
-    "@storybook/theming" "8.1.0"
-    "@storybook/types" "8.1.0"
+    "@storybook/react-dom-shim" "8.2.9"
     "@types/react" "^16.8.0 || ^17.0.0 || ^18.0.0"
     fs-extra "^11.1.0"
     react "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -2894,107 +2732,68 @@
     rehype-slug "^6.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-mdx-gfm@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.1.0.tgz#38be4fa5553f574bd8bfd282a340471c2a857f09"
-  integrity sha512-71QMcOLEo44keheOrTQWS5fPxHceQD/XeRUZtUxVrMBul9R80jxJ7WI2fRQkYM0P8FxFjZ0kFKeRlflO+E1Upw==
+"@storybook/addon-mdx-gfm@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.2.9.tgz#b86826d833dd2e4fd00e5f21520fcd7a924368aa"
+  integrity sha512-qpv3oVBVStXKcYmhmsEDVlWvdOpG4bHGOchCe2iU/wlcT5zFQSpQj2IoCNbj5MxhwAw2VobrAvRjNQjv95fYAg==
   dependencies:
-    "@storybook/node-logger" "8.1.0"
     remark-gfm "^4.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-measure@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.1.0.tgz#b863fc992cff0e0aa920e7363b006258dd9f7828"
-  integrity sha512-E4QfmUTQIct4TuKKkf2sRui0OlR1jBSMMx8vl3lD15b2C1TWPXnhhOmSg0SDibAUO010KTul65enhSuqKnPEOA==
+"@storybook/addon-measure@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.2.9.tgz#998995c31980d635132c42a8d621095e73adb9b6"
+  integrity sha512-XUfQtYRKWB2dfbPRmHuos816wt1JrLbtRld5ZC8J8ljeqZ4hFBPTQcgI5GAzZqjQuclLC0KuhlA/0bKxdxMMGA==
   dependencies:
     "@storybook/global" "^5.0.0"
     tiny-invariant "^1.3.1"
 
-"@storybook/addon-storysource@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-storysource/-/addon-storysource-8.1.0.tgz#8cd84b51ebbeea65b7226b54cb0e31309ec08754"
-  integrity sha512-IQp6/ZOD0CizN+k2BNxjFcppk6dvb6+aLsMFOXii/EIm7W/3wjtCOjA2pLJtDYzKAnE127vTqHZgbcKCsSyfyA==
+"@storybook/addon-storysource@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-storysource/-/addon-storysource-8.2.9.tgz#c9e3e169d4b8ca646bdcd43cc5f6250fc21cc710"
+  integrity sha512-zSfw4FNjzSGdWvNhrjJgiqabQAklCXR3Xa0Hp5/5omG9Wl/JdiAKw9ysycQXovAv4VuubxS1x0pOTo6Wg40M3A==
   dependencies:
-    "@storybook/source-loader" "8.1.0"
+    "@storybook/source-loader" "8.2.9"
     estraverse "^5.2.0"
     tiny-invariant "^1.3.1"
 
-"@storybook/addon-viewport@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.1.0.tgz#64b919b4fe4c0552ec8a4e111c3abd4d16f4835e"
-  integrity sha512-FN8V0L6rlDAgomHR9hWfOo+KwiNRpkyjJb2M7wV7ThT4azhAnDF1usBYO6eRUasJUjCKhnE8yB1VghbZWJuORg==
+"@storybook/addon-viewport@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.2.9.tgz#56f7273450b72384bb79e9ddeab2f633f869be73"
+  integrity sha512-lyM24+DJEt8R0YZkJKee34NQWv0REACU6lYDalqJNdKS1sEwzLGWxg1hZXnw2JFdBID9NGVvyYU2w6LDozOB0g==
   dependencies:
     memoizerific "^1.11.3"
 
-"@storybook/blocks@8.1.0", "@storybook/blocks@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.1.0.tgz#b8f24a5455984d28d9a8664e8b053adb616417a8"
-  integrity sha512-yQio/n6l3LN/TRADplxpWYsz1+vM0PiwSMpUjSEW8PfN0gnr5kQr1k/8gZGmwCeJllODFPRB5159mjbzfjT0WQ==
-  dependencies:
-    "@storybook/channels" "8.1.0"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/components" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/docs-tools" "8.1.0"
+"@storybook/blocks@8.2.9", "@storybook/blocks@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.2.9.tgz#3c9018619704cee23c9e69ff263e3c0aaa9a7ccc"
+  integrity sha512-5276q/s/UL8arwftuBXovUNHqYo/HPQFMGXEmjVVAMXUyFjzEAfKj3+xU897J6AuL+7XVZG32WnqA+X6LJMrcQ==
+  dependencies:
+    "@storybook/csf" "0.1.11"
     "@storybook/global" "^5.0.0"
     "@storybook/icons" "^1.2.5"
-    "@storybook/manager-api" "8.1.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/theming" "8.1.0"
-    "@storybook/types" "8.1.0"
     "@types/lodash" "^4.14.167"
     color-convert "^2.0.1"
     dequal "^2.0.2"
     lodash "^4.17.21"
-    markdown-to-jsx "7.3.2"
+    markdown-to-jsx "^7.4.5"
     memoizerific "^1.11.3"
     polished "^4.2.2"
     react-colorful "^5.1.2"
     telejson "^7.2.0"
-    tocbot "^4.20.1"
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/builder-manager@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-8.1.0.tgz#e4b8b94484f596ebaa7d1921e723b1b90b9bc17c"
-  integrity sha512-QG6XRxk8Nm4BRAbwkLILts7YPF78cM/3mXH1y/zbMnxYE0suNtxb0Q9B9qE5cFK2dhgiWIprF6RWaP5kv8bpig==
-  dependencies:
-    "@fal-works/esbuild-plugin-global-externals" "^2.1.2"
-    "@storybook/core-common" "8.1.0"
-    "@storybook/manager" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@types/ejs" "^3.1.1"
-    "@yarnpkg/esbuild-plugin-pnp" "^3.0.0-rc.10"
-    browser-assert "^1.2.1"
-    ejs "^3.1.10"
-    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0"
-    esbuild-plugin-alias "^0.2.1"
-    express "^4.17.3"
-    fs-extra "^11.1.0"
-    process "^0.11.10"
-    util "^0.12.4"
-
-"@storybook/builder-vite@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.1.0.tgz#30aa11c33040ea8d234b1fb0a5981d2050adb685"
-  integrity sha512-KCTWA4gFMHm0u5YXYIaGiPasCeAzMo1yE9Z/vyWRL+2sifwDPTDu3QOhlBblGPdLzA18LVJuKcfcuWPqiQrIdA==
-  dependencies:
-    "@storybook/channels" "8.1.0"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/core-common" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf-plugin" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/preview" "8.1.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/types" "8.1.0"
+"@storybook/builder-vite@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.2.9.tgz#f140a8a8c5cf745c847d2f37841e0f2f98926fcc"
+  integrity sha512-MHD3ezRjKkJkOl0u7CRQoQD/LKd28YMWIcaz4YrV6ygokc0c3RFTlOefICQFgboc+1RwIUowxN1CJ2kJ7p4SWw==
+  dependencies:
+    "@storybook/csf-plugin" "8.2.9"
     "@types/find-cache-dir" "^3.2.1"
     browser-assert "^1.2.1"
     es-module-lexer "^1.5.0"
-    express "^4.17.3"
+    express "^4.19.2"
     find-cache-dir "^3.0.0"
     fs-extra "^11.1.0"
     magic-string "^0.30.0"
@@ -3011,59 +2810,6 @@
     telejson "^7.2.0"
     tiny-invariant "^1.3.1"
 
-"@storybook/channels@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-8.1.0.tgz#433902f8e3f5f6fa2c57152f3bff5a1e67c9c053"
-  integrity sha512-zZ6f1IC6AlQfPcVJeRH9MyzaGBXdniVREbjdM4qDHJkHKtWs92K2IXQ3W/aAIFKbpKKYadTWu+UQfULw0oAG3Q==
-  dependencies:
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/global" "^5.0.0"
-    telejson "^7.2.0"
-    tiny-invariant "^1.3.1"
-
-"@storybook/cli@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-8.1.0.tgz#f2e60ecfdd621a1e61f8c5b2a343b478bc53e81e"
-  integrity sha512-+/wQ9JfoE+GVNpozwltUqINqlQaAU1kEAdA52q/KRVrlvQ6GhU3NkR64ZNg4IOWs4I3LKy9YXgQ++UnBqVwO5A==
-  dependencies:
-    "@babel/core" "^7.24.4"
-    "@babel/types" "^7.24.0"
-    "@ndelangen/get-tarball" "^3.0.7"
-    "@storybook/codemod" "8.1.0"
-    "@storybook/core-common" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/core-server" "8.1.0"
-    "@storybook/csf-tools" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/telemetry" "8.1.0"
-    "@storybook/types" "8.1.0"
-    "@types/semver" "^7.3.4"
-    "@yarnpkg/fslib" "2.10.3"
-    "@yarnpkg/libzip" "2.3.0"
-    chalk "^4.1.0"
-    commander "^6.2.1"
-    cross-spawn "^7.0.3"
-    detect-indent "^6.1.0"
-    envinfo "^7.7.3"
-    execa "^5.0.0"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    get-npm-tarball-url "^2.0.3"
-    giget "^1.0.0"
-    globby "^14.0.1"
-    jscodeshift "^0.15.1"
-    leven "^3.1.0"
-    ora "^5.4.1"
-    prettier "^3.1.1"
-    prompts "^2.4.0"
-    read-pkg-up "^7.0.1"
-    semver "^7.3.7"
-    strip-json-comments "^3.0.1"
-    tempy "^1.0.1"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-
 "@storybook/client-logger@8.0.5":
   version "8.0.5"
   resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-8.0.5.tgz#8cafa514e9a9af054f926bc179264bef2198c0ce"
@@ -3071,25 +2817,16 @@
   dependencies:
     "@storybook/global" "^5.0.0"
 
-"@storybook/client-logger@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-8.1.0.tgz#525df1cce30e50752e15b5dd917c54315c865714"
-  integrity sha512-MPNggo4g/J/40muUsyo+LUN3BBcOb4FK5AD+yjDgbBPo2IwXCNqOdCHkz0TEALIVMMZ0KSdFW7uB/cFnfq/Xdw==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-
-"@storybook/codemod@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.1.0.tgz#eba8b1956056a8feab196311228236d938195b19"
-  integrity sha512-RQr8/bbn4l3Du0L53AIcOc13qrDjaod8olD2SK4b4l0WoiG5OHbx4UAicC6diVhILj3hKkd4oF78STSwnDdV4A==
+"@storybook/codemod@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.2.9.tgz#f6c7f43a5aa326b64544ad6f10038edc32293827"
+  integrity sha512-3yRx1lFMm1FXWVv+CKDiYM4gOQPEfpcZAQrjfcumxSDUrB091pnU1PeI92Prj3vCdi4+0oPNuN4yDGNUYTMP/A==
   dependencies:
     "@babel/core" "^7.24.4"
     "@babel/preset-env" "^7.24.4"
     "@babel/types" "^7.24.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/csf-tools" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/types" "8.1.0"
+    "@storybook/core" "8.2.9"
+    "@storybook/csf" "0.1.11"
     "@types/cross-spawn" "^6.0.2"
     cross-spawn "^7.0.3"
     globby "^14.0.1"
@@ -3099,22 +2836,6 @@
     recast "^0.23.5"
     tiny-invariant "^1.3.1"
 
-"@storybook/components@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.1.0.tgz#3930172443864635e6771ec9ed766417c9db870f"
-  integrity sha512-KFW2MXYzp3fF5pbhR+rKDN7TBFvoXp/EseByic4l7hM7P8QQN9Mm6xYMQ2T3uJtQmdEafJTa/LIqfD5kxrRqLA==
-  dependencies:
-    "@radix-ui/react-dialog" "^1.0.5"
-    "@radix-ui/react-slot" "^1.0.2"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^1.2.5"
-    "@storybook/theming" "8.1.0"
-    "@storybook/types" "8.1.0"
-    memoizerific "^1.11.3"
-    util-deprecate "^1.0.2"
-
 "@storybook/components@^8.0.0":
   version "8.0.5"
   resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.0.5.tgz#e526b4600b4b8049108a1b63e71fee8d75ff8d3d"
@@ -3130,40 +2851,10 @@
     memoizerific "^1.11.3"
     util-deprecate "^1.0.2"
 
-"@storybook/core-common@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-8.1.0.tgz#895f167b8b285572ee864cdc1de7a8463a4c1568"
-  integrity sha512-VDiJl+AyQLA0ys7an2O8fmgdFgaftJacVrO3P+5RtQob9BC057Mp3pq1lr1Si8orKPwFZhNJOfiF9jQeV5K+bw==
-  dependencies:
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf-tools" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/types" "8.1.0"
-    "@yarnpkg/fslib" "2.10.3"
-    "@yarnpkg/libzip" "2.3.0"
-    chalk "^4.1.0"
-    cross-spawn "^7.0.3"
-    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0"
-    esbuild-register "^3.5.0"
-    execa "^5.0.0"
-    file-system-cache "2.3.0"
-    find-cache-dir "^3.0.0"
-    find-up "^5.0.0"
-    fs-extra "^11.1.0"
-    glob "^10.0.0"
-    handlebars "^4.7.7"
-    lazy-universal-dotenv "^4.0.0"
-    node-fetch "^2.0.0"
-    picomatch "^2.3.0"
-    pkg-dir "^5.0.0"
-    prettier-fallback "npm:prettier@^3"
-    pretty-hrtime "^1.0.3"
-    resolve-from "^5.0.0"
-    semver "^7.3.7"
-    tempy "^1.0.1"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-    util "^0.12.4"
+"@storybook/components@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.2.9.tgz#a2394749d52940b7a224d1d4801d756b2750b488"
+  integrity sha512-OkkcZ/f/6o3GdFEEK9ZHKIGHWUHmavZUYs5xaSgU64bOrA2aqEFtfeWWitZYTv3Euhk8MVLWfyEMDfez0AlvDg==
 
 "@storybook/core-events@8.0.5", "@storybook/core-events@^8.0.0":
   version "8.0.5"
@@ -3172,88 +2863,36 @@
   dependencies:
     ts-dedent "^2.0.0"
 
-"@storybook/core-events@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-8.1.0.tgz#1eec094bd0b7e2d7900a72da27bdd94254d65947"
-  integrity sha512-9oCACeyYqH7rZVHglzH//cJXdP0mM5d2nBM4kgFgTTLJpbb0+SrF0rD0EVpHfA1l4Kz7pgzTY6Xj2p4mEiZ0Qg==
-  dependencies:
-    "@storybook/csf" "^0.1.7"
-    ts-dedent "^2.0.0"
-
-"@storybook/core-server@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-8.1.0.tgz#116270cd7f0a00e03651dec099b439d5340719e8"
-  integrity sha512-12BjLHOND9mezi8/8VgyB8U80DOFcMqmgPTy6y6TkEmpI3TszbMIIderuWWXU0Yq9rFGya34+e2Srd6ffYh6hA==
+"@storybook/core@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.2.9.tgz#68f8659014e06f4f65f6dbdf1dd10850f31d23b3"
+  integrity sha512-wSER8FpA6Il/jPyDfKm3yohxDtuhisNPTonMVzd3ulNWR4zERLddyO3HrHJJwdqYHLNk4SBFzwMGpQZVws1y0w==
   dependencies:
-    "@aw-web-design/x-default-browser" "1.4.126"
-    "@babel/core" "^7.24.4"
-    "@babel/parser" "^7.24.4"
-    "@discoveryjs/json-ext" "^0.5.3"
-    "@storybook/builder-manager" "8.1.0"
-    "@storybook/channels" "8.1.0"
-    "@storybook/core-common" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/csf-tools" "8.1.0"
-    "@storybook/docs-mdx" "3.1.0-next.0"
-    "@storybook/global" "^5.0.0"
-    "@storybook/manager" "8.1.0"
-    "@storybook/manager-api" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/telemetry" "8.1.0"
-    "@storybook/types" "8.1.0"
-    "@types/detect-port" "^1.3.0"
-    "@types/diff" "^5.0.9"
+    "@storybook/csf" "0.1.11"
+    "@types/express" "^4.17.21"
     "@types/node" "^18.0.0"
-    "@types/pretty-hrtime" "^1.0.0"
-    "@types/semver" "^7.3.4"
-    better-opn "^3.0.2"
-    chalk "^4.1.0"
-    cli-table3 "^0.6.1"
-    compression "^1.7.4"
-    detect-port "^1.3.0"
-    diff "^5.2.0"
-    express "^4.17.3"
-    fs-extra "^11.1.0"
-    globby "^14.0.1"
-    ip "^2.0.1"
-    lodash "^4.17.21"
-    open "^8.4.0"
-    pretty-hrtime "^1.0.3"
-    prompts "^2.4.0"
-    read-pkg-up "^7.0.1"
-    semver "^7.3.7"
-    telejson "^7.2.0"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
+    browser-assert "^1.2.1"
+    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0"
+    esbuild-register "^3.5.0"
+    express "^4.19.2"
+    process "^0.11.10"
+    recast "^0.23.5"
     util "^0.12.4"
-    util-deprecate "^1.0.2"
-    watchpack "^2.2.0"
     ws "^8.2.3"
 
-"@storybook/csf-plugin@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.1.0.tgz#bc581eea3a6efcb547bb65526635817dd7169425"
-  integrity sha512-xWisKhyAqpXXsLASsYD+auWeIHlWdAB+wryP6S1vFDUdwzJ7HOS+FT4c7wF8AQjkF5jHPfzChYjbgII/ae6P3w==
+"@storybook/csf-plugin@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.2.9.tgz#1ef4a4f4bf6a601ffae110dc9722ded834e422fa"
+  integrity sha512-QQCFb3g12VQQEraDV1UfCmniGhQZKyT6oEt1Im6dzzPJj9NQk+6BjWoDep33CZhBHWoLryrMQd2fjuHxnFRNEA==
   dependencies:
-    "@storybook/csf-tools" "8.1.0"
     unplugin "^1.3.1"
 
-"@storybook/csf-tools@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-8.1.0.tgz#09248934254eda66f7b0b02ffd68048db395acd1"
-  integrity sha512-nMdBFmEh0Ep/931Z/2OflTFmD+SMiwIQf0UAZ7pVGXSjVHY+PNSPyTo8967BPu89I0gjXQXYJxL6SgSM60i3kg==
+"@storybook/csf@0.1.11":
+  version "0.1.11"
+  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.1.11.tgz#ad685a4fe564a47a6b73571c2e7c07b526f4f71b"
+  integrity sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==
   dependencies:
-    "@babel/generator" "^7.24.4"
-    "@babel/parser" "^7.24.4"
-    "@babel/traverse" "^7.24.1"
-    "@babel/types" "^7.24.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/types" "8.1.0"
-    fs-extra "^11.1.0"
-    recast "^0.23.5"
-    ts-dedent "^2.0.0"
+    type-fest "^2.19.0"
 
 "@storybook/csf@^0.0.1":
   version "0.0.1"
@@ -3269,32 +2908,6 @@
   dependencies:
     type-fest "^2.19.0"
 
-"@storybook/csf@^0.1.7":
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.1.7.tgz#dcc6c16a353bc09c8c619ba1a23ba93b2aab0b9d"
-  integrity sha512-53JeLZBibjQxi0Ep+/AJTfxlofJlxy1jXcSKENlnKxHjWEYyHQCumMP5yTFjf7vhNnMjEpV3zx6t23ssFiGRyw==
-  dependencies:
-    type-fest "^2.19.0"
-
-"@storybook/docs-mdx@3.1.0-next.0":
-  version "3.1.0-next.0"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-mdx/-/docs-mdx-3.1.0-next.0.tgz#9567c6eb621110dcf6554923a975238953d06305"
-  integrity sha512-t4syFIeSyufieNovZbLruPt2DmRKpbwL4fERCZ1MifWDRIORCKLc4NCEHy+IqvIqd71/SJV2k4B51nF7vlJfmQ==
-
-"@storybook/docs-tools@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-8.1.0.tgz#2f7d9d6d55e7f0a450c4c1629c34cf39c092446e"
-  integrity sha512-Da0sQxStqTSeIUptBfU/OIhca4dkPld7GgBPV29FfdxreTAcg5gfJyUQH4v3yR/3x8QYHAbxmvUw5Rjnq03OKw==
-  dependencies:
-    "@storybook/core-common" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/types" "8.1.0"
-    "@types/doctrine" "^0.0.3"
-    assert "^2.1.0"
-    doctrine "^3.0.0"
-    lodash "^4.17.21"
-
 "@storybook/global@^5.0.0":
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
@@ -3305,27 +2918,6 @@
   resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.2.9.tgz#bb4a51a79e186b62e2dd0e04928b8617ac573838"
   integrity sha512-cOmylsz25SYXaJL/gvTk/dl3pyk7yBFRfeXTsHvTA3dfhoU/LWSq0NKL9nM7WBasJyn6XPSGnLS4RtKXLw5EUg==
 
-"@storybook/manager-api@8.1.0", "@storybook/manager-api@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.1.0.tgz#d5580c0283ca6911895d28b4eec02661af5476cb"
-  integrity sha512-QLKpN4epgFiC7PkY7wyVphZi0fdoHWSq7f4VoLZkwDgCizdI0FjCsKYoHSKpzN8jQlLjv62DkpXM8z/JiWSSzg==
-  dependencies:
-    "@storybook/channels" "8.1.0"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^1.2.5"
-    "@storybook/router" "8.1.0"
-    "@storybook/theming" "8.1.0"
-    "@storybook/types" "8.1.0"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    memoizerific "^1.11.3"
-    store2 "^2.14.2"
-    telejson "^7.2.0"
-    ts-dedent "^2.0.0"
-
 "@storybook/manager-api@^8.0.0":
   version "8.0.5"
   resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.0.5.tgz#7fdc49803f1507bea97392bfd05760071a19d838"
@@ -3347,73 +2939,47 @@
     telejson "^7.2.0"
     ts-dedent "^2.0.0"
 
-"@storybook/manager@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-8.1.0.tgz#6d7022926ba802d8689515b449a3b9acc8e6030c"
-  integrity sha512-SXDEm8s2bdmopoj42eSGwENXTQIo22hOIKRG3roMD1R3ddlQkFyMbcfXr2g+wNzGcKKyiTEOg/arG22HHaj6ig==
-
-"@storybook/node-logger@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-8.1.0.tgz#66c4fc81f15e5b7ba65c0b79e7c7388d5001b00f"
-  integrity sha512-oCUp2V+selKVCNE3RrbFoP6lW0HYtX0N8NLsMbuxnVRIg6BC4Tn6OJ0azIWjJWpIf60A80wOUKmlE36Q32ANYg==
-
-"@storybook/preview-api@8.1.0", "@storybook/preview-api@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.1.0.tgz#23a95fa8ae79d9be28a8ba45e5231a5758f585d6"
-  integrity sha512-JYp58I/+u4YBUvdDbQ7G1B7CPjB/C/UU7Wgb7bdX3Kp9jQto1hYO9Arq/ncMB7w6ZZJOwTeaI0PLAFsnpFwf4w==
-  dependencies:
-    "@storybook/channels" "8.1.0"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/core-events" "8.1.0"
-    "@storybook/csf" "^0.1.7"
-    "@storybook/global" "^5.0.0"
-    "@storybook/types" "8.1.0"
-    "@types/qs" "^6.9.5"
-    dequal "^2.0.2"
-    lodash "^4.17.21"
-    memoizerific "^1.11.3"
-    qs "^6.10.0"
-    tiny-invariant "^1.3.1"
-    ts-dedent "^2.0.0"
-    util-deprecate "^1.0.2"
+"@storybook/manager-api@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.2.9.tgz#f09a83fce286bc48783c75e7d7184dd8a5381527"
+  integrity sha512-mkYvUlfqDw+0WbxIynh5TcrotmoXlumEsOA4+45zuNea8XpEgj5cNBUCnmfEO6yQ85swqkS8YYbMpg1cZyu/Vw==
 
-"@storybook/preview@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-8.1.0.tgz#3ca11b0424a95576b9a626e558fb8d063a55d5dd"
-  integrity sha512-YithzpOWhoWT2mfl4hyE7WQCwqTD5snBdEzGzpby0Cb+2Dnx/8hejGLsrphqoZkciaWchQS8nTjs9Rgj43ufcA==
+"@storybook/preview-api@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.2.9.tgz#e35ca783a1d98174e73223856397a9767766a737"
+  integrity sha512-D8/t+a78OJqQAcT/ABa1C4YM/OaLGQ9IvCsp3Q9ruUqDCwuZBj8bG3D4477dlY4owX2ycC0rWYu3VvuK0EmJjA==
 
-"@storybook/react-dom-shim@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.1.0.tgz#3c0599da472f599b64f2f180b92b50cdd6d5d11c"
-  integrity sha512-mKj86pcwL9BXwtYF63SGnYmGvacYNRW/BDkotHMS1DaN7ZBqvXlEU7vopPVL6ay2Yono7AnqQR2eQl7cUevsag==
+"@storybook/react-dom-shim@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.2.9.tgz#db31bdab3a995759a9e45b2dc2ca0888a75fc89d"
+  integrity sha512-uCAjSQEsNk8somVn1j/I1G9G/uUax5byHseIIV0Eq3gVXttGd7gaWcP+TDHtqIaenWHx4l+hCSuCesxiLWmx4Q==
 
-"@storybook/react-vite@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-8.1.0.tgz#673d7ecd015e69c67a5fcc7f1085eb299f20e85d"
-  integrity sha512-dzXh43/DqQhxg97sDF2nD0oRww6F1cuaOq81QjNnUEjznHacgYiGAnag1Y3GGO3MhnjfwZzOFj92O0ynY/M2iQ==
+"@storybook/react-vite@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-8.2.9.tgz#4b836a7140d4c17796a57bbddebfc09185317294"
+  integrity sha512-Lw6FzcAaL7jX8Y8EsDzg32Lp0NdeNJZpj0LVwX5sLOQQA6w4i3PqlFINXDY28qCGo6wqKT+w44zhgwUcU5V0Ow==
   dependencies:
     "@joshwooding/vite-plugin-react-docgen-typescript" "0.3.1"
     "@rollup/pluginutils" "^5.0.2"
-    "@storybook/builder-vite" "8.1.0"
-    "@storybook/node-logger" "8.1.0"
-    "@storybook/react" "8.1.0"
+    "@storybook/builder-vite" "8.2.9"
+    "@storybook/react" "8.2.9"
     find-up "^5.0.0"
     magic-string "^0.30.0"
     react-docgen "^7.0.0"
     resolve "^1.22.8"
     tsconfig-paths "^4.2.0"
 
-"@storybook/react@8.1.0", "@storybook/react@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.1.0.tgz#e89aa332c351fc0ac8bb772181961dd60336d523"
-  integrity sha512-IEyRsNRRDqkxwZOFqWwTRgMzOj2p3YXsmNyGiV3vOrssZhPOCEp1CMCup7OIHk5JTnejY5CNkZYgJFvKNL5ccA==
+"@storybook/react@8.2.9", "@storybook/react@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.2.9.tgz#91348ab82e699a2d2f48b9721fe781782badc9ac"
+  integrity sha512-F2xZcTDxxjpbqt7eP8rEHmlksiKmE/qtPusEWEY4N4jK01kN+ncxSl8gkJpUohMEmAnVC5t/1v/sU57xv1DYpg==
   dependencies:
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/docs-tools" "8.1.0"
+    "@storybook/components" "^8.2.9"
     "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "8.1.0"
-    "@storybook/react-dom-shim" "8.1.0"
-    "@storybook/types" "8.1.0"
+    "@storybook/manager-api" "^8.2.9"
+    "@storybook/preview-api" "^8.2.9"
+    "@storybook/react-dom-shim" "8.2.9"
+    "@storybook/theming" "^8.2.9"
     "@types/escodegen" "^0.0.6"
     "@types/estree" "^0.0.51"
     "@types/node" "^18.0.0"
@@ -3439,40 +3005,16 @@
     memoizerific "^1.11.3"
     qs "^6.10.0"
 
-"@storybook/router@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-8.1.0.tgz#9c9e18d8fb17658f0f74e765262befaeb6c46881"
-  integrity sha512-5B7Vxh17/+V83Ejc8Bqt5dzIGlXp4MpbSFkbbU5mXMcPoknr8fVRix82dQLktYaTVXkeGDbTrLLJDIi8BxS8aQ==
-  dependencies:
-    "@storybook/client-logger" "8.1.0"
-    memoizerific "^1.11.3"
-    qs "^6.10.0"
-
-"@storybook/source-loader@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-8.1.0.tgz#f5d37e2b02439ab430afbcc006a0a2059aad87cf"
-  integrity sha512-lUeKnIgQT/9Li6K+xfkZb/GuxOPx5GTm4pbjAKUzNA82Yff4+RFl34eyG+vqg8QHIbPJRzGb3lohC8d25/amug==
+"@storybook/source-loader@8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-8.2.9.tgz#d67e805ed673afb9c3db6f5c4214d50d16bb8c54"
+  integrity sha512-M2A6oo1DmcQXaSDKAXik9watCUZFGxSGPnPI3H/7O3Zt1S+9TLpCWdDpOm9itYRijLEQY7u3IvPTZqlbgSl17A==
   dependencies:
-    "@storybook/csf" "^0.1.7"
-    "@storybook/types" "8.1.0"
+    "@storybook/csf" "0.1.11"
     estraverse "^5.2.0"
     lodash "^4.17.21"
     prettier "^3.1.1"
 
-"@storybook/telemetry@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-8.1.0.tgz#c562f684898c0b287d0d357a658846ebe23d1c05"
-  integrity sha512-/VPzIAbjYGjMZWGWLRGavKEvz8j3kybCt+W47QgOiSKvYA5yrrTFnSEvW7coTITNTK1dJKTROeJ/oCySbHgTDA==
-  dependencies:
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/core-common" "8.1.0"
-    "@storybook/csf-tools" "8.1.0"
-    chalk "^4.1.0"
-    detect-package-manager "^2.0.1"
-    fetch-retry "^5.0.2"
-    fs-extra "^11.1.0"
-    read-pkg-up "^7.0.1"
-
 "@storybook/theming@8.0.5", "@storybook/theming@^8.0.0":
   version "8.0.5"
   resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.0.5.tgz#e98aa8b761b93c2cff21213770a1bafb971f2c07"
@@ -3483,15 +3025,10 @@
     "@storybook/global" "^5.0.0"
     memoizerific "^1.11.3"
 
-"@storybook/theming@8.1.0", "@storybook/theming@^8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.1.0.tgz#7e2d04e789c7177205370f29c92318f6aa83fe74"
-  integrity sha512-DlRhtGpibeOZOmhaTrc0gcKzANZMzISAx2q3OZuNnfrt2b6bPNLINuIkGVa8Mm0/t6XQxPEN5iqi8LtJCiQY8A==
-  dependencies:
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@storybook/client-logger" "8.1.0"
-    "@storybook/global" "^5.0.0"
-    memoizerific "^1.11.3"
+"@storybook/theming@^8.2.9":
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.2.9.tgz#6eb066f8957272c0bcb0078a8a9bc378ca9311d3"
+  integrity sha512-OL0NFvowPX85N5zIYdgeKKaFm7V4Vgtci093vL3cDZT13LGH6GuEzJKkUFGuUGNPFlJc+EgTj0o6PYKrOLyQ6w==
 
 "@storybook/types@8.0.5":
   version "8.0.5"
@@ -3502,15 +3039,6 @@
     "@types/express" "^4.7.0"
     file-system-cache "2.3.0"
 
-"@storybook/types@8.1.0":
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-8.1.0.tgz#49f8e6f33e5bada7988e572d2eb9cb589dfbaaa1"
-  integrity sha512-VNF++bY5KvLS4GnrH6vFVC3vaG38NHHAmDRBsjUG17LKXCL5PD6+fe8XEfWX40ylQ9ntzNdtCXDSSdow15IZ+Q==
-  dependencies:
-    "@storybook/channels" "8.1.0"
-    "@types/express" "^4.7.0"
-    file-system-cache "2.3.0"
-
 "@svgr/babel-plugin-add-jsx-attribute@8.0.0":
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz#4001f5d5dd87fa13303e36ee106e3ff3a7eb8b22"
@@ -3947,21 +3475,6 @@
   dependencies:
     "@types/ms" "*"
 
-"@types/detect-port@^1.3.0":
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/@types/detect-port/-/detect-port-1.3.5.tgz#deecde143245989dee0e82115f3caba5ee0ea747"
-  integrity sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==
-
-"@types/diff@^5.0.9":
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/@types/diff/-/diff-5.2.1.tgz#cceae9c4b2dae5c6b8ab1ce1263601c255d87fb3"
-  integrity sha512-uxpcuwWJGhe2AR1g8hD9F5OYGCqjqWnBUQFD8gMZsDbv8oPHzxJF6iMO6n8Tk0AdzlxoaaoQhOYlIg/PukVU8g==
-
-"@types/doctrine@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.3.tgz#e892d293c92c9c1d3f9af72c15a554fbc7e0895a"
-  integrity sha512-w5jZ0ee+HaPOaX25X2/2oGR/7rgAQSYII7X7pp0m9KgBfMP7uKfMfTvcpl5Dj+eDBbpxKGiqE+flqDr6XTd2RA==
-
 "@types/doctrine@^0.0.9":
   version "0.0.9"
   resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.9.tgz#d86a5f452a15e3e3113b99e39616a9baa0f9863f"
@@ -3974,11 +3487,6 @@
   dependencies:
     "@types/trusted-types" "*"
 
-"@types/ejs@^3.1.1":
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/@types/ejs/-/ejs-3.1.5.tgz#49d738257cc73bafe45c13cb8ff240683b4d5117"
-  integrity sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==
-
 "@types/emscripten@^1.39.6":
   version "1.39.10"
   resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.10.tgz#da6e58a6171b46a41d3694f812d845d515c77e18"
@@ -4009,7 +3517,7 @@
     "@types/range-parser" "*"
     "@types/send" "*"
 
-"@types/express@^4.7.0":
+"@types/express@^4.17.21", "@types/express@^4.7.0":
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d"
   integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==
@@ -4244,11 +3752,6 @@
   resolved "https://registry.yarnpkg.com/@types/paypal-checkout-components/-/paypal-checkout-components-4.0.8.tgz#dae11a164fb77fe370b013c0be44951bdc4ebf4d"
   integrity sha512-Z3IWbFPGdgL3O+Bg+TyVmMT8S3uGBsBjw3a8uRNR4OlYWa9m895djENErJMYU8itoki9rtcQMzoHOSFn8NFb1A==
 
-"@types/pretty-hrtime@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#ee1bd8c9f7a01b3445786aad0ef23aba5f511a44"
-  integrity sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==
-
 "@types/prop-types@*", "@types/prop-types@^15.7.11":
   version "15.7.11"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.11.tgz#2596fb352ee96a1379c657734d4b913a613ad563"
@@ -4261,7 +3764,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/qs@*", "@types/qs@^6.9.5":
+"@types/qs@*":
   version "6.9.11"
   resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.11.tgz#208d8a30bc507bd82e03ada29e4732ea46a6bbda"
   integrity sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==
@@ -4764,13 +4267,6 @@
   resolved "https://registry.yarnpkg.com/@xterm/xterm/-/xterm-5.5.0.tgz#275fb8f6e14afa6e8a0c05d4ebc94523ff775396"
   integrity sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==
 
-"@yarnpkg/esbuild-plugin-pnp@^3.0.0-rc.10":
-  version "3.0.0-rc.15"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz#4e40e7d2eb28825c9a35ab9d04c363931d7c0e67"
-  integrity sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==
-  dependencies:
-    tslib "^2.4.0"
-
 "@yarnpkg/fslib@2.10.3":
   version "2.10.3"
   resolved "https://registry.yarnpkg.com/@yarnpkg/fslib/-/fslib-2.10.3.tgz#a8c9893df5d183cf6362680b9f1c6d7504dd5717"
@@ -4840,11 +4336,6 @@ acorn@^8.11.3, acorn@^8.4.1, acorn@^8.9.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-address@^1.0.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
-  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
-
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -4998,11 +4489,6 @@ anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-app-root-dir@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/app-root-dir/-/app-root-dir-1.0.2.tgz#38187ec2dea7577fff033ffcb12172692ff6e118"
-  integrity sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==
-
 arch@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
@@ -5030,13 +4516,6 @@ argparse@^2.0.1:
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-aria-hidden@^1.1.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.4.tgz#b78e383fdbc04d05762c78b4a25a501e736c4522"
-  integrity sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==
-  dependencies:
-    tslib "^2.0.0"
-
 aria-query@5.3.0, aria-query@^5.0.0, aria-query@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.0.tgz#650c569e41ad90b51b3d7df5e5eed1c7549c103e"
@@ -5135,7 +4614,7 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
-assert@^2.0.0, assert@^2.1.0:
+assert@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/assert/-/assert-2.1.0.tgz#6d92a238d05dc02e7427c881fb8be81c8448b2dd"
   integrity sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==
@@ -5173,7 +4652,7 @@ astral-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
-async@^3.2.0, async@^3.2.3:
+async@^3.2.0:
   version "3.2.5"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.5.tgz#ebd52a8fdaf7a2289a24df399f8d8485c8a46b66"
   integrity sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==
@@ -5356,24 +4835,12 @@ bcrypt-pbkdf@^1.0.0:
   dependencies:
     tweetnacl "^0.14.3"
 
-better-opn@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/better-opn/-/better-opn-3.0.2.tgz#f96f35deaaf8f34144a4102651babcf00d1d8817"
-  integrity sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==
-  dependencies:
-    open "^8.0.4"
-
-big-integer@^1.6.44:
-  version "1.6.52"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
-  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bl@^4.0.3, bl@^4.1.0:
+bl@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
   integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
@@ -5424,13 +4891,6 @@ boxen@7.0.0:
     widest-line "^4.0.1"
     wrap-ansi "^8.0.1"
 
-bplist-parser@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
-  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
-  dependencies:
-    big-integer "^1.6.44"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -5478,13 +4938,6 @@ browser-assert@^1.2.1:
   resolved "https://registry.yarnpkg.com/browser-assert/-/browser-assert-1.2.1.tgz#9aaa5a2a8c74685c2ae05bfe46efd606f068c200"
   integrity sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==
 
-browserify-zlib@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
-  integrity sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==
-  dependencies:
-    pako "~0.2.0"
-
 browserslist@^4.22.2:
   version "4.22.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.3.tgz#299d11b7e947a6b843981392721169e27d60c5a6"
@@ -5711,7 +5164,7 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -5794,11 +5247,6 @@ chokidar@^3.5.1, chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
-
 chownr@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
@@ -5850,7 +5298,7 @@ cli-spinners@^2.5.0, cli-spinners@^2.9.2:
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.2.tgz#1773a8f4b9c4d6ac31563df53b3fc1d79462fe41"
   integrity sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==
 
-cli-table3@^0.6.1, cli-table3@~0.6.1:
+cli-table3@~0.6.1:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.3.tgz#61ab765aac156b52f222954ffc607a6f01dbeeb2"
   integrity sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==
@@ -6029,7 +5477,7 @@ compressible@~2.0.16:
   dependencies:
     mime-db ">= 1.43.0 < 2"
 
-compression@1.7.4, compression@^1.7.4:
+compression@1.7.4:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
   integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
@@ -6157,11 +5605,6 @@ core-util-is@1.0.2:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
 
-core-util-is@~1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
-  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
-
 cosmiconfig@^5.2.1:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
@@ -6251,10 +5694,12 @@ crypt@0.0.2:
   resolved "https://registry.yarnpkg.com/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b"
   integrity sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==
 
-crypto-random-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
-  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+crypto-random-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-4.0.0.tgz#5a3cc53d7dd86183df5da0312816ceeeb5bb1fc2"
+  integrity sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==
+  dependencies:
+    type-fest "^1.0.1"
 
 css-box-model@^1.2.0:
   version "1.2.1"
@@ -6540,14 +5985,6 @@ deepmerge@^4.3.1:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-browser-id@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
-  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
-  dependencies:
-    bplist-parser "^0.2.0"
-    untildify "^4.0.0"
-
 defaults@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
@@ -6574,11 +6011,6 @@ define-data-property@^1.1.4:
     es-errors "^1.3.0"
     gopd "^1.0.1"
 
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
 define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
@@ -6593,20 +6025,6 @@ defu@^6.1.3:
   resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
   integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
 
-del@^6.0.0:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
-  integrity sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==
-  dependencies:
-    globby "^11.0.1"
-    graceful-fs "^4.2.4"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.2"
-    p-map "^4.0.0"
-    rimraf "^3.0.2"
-    slash "^3.0.0"
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -6632,26 +6050,6 @@ detect-indent@^6.1.0:
   resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-6.1.0.tgz#592485ebbbf6b3b1ab2be175c8393d04ca0d57e6"
   integrity sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==
 
-detect-node-es@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
-  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
-
-detect-package-manager@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/detect-package-manager/-/detect-package-manager-2.0.1.tgz#6b182e3ae5e1826752bfef1de9a7b828cffa50d8"
-  integrity sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==
-  dependencies:
-    execa "^5.1.1"
-
-detect-port@^1.3.0:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.5.1.tgz#451ca9b6eaf20451acb0799b8ab40dff7718727b"
-  integrity sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ==
-  dependencies:
-    address "^1.0.1"
-    debug "4"
-
 devlop@^1.0.0, devlop@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
@@ -6669,11 +6067,6 @@ diff@^4.0.1:
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
   integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
 
-diff@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.2.0.tgz#26ded047cd1179b78b9537d5ef725503ce1ae531"
-  integrity sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==
-
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -6738,26 +6131,11 @@ dot-case@^3.0.4:
     no-case "^3.0.4"
     tslib "^2.0.3"
 
-dotenv-expand@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-10.0.0.tgz#12605d00fb0af6d0a592e6558585784032e4ef37"
-  integrity sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==
-
-dotenv@^16.0.0, dotenv@^16.0.3:
+dotenv@^16.0.3:
   version "16.4.1"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.1.tgz#1d9931f1d3e5d2959350d1250efab299561f7f11"
   integrity sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==
 
-duplexify@^3.5.0, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
@@ -6776,13 +6154,6 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
-ejs@^3.1.10:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
-  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
-  dependencies:
-    jake "^10.8.5"
-
 electron-to-chromium@^1.4.648:
   version "1.4.665"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.665.tgz#681700bd590b0e5a3be66e3e2874ce62abcf5da5"
@@ -6813,7 +6184,7 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
+end-of-stream@^1.1.0:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
@@ -6957,11 +6328,6 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-esbuild-plugin-alias@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/esbuild-plugin-alias/-/esbuild-plugin-alias-0.2.1.tgz#45a86cb941e20e7c2bc68a2bea53562172494fcb"
-  integrity sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==
-
 esbuild-register@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/esbuild-register/-/esbuild-register-3.5.0.tgz#449613fb29ab94325c722f560f800dd946dc8ea8"
@@ -6969,34 +6335,34 @@ esbuild-register@^3.5.0:
   dependencies:
     debug "^4.3.4"
 
-"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0":
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.20.2.tgz#9d6b2386561766ee6b5a55196c6d766d28c87ea1"
-  integrity sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==
+"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
+  integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.20.2"
-    "@esbuild/android-arm" "0.20.2"
-    "@esbuild/android-arm64" "0.20.2"
-    "@esbuild/android-x64" "0.20.2"
-    "@esbuild/darwin-arm64" "0.20.2"
-    "@esbuild/darwin-x64" "0.20.2"
-    "@esbuild/freebsd-arm64" "0.20.2"
-    "@esbuild/freebsd-x64" "0.20.2"
-    "@esbuild/linux-arm" "0.20.2"
-    "@esbuild/linux-arm64" "0.20.2"
-    "@esbuild/linux-ia32" "0.20.2"
-    "@esbuild/linux-loong64" "0.20.2"
-    "@esbuild/linux-mips64el" "0.20.2"
-    "@esbuild/linux-ppc64" "0.20.2"
-    "@esbuild/linux-riscv64" "0.20.2"
-    "@esbuild/linux-s390x" "0.20.2"
-    "@esbuild/linux-x64" "0.20.2"
-    "@esbuild/netbsd-x64" "0.20.2"
-    "@esbuild/openbsd-x64" "0.20.2"
-    "@esbuild/sunos-x64" "0.20.2"
-    "@esbuild/win32-arm64" "0.20.2"
-    "@esbuild/win32-ia32" "0.20.2"
-    "@esbuild/win32-x64" "0.20.2"
+    "@esbuild/aix-ppc64" "0.21.5"
+    "@esbuild/android-arm" "0.21.5"
+    "@esbuild/android-arm64" "0.21.5"
+    "@esbuild/android-x64" "0.21.5"
+    "@esbuild/darwin-arm64" "0.21.5"
+    "@esbuild/darwin-x64" "0.21.5"
+    "@esbuild/freebsd-arm64" "0.21.5"
+    "@esbuild/freebsd-x64" "0.21.5"
+    "@esbuild/linux-arm" "0.21.5"
+    "@esbuild/linux-arm64" "0.21.5"
+    "@esbuild/linux-ia32" "0.21.5"
+    "@esbuild/linux-loong64" "0.21.5"
+    "@esbuild/linux-mips64el" "0.21.5"
+    "@esbuild/linux-ppc64" "0.21.5"
+    "@esbuild/linux-riscv64" "0.21.5"
+    "@esbuild/linux-s390x" "0.21.5"
+    "@esbuild/linux-x64" "0.21.5"
+    "@esbuild/netbsd-x64" "0.21.5"
+    "@esbuild/openbsd-x64" "0.21.5"
+    "@esbuild/sunos-x64" "0.21.5"
+    "@esbuild/win32-arm64" "0.21.5"
+    "@esbuild/win32-ia32" "0.21.5"
+    "@esbuild/win32-x64" "0.21.5"
 
 esbuild@^0.19.2, esbuild@^0.19.3:
   version "0.19.12"
@@ -7570,7 +6936,7 @@ expr-eval-fork@^2.0.2:
   resolved "https://registry.yarnpkg.com/expr-eval-fork/-/expr-eval-fork-2.0.2.tgz#97136ac0a8178522055500f55d3d3c5ad54f400d"
   integrity sha512-NaAnObPVwHEYrODd7Jzp3zzT9pgTAlUUL4MZiZu9XAYPDpx89cPsfyEImFb2XY0vQNbrqg2CG7CLiI+Rs3seaQ==
 
-express@^4.17.3:
+express@^4.19.2:
   version "4.19.2"
   resolved "https://registry.yarnpkg.com/express/-/express-4.19.2.tgz#e25437827a3aa7f2a827bc8171bbbb664a356465"
   integrity sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==
@@ -7718,6 +7084,13 @@ fbjs@^0.8.1:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.30"
 
+fd-package-json@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/fd-package-json/-/fd-package-json-1.2.0.tgz#4f218bb8ff65c21011d1f4f17cb3d0c9e72f8da7"
+  integrity sha512-45LSPmWf+gC5tdCQMNH4s9Sr00bIkiD9aN7dc5hqkrEw1geRYyDQS1v1oMHAW3ysfxfndqGsrDREHHjNNbKUfA==
+  dependencies:
+    walk-up-path "^3.0.1"
+
 fd-slicer@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
@@ -7725,11 +7098,6 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
-fetch-retry@^5.0.2:
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/fetch-retry/-/fetch-retry-5.0.6.tgz#17d0bc90423405b7a88b74355bf364acd2a7fa56"
-  integrity sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==
-
 fflate@^0.4.8:
   version "0.4.8"
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
@@ -7776,13 +7144,6 @@ file-system-cache@2.3.0:
     fs-extra "11.1.1"
     ramda "0.29.0"
 
-filelist@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
-  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
-  dependencies:
-    minimatch "^5.0.1"
-
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -7833,7 +7194,7 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
-find-up@^4.0.0, find-up@^4.1.0:
+find-up@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -7973,11 +7334,6 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-fs-constants@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
-  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
-
 fs-extra@11.1.1:
   version "11.1.1"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
@@ -8079,16 +7435,6 @@ get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@
     has-symbols "^1.0.3"
     hasown "^2.0.0"
 
-get-nonce@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
-  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
-
-get-npm-tarball-url@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz#cbd6bb25884622bc3191c761466c93ac83343213"
-  integrity sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==
-
 get-stdin@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6"
@@ -8174,12 +7520,7 @@ glob-promise@^4.2.0:
   dependencies:
     "@types/glob" "^7.1.3"
 
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
-glob@>=7, glob@^10.0.0, glob@^10.3.1, glob@^10.3.10:
+glob@>=7, glob@^10.3.1, glob@^10.3.10:
   version "10.3.10"
   resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
   integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
@@ -8247,7 +7588,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.0.1, globby@^11.0.3, globby@^11.1.0:
+globby@^11.0.3, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -8298,30 +7639,6 @@ graphql@^16.8.1:
   resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.8.1.tgz#1930a965bef1170603702acdb68aedd3f3cf6f07"
   integrity sha512-59LZHPdGZVh695Ud9lRzPBVTtlX9ZCV150Er2W43ro37wVof0ctenSaskPPjN7lVTIN8mSZt8PHUNKZuNQUuxw==
 
-gunzip-maybe@^1.4.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz#b913564ae3be0eda6f3de36464837a9cd94b98ac"
-  integrity sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==
-  dependencies:
-    browserify-zlib "^0.1.4"
-    is-deflate "^1.0.0"
-    is-gzip "^1.0.0"
-    peek-stream "^1.1.0"
-    pumpify "^1.3.3"
-    through2 "^2.0.3"
-
-handlebars@^4.7.7:
-  version "4.7.8"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
-  integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
-  dependencies:
-    minimist "^1.2.5"
-    neo-async "^2.6.2"
-    source-map "^0.6.1"
-    wordwrap "^1.0.0"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -8634,7 +7951,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -8704,11 +8021,6 @@ invert-kv@^2.0.0:
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
   integrity sha512-wPVv/y/QQ/Uiirj/vh3oP+1Ww+AWehmi1g5fFWGPF6IpCBCDVrhgHRMvrLfdYcwDh3QJbGXDW4JAuzxElLSqKA==
 
-ip@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.1.tgz#e8f3595d33a3ea66490204234b77636965307105"
-  integrity sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==
-
 ipaddr.js@1.9.1, ipaddr.js@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@@ -8810,17 +8122,12 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-deflate@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-deflate/-/is-deflate-1.0.0.tgz#c862901c3c161fb09dac7cdc7e784f80e98f2f14"
-  integrity sha512-YDoFpuZWu1VRXlsnlYMzKyVRITXj7Ej/V9gXQ2/pAe7X1J7M/RNOqaIYi6qUn+B7nGyB9pDXrv02dsB58d2ZAQ==
-
 is-directory@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
   integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
 
-is-docker@^2.0.0, is-docker@^2.1.1:
+is-docker@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
@@ -8873,11 +8180,6 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
-is-gzip@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
-  integrity sha512-rcfALRIb1YewtnksfRIHGcIY93QnK8BIQ/2c9yDYcG/Y6+vRoJuTWBmmSEbyLLYtXm7q35pHOHbZFQBaLrhlWQ==
-
 is-installed-globally@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.4.0.tgz#9a0fd407949c30f86eb6959ef1b7994ed0b7b520"
@@ -8931,11 +8233,6 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-path-cwd@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
 is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
@@ -9076,11 +8373,6 @@ isarray@^2.0.5:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
-isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
@@ -9155,16 +8447,6 @@ jackspeak@2.1.1, jackspeak@^2.3.5, jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-jake@^10.8.5:
-  version "10.8.7"
-  resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.7.tgz#63a32821177940c33f356e0ba44ff9d34e1c7d8f"
-  integrity sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==
-  dependencies:
-    async "^3.2.3"
-    chalk "^4.0.2"
-    filelist "^1.0.4"
-    minimatch "^3.1.2"
-
 joycon@^3.0.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
@@ -9455,15 +8737,6 @@ lazy-ass@^1.6.0:
   resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
   integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==
 
-lazy-universal-dotenv@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz#0b220c264e89a042a37181a4928cdd298af73422"
-  integrity sha512-aXpZJRnTkpK6gQ/z4nk+ZBLd/Qdp118cvPruLSIQzQNRhKwEcdXCOzXuF55VDqIiuAaY3UGZ10DJtvZzDcvsxg==
-  dependencies:
-    app-root-dir "^1.0.2"
-    dotenv "^16.0.0"
-    dotenv-expand "^10.0.0"
-
 lcid@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-2.0.0.tgz#6ef5d2df60e52f82eb228a4c373e8d1f397253cf"
@@ -9841,10 +9114,10 @@ markdown-table@^3.0.0:
   resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.3.tgz#e6331d30e493127e031dd385488b5bd326e4a6bd"
   integrity sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==
 
-markdown-to-jsx@7.3.2:
-  version "7.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.3.2.tgz#f286b4d112dad3028acc1e77dfe1f653b347e131"
-  integrity sha512-B+28F5ucp83aQm+OxNrPkS8z0tMKaeHiy0lHJs3LqCyDQFtWuenaIrkaVTgAm1pf1AU85LXltva86hlaT17i8Q==
+markdown-to-jsx@^7.4.5:
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.5.0.tgz#42ece0c71e842560a7d8bd9f81e7a34515c72150"
+  integrity sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==
 
 md5@^2.2.1, md5@^2.3.0:
   version "2.3.0"
@@ -10382,13 +9655,6 @@ minimatch@9.0.3, minimatch@^9.0.1, minimatch@^9.0.3:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^5.0.1:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
-  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimatch@^9.0.4:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
@@ -10396,7 +9662,7 @@ minimatch@^9.0.4:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
+minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -10431,11 +9697,6 @@ minizlib@^2.1.1:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
-mkdirp-classic@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
-  integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
-
 mkdirp@^0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
@@ -10566,7 +9827,7 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.5.0, neo-async@^2.6.2:
+neo-async@^2.5.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
@@ -10596,7 +9857,7 @@ node-fetch-native@^1.6.1:
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.2.tgz#f439000d972eb0c8a741b65dcda412322955e1c6"
   integrity sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==
 
-node-fetch@^1.0.1, node-fetch@^2.0.0, node-fetch@^2.6.7:
+node-fetch@^1.0.1, node-fetch@^2.6.7:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
   integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
@@ -10801,15 +10062,6 @@ open@^7.4.2:
     is-docker "^2.0.0"
     is-wsl "^2.1.1"
 
-open@^8.0.4, open@^8.4.0:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 opencollective-postinstall@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz#7a0fff978f6dbfa4d006238fbac98ed4198c3259"
@@ -10964,11 +10216,6 @@ package-json-from-dist@^1.0.0:
   resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz#e501cd3094b278495eb4258d4c9f6d5ac3019f00"
   integrity sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==
 
-pako@~0.2.0:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
-  integrity sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -11145,15 +10392,6 @@ pathval@^1.1.1:
   resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
   integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
 
-peek-stream@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/peek-stream/-/peek-stream-1.1.3.tgz#3b35d84b7ccbbd262fff31dc10da56856ead6d67"
-  integrity sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==
-  dependencies:
-    buffer-from "^1.0.0"
-    duplexify "^3.5.0"
-    through2 "^2.0.3"
-
 peggy@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/peggy/-/peggy-4.0.3.tgz#7bcd47718483ab405c960350c5250e3e487dec74"
@@ -11178,7 +10416,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.0, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -11227,13 +10465,6 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-pkg-dir@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-5.0.0.tgz#a02d6aebe6ba133a928f74aec20bafdfe6b8e760"
-  integrity sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==
-  dependencies:
-    find-up "^5.0.0"
-
 pkg-types@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.3.tgz#988b42ab19254c01614d13f4f65a2cfc7880f868"
@@ -11307,11 +10538,6 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
 
-"prettier-fallback@npm:prettier@^3":
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
-  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -11352,16 +10578,6 @@ pretty-format@^29.7.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-pretty-hrtime@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
-  integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==
-
-process-nextick-args@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
 process@^0.11.1, process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
@@ -11434,14 +10650,6 @@ psl@^1.1.33:
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -11450,15 +10658,6 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
 punycode@^1.3.2, punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
@@ -11732,25 +10931,6 @@ react-redux@~7.1.3:
     prop-types "^15.7.2"
     react-is "^16.9.0"
 
-react-remove-scroll-bar@^2.3.3:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
-  integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
-  dependencies:
-    react-style-singleton "^2.2.1"
-    tslib "^2.0.0"
-
-react-remove-scroll@2.5.5:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz#1e31a1260df08887a8a0e46d09271b52b3a37e77"
-  integrity sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==
-  dependencies:
-    react-remove-scroll-bar "^2.3.3"
-    react-style-singleton "^2.2.1"
-    tslib "^2.1.0"
-    use-callback-ref "^1.3.0"
-    use-sidecar "^1.1.2"
-
 react-router-dom@~5.3.4:
   version "5.3.4"
   resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.4.tgz#2ed62ffd88cae6db134445f4a0c0ae8b91d2e5e6"
@@ -11809,15 +10989,6 @@ react-smooth@^4.0.0:
     prop-types "^15.8.1"
     react-transition-group "^4.4.5"
 
-react-style-singleton@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
-  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
-  dependencies:
-    get-nonce "^1.0.0"
-    invariant "^2.2.4"
-    tslib "^2.0.0"
-
 react-test-renderer@16.14.0:
   version "16.14.0"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.14.0.tgz#e98360087348e260c56d4fe2315e970480c228ae"
@@ -11868,15 +11039,6 @@ react@^17.0.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-read-pkg-up@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
-  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
-  dependencies:
-    find-up "^4.1.0"
-    read-pkg "^5.2.0"
-    type-fest "^0.8.1"
-
 read-pkg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
@@ -11905,20 +11067,7 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-readable-stream@^2.0.0, readable-stream@~2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.1.1, readable-stream@^3.4.0:
+readable-stream@^3.4.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
   integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@@ -12406,7 +11555,7 @@ safe-array-concat@^1.0.1:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
@@ -12778,7 +11927,7 @@ source-map@^0.5.7:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@^0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -12878,17 +12027,39 @@ storybook-dark-mode@^4.0.1:
     fast-deep-equal "^3.1.3"
     memoizerific "^1.11.3"
 
-storybook@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.1.0.tgz#f806c0d762ac003f5ff0e6594f646f4231f4bd8a"
-  integrity sha512-PiOKNQHFwW4ypAdUM7CSPyt5nHamcyB1yKe/+umoLo25KhYzjJa71PR1XKyBzjM3kqz8oetauexwfRwJDbfyzg==
+storybook@^8.2.9:
+  version "8.2.9"
+  resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.2.9.tgz#35a670cb72367709b6ad3627dfb77c5e25a339f0"
+  integrity sha512-S7Q/Yt4A+nu1O23rg39lQvBqL2Vg+PKXbserDWUR4LFJtfmoZ2xGO8oFIhJmvvhjUBvolw1q7QDeswPq2i0sGw==
   dependencies:
-    "@storybook/cli" "8.1.0"
-
-stream-shift@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.3.tgz#85b8fab4d71010fc3ba8772e8046cc49b8a3864b"
-  integrity sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==
+    "@babel/core" "^7.24.4"
+    "@babel/types" "^7.24.0"
+    "@storybook/codemod" "8.2.9"
+    "@storybook/core" "8.2.9"
+    "@types/semver" "^7.3.4"
+    "@yarnpkg/fslib" "2.10.3"
+    "@yarnpkg/libzip" "2.3.0"
+    chalk "^4.1.0"
+    commander "^6.2.1"
+    cross-spawn "^7.0.3"
+    detect-indent "^6.1.0"
+    envinfo "^7.7.3"
+    execa "^5.0.0"
+    fd-package-json "^1.2.0"
+    find-up "^5.0.0"
+    fs-extra "^11.1.0"
+    giget "^1.0.0"
+    globby "^14.0.1"
+    jscodeshift "^0.15.1"
+    leven "^3.1.0"
+    ora "^5.4.1"
+    prettier "^3.1.1"
+    prompts "^2.4.0"
+    semver "^7.3.7"
+    strip-json-comments "^3.0.1"
+    tempy "^3.1.0"
+    tiny-invariant "^1.3.1"
+    ts-dedent "^2.0.0"
 
 stream@^0.0.3:
   version "0.0.3"
@@ -13009,13 +12180,6 @@ string_decoder@^1.1.1, string_decoder@^1.3.0:
   dependencies:
     safe-buffer "~5.2.0"
 
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -13219,27 +12383,6 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tar-fs@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-2.1.1.tgz#489a15ab85f1f0befabb370b7de4f9eb5cbe8784"
-  integrity sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==
-  dependencies:
-    chownr "^1.1.1"
-    mkdirp-classic "^0.5.2"
-    pump "^3.0.0"
-    tar-stream "^2.1.4"
-
-tar-stream@^2.1.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
-  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
-  dependencies:
-    bl "^4.0.3"
-    end-of-stream "^1.4.1"
-    fs-constants "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^3.1.1"
-
 tar@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.2.0.tgz#b14ce49a79cb1cd23bc9b016302dea5474493f73"
@@ -13259,10 +12402,10 @@ telejson@^7.2.0:
   dependencies:
     memoizerific "^1.11.3"
 
-temp-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
-  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+temp-dir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-3.0.0.tgz#7f147b42ee41234cc6ba3138cd8e8aa2302acffa"
+  integrity sha512-nHc6S/bwIilKHNRgK/3jlhDoIHcp45YgyiwcAk46Tr0LfEqGBVpmiAyuiuxeVE44m3mXnEeVhaipLOEWmH+Njw==
 
 temp@^0.8.4:
   version "0.8.4"
@@ -13271,16 +12414,15 @@ temp@^0.8.4:
   dependencies:
     rimraf "~2.6.2"
 
-tempy@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz#30fe901fd869cfb36ee2bd999805aa72fbb035de"
-  integrity sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==
+tempy@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-3.1.0.tgz#00958b6df85db8589cb595465e691852aac038e9"
+  integrity sha512-7jDLIdD2Zp0bDe5r3D2qtkd1QOCacylBuL7oa4udvN6v2pqr4+LcCr67C8DR1zkpaZ8XosF5m1yQSabKAW6f2g==
   dependencies:
-    del "^6.0.0"
-    is-stream "^2.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^0.16.0"
-    unique-string "^2.0.0"
+    is-stream "^3.0.0"
+    temp-dir "^3.0.0"
+    type-fest "^2.12.2"
+    unique-string "^3.0.0"
 
 test-exclude@^6.0.0:
   version "6.0.0"
@@ -13332,14 +12474,6 @@ throttleit@^1.0.0:
   resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.1.tgz#304ec51631c3b770c65c6c6f76938b384000f4d5"
   integrity sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==
 
-through2@^2.0.3:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
 through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
@@ -13406,11 +12540,6 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-tocbot@^4.20.1:
-  version "4.25.0"
-  resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.25.0.tgz#bc38aea5ec8f076779bb39636f431b044129a237"
-  integrity sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==
-
 toggle-selection@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
@@ -13523,7 +12652,7 @@ tslib@^1.10.0, tslib@^1.13.0, tslib@^1.8.1, tslib@^1.9.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0:
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
@@ -13595,11 +12724,6 @@ type-detect@^4.0.0, type-detect@^4.0.8:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
-type-fest@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
-  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
-
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
@@ -13620,12 +12744,12 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
-type-fest@^1.0.2:
+type-fest@^1.0.1, type-fest@^1.0.2:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
   integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
 
-type-fest@^2.13.0, type-fest@^2.19.0, type-fest@~2.19:
+type-fest@^2.12.2, type-fest@^2.13.0, type-fest@^2.19.0, type-fest@~2.19:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
   integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
@@ -13712,11 +12836,6 @@ ufo@^1.3.2:
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.4.0.tgz#39845b31be81b4f319ab1d99fd20c56cac528d32"
   integrity sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==
 
-uglify-js@^3.1.4:
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
-  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
-
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
@@ -13773,12 +12892,12 @@ unified@^11.0.0:
     trough "^2.0.0"
     vfile "^6.0.0"
 
-unique-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
-  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+unique-string@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-3.0.0.tgz#84a1c377aff5fd7a8bc6b55d8244b2bd90d75b9a"
+  integrity sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==
   dependencies:
-    crypto-random-string "^2.0.0"
+    crypto-random-string "^4.0.0"
 
 unist-util-is@^6.0.0:
   version "6.0.0"
@@ -13880,32 +12999,17 @@ url@^0.11.3:
     punycode "^1.4.1"
     qs "^6.11.2"
 
-use-callback-ref@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.2.tgz#6134c7f6ff76e2be0b56c809b17a650c942b1693"
-  integrity sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==
-  dependencies:
-    tslib "^2.0.0"
-
 use-memo-one@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.3.tgz#2fd2e43a2169eabc7496960ace8c79efef975e99"
   integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
 
-use-sidecar@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"
-  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
-  dependencies:
-    detect-node-es "^1.1.0"
-    tslib "^2.0.0"
-
 use-sync-external-store@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
@@ -14088,6 +13192,11 @@ w3c-xmlserializer@^4.0.0:
   dependencies:
     xml-name-validator "^4.0.0"
 
+walk-up-path@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-3.0.1.tgz#c8d78d5375b4966c717eb17ada73dbd41490e886"
+  integrity sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==
+
 warning@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
@@ -14095,14 +13204,6 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack@^2.2.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
 wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
@@ -14266,11 +13367,6 @@ word-wrap@^1.2.4, word-wrap@^1.2.5, word-wrap@~1.2.3:
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-wordwrap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
-
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
@@ -14360,11 +13456,6 @@ xmlchars@^2.2.0:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
 "y18n@^3.2.1 || ^4.0.0":
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"

From 2e1fed9ee787fce5a64d5eb45881efe1b3331c6b Mon Sep 17 00:00:00 2001
From: Purvesh Makode <pmakode@akamai.com>
Date: Mon, 26 Aug 2024 11:10:13 +0530
Subject: [PATCH 22/49] test: [M3-8463] - Add unit tests for CheckoutBar
 component (#10818)

* Add test cases for CheckoutBar component

* Added changeset: Add unit test cases for CheckoutBar component

* Remove unnecessary closing tags from components with no children

* Add test coverage for onDeploy method

* Refactor: Importing type with import type
---
 .../pr-10818-tests-1724394944251.md           |  5 ++
 .../CheckoutBar/CheckoutBar.test.tsx          | 79 +++++++++++++++++++
 .../components/CheckoutBar/CheckoutBar.tsx    |  2 +-
 3 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 packages/manager/.changeset/pr-10818-tests-1724394944251.md
 create mode 100644 packages/manager/src/components/CheckoutBar/CheckoutBar.test.tsx

diff --git a/packages/manager/.changeset/pr-10818-tests-1724394944251.md b/packages/manager/.changeset/pr-10818-tests-1724394944251.md
new file mode 100644
index 00000000000..9ce4d41ea24
--- /dev/null
+++ b/packages/manager/.changeset/pr-10818-tests-1724394944251.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add unit test cases for CheckoutBar component ([#10818](https://github.com/linode/manager/pull/10818))
diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.test.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.test.tsx
new file mode 100644
index 00000000000..252bf55f062
--- /dev/null
+++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.test.tsx
@@ -0,0 +1,79 @@
+import { fireEvent } from '@testing-library/react';
+import React from 'react';
+
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { CheckoutBar } from './CheckoutBar';
+
+import type { CheckoutBarProps } from './CheckoutBar';
+
+const defaultArgs: CheckoutBarProps = {
+  calculatedPrice: 30.0,
+  children: <div>Child items can go here!</div>,
+  heading: 'Checkout',
+  onDeploy: vi.fn(),
+  submitText: 'Submit',
+};
+
+describe('CheckoutBar', () => {
+  it('should render heading, children, and submit button', () => {
+    const { getByTestId, getByText } = renderWithTheme(
+      <CheckoutBar {...defaultArgs} />
+    );
+
+    expect(getByText('Checkout')).toBeVisible();
+    expect(getByTestId('Button')).toBeInTheDocument();
+    expect(getByTestId('Button')).toHaveTextContent('Submit');
+    expect(getByText('Child items can go here!')).toBeInTheDocument();
+  });
+
+  it('should render Agreement item if provided', () => {
+    const { getByText } = renderWithTheme(
+      <CheckoutBar
+        {...defaultArgs}
+        agreement={<div>Agreement item can go here!</div>}
+      />
+    );
+
+    expect(getByText('Agreement item can go here!')).toBeInTheDocument();
+  });
+
+  it('should render Footer item if provided', () => {
+    const { getByText } = renderWithTheme(
+      <CheckoutBar
+        {...defaultArgs}
+        footer={<div>Footer element can go here!</div>}
+      />
+    );
+
+    expect(getByText('Footer element can go here!')).toBeInTheDocument();
+  });
+
+  it('should disable submit button and show loading icon if isMakingRequest is true', () => {
+    const { getByTestId } = renderWithTheme(
+      <CheckoutBar {...defaultArgs} isMakingRequest={true} />
+    );
+
+    expect(getByTestId('Button')).toBeDisabled();
+    expect(getByTestId('loadingIcon')).toBeInTheDocument();
+  });
+
+  it("should disable submit button and show 'Submit' text if disabled prop is set", () => {
+    const { getByTestId } = renderWithTheme(
+      <CheckoutBar {...defaultArgs} disabled />
+    );
+
+    const button = getByTestId('Button');
+    expect(button).toBeDisabled();
+    expect(button).toHaveTextContent('Submit');
+  });
+
+  it('should call onDeploy when the submit button is not disabled', () => {
+    const { getByText } = renderWithTheme(<CheckoutBar {...defaultArgs} />);
+
+    const button = getByText('Submit');
+    expect(button).not.toBeDisabled();
+    fireEvent.click(button);
+    expect(defaultArgs.onDeploy).toHaveBeenCalled();
+  });
+});
diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
index 3d8ffdde20e..ef5d59b64ba 100644
--- a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
+++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx
@@ -11,7 +11,7 @@ import {
   SxTypography,
 } from './styles';
 
-interface CheckoutBarProps {
+export interface CheckoutBarProps {
   /**
    * JSX element to be displayed as an agreement section.
    */

From 4f297347086f12a74573753f788d071c299330b1 Mon Sep 17 00:00:00 2001
From: Azure-akamai <azsh@akamai.com>
Date: Mon, 26 Aug 2024 09:26:30 -0400
Subject: [PATCH 23/49] test: [M3-7479] - Add test for Linode VPC config not
 recommended notices (#10781)

* Add Linode VPC config not recommended notices

* Added changeset: Add test for Linode VPC config not recommended notices
---
 .../pr-10781-tests-1723573598915.md           |   5 +
 .../e2e/core/linodes/linode-config.spec.ts    | 156 +++++++++++++++++-
 2 files changed, 157 insertions(+), 4 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10781-tests-1723573598915.md

diff --git a/packages/manager/.changeset/pr-10781-tests-1723573598915.md b/packages/manager/.changeset/pr-10781-tests-1723573598915.md
new file mode 100644
index 00000000000..92b25bc8c5a
--- /dev/null
+++ b/packages/manager/.changeset/pr-10781-tests-1723573598915.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add test for Linode VPC config not recommended notices ([#10781](https://github.com/linode/manager/pull/10781))
diff --git a/packages/manager/cypress/e2e/core/linodes/linode-config.spec.ts b/packages/manager/cypress/e2e/core/linodes/linode-config.spec.ts
index e95ca4252d7..a6ea27fbc80 100644
--- a/packages/manager/cypress/e2e/core/linodes/linode-config.spec.ts
+++ b/packages/manager/cypress/e2e/core/linodes/linode-config.spec.ts
@@ -2,9 +2,9 @@ import { createTestLinode } from 'support/util/linodes';
 import { ui } from 'support/ui';
 import { authenticate } from 'support/api/authentication';
 import { cleanUp } from 'support/util/cleanup';
-import { mockGetVPC } from 'support/intercepts/vpc';
+import { mockGetVPC, mockGetVPCs } from 'support/intercepts/vpc';
 import { dcPricingMockLinodeTypes } from 'support/constants/dc-specific-pricing';
-import { getRegionById } from 'support/util/regions';
+import { chooseRegion, getRegionById } from 'support/util/regions';
 import { mockGetVLANs } from 'support/intercepts/vlans';
 import {
   interceptRebootLinode,
@@ -32,10 +32,15 @@ import {
   VLANFactory,
   LinodeConfigInterfaceFactory,
   LinodeConfigInterfaceFactoryWithVPC,
+  subnetFactory,
 } from '@src/factories';
-import { randomNumber, randomLabel } from 'support/util/random';
+import { randomNumber, randomLabel, randomIp } from 'support/util/random';
 import { fetchAllKernels, findKernelById } from 'support/util/kernels';
-import { NOT_NATTED_HELPER_TEXT } from 'src/features/VPCs/constants';
+import {
+  LINODE_UNREACHABLE_HELPER_TEXT,
+  NATTED_PUBLIC_IP_HELPER_TEXT,
+  NOT_NATTED_HELPER_TEXT,
+} from 'src/features/VPCs/constants';
 
 import type { CreateTestLinodeOptions } from 'support/util/linodes';
 import type {
@@ -658,5 +663,148 @@ describe('Linode Config management', () => {
 
       cy.findByText('REBOOT NEEDED').should('be.visible');
     });
+
+    /*
+     * - Tests Linode config edit and VPC interface assignment UI flows using mock API data.
+     * - When the user sets primary interface to eth0, sets eth0 to "Public Internet", and sets eth1 to "VPC", confirm that correct notice appears.
+     * - When the user sets primary interface to eth0, sets eth0 to "Public Internet", sets eth1 to "VPC", and checks "Assign a public IPv4 address for this Linode", confirm that correct notice appears.
+     * - Confirms that "REBOOT NEEDED" status indicator appears upon creating VPC config.
+     */
+    it('Creates a new config using non-recommended settings and confirm the informational notices', () => {
+      const region = chooseRegion({ capabilities: ['VPCs'] });
+      const mockLinode = linodeFactory.build({
+        id: randomNumber(),
+        label: randomLabel(),
+        region: region.id,
+      });
+      const mockSubnet = subnetFactory.build({
+        id: randomNumber(),
+        label: randomLabel(),
+        linodes: [],
+        ipv4: `${randomIp()}/0`,
+      });
+      const mockVPC = vpcFactory.build({
+        id: randomNumber(),
+        label: randomLabel(),
+        region: region.id,
+        subnets: [mockSubnet],
+      });
+
+      // Mock config with public internet eth0, VPC eth1 and no other interfaces.
+      const mockConfigWithVpc: Config = {
+        ...mockConfig,
+        interfaces: [
+          LinodeConfigInterfaceFactory.build({
+            ipam_address: null,
+            purpose: 'public',
+            label: null,
+          }),
+          LinodeConfigInterfaceFactoryWithVPC.build({
+            vpc_id: mockVPC.id,
+            active: false,
+            label: null,
+          }),
+        ],
+      };
+
+      // Mock a Linode with no existing configs, then visit its details page.
+      mockGetLinodeKernel(mockKernel.id, mockKernel);
+      mockGetLinodeKernels([mockKernel]);
+      mockGetLinodeDetails(mockLinode.id, mockLinode).as('getLinode');
+      mockGetLinodeDisks(mockLinode.id, []).as('getDisks');
+      mockGetLinodeVolumes(mockLinode.id, []).as('getVolumes');
+      mockGetLinodeConfigs(mockLinode.id, []).as('getConfigs');
+      mockGetVPC(mockVPC).as('getVPC');
+      mockGetVPCs([mockVPC]).as('getVPCs');
+
+      cy.visitWithLogin(`/linodes/${mockLinode.id}/configurations`);
+      cy.wait(['@getConfigs', '@getDisks', '@getLinode', '@getVolumes']);
+
+      // Confirm that there are no configurations displayed.
+      cy.findByLabelText('List of Configurations').within(() => {
+        cy.findByText('No data to display.').should('be.visible');
+      });
+
+      // Mock requests to create new config and re-fetch configs.
+      mockCreateLinodeConfigs(mockLinode.id, mockConfigWithVpc).as(
+        'createLinodeConfig'
+      );
+      mockGetLinodeConfigs(mockLinode.id, [mockConfigWithVpc]).as(
+        'getLinodeConfigs'
+      );
+
+      // Create new config.
+      cy.findByText('Add Configuration').click();
+      ui.dialog
+        .findByTitle('Add Configuration')
+        .should('be.visible')
+        .within(() => {
+          cy.get('#label').type(`${mockConfigWithVpc.label}`);
+
+          // Sets eth0 to "Public Internet", and sets eth1 to "VPC"
+          cy.get('[data-qa-textfield-label="eth0"]')
+            .scrollIntoView()
+            .click()
+            .type('Public Internet');
+          ui.select
+            .findItemByText('Public Internet')
+            .should('be.visible')
+            .click();
+          cy.get('[data-qa-textfield-label="eth1"]')
+            .scrollIntoView()
+            .click()
+            .type('VPC');
+          ui.select.findItemByText('VPC').should('be.visible').click();
+          // Confirm that internet access warning is displayed.
+          cy.findByText(LINODE_UNREACHABLE_HELPER_TEXT).should('be.visible');
+
+          // Sets eth0 to "Public Internet", and sets eth1 to "VPC",
+          // and checks "Assign a public IPv4 address for this Linode"
+          cy.get('[data-qa-textfield-label="VPC"]')
+            .scrollIntoView()
+            .click()
+            .type(`${mockVPC.label}`);
+          ui.select
+            .findItemByText(`${mockVPC.label}`)
+            .should('be.visible')
+            .click();
+          cy.get('[data-qa-textfield-label="Subnet"]')
+            .scrollIntoView()
+            .click()
+            .type(`${mockSubnet.label}`);
+          ui.select
+            .findItemByText(`${mockSubnet.label}`)
+            .should('be.visible')
+            .click();
+          cy.findByText('Assign a public IPv4 address for this Linode')
+            .should('be.visible')
+            .click();
+          // Confirm that internet access warning is displayed.
+          cy.findByText(NATTED_PUBLIC_IP_HELPER_TEXT)
+            .scrollIntoView()
+            .should('be.visible');
+
+          ui.buttonGroup
+            .findButtonByTitle('Add Configuration')
+            .scrollIntoView()
+            .should('be.visible')
+            .should('be.enabled')
+            .click();
+        });
+
+      cy.wait(['@createLinodeConfig', '@getLinodeConfigs', '@getVPC']);
+
+      // Confirm that Public Internet assigned to eth0, VPC to eth1,
+      // and that "REBOOT NEEDED" status message is shown.
+      cy.findByLabelText('List of Configurations').within(() => {
+        cy.contains(`${mockConfig.label} – ${mockKernel.label}`).should(
+          'be.visible'
+        );
+        cy.contains('eth0 – Public Internet').should('be.visible');
+        cy.contains(`eth1 – VPC: ${mockVPC.label}`).should('be.visible');
+      });
+
+      cy.findByText('REBOOT NEEDED').should('be.visible');
+    });
   });
 });

From ff631efec43258ca5eee5f9341695285b17ca996 Mon Sep 17 00:00:00 2001
From: Alban Bailly <130582365+abailly-akamai@users.noreply.github.com>
Date: Mon, 26 Aug 2024 11:36:22 -0400
Subject: [PATCH 24/49] change: [M3-8383] - Packages updates and resolution for
 braces vulnerability  (#10830)

* packages updates and resolution for braces

* Added changeset: Dependencies updates and resolution for `braces` package vulnerability

* update lint-staged in other packages
---
 package.json                                  |   1 +
 packages/api-v4/package.json                  |   4 +-
 .../pr-10830-tech-stories-1724469419694.md    |   5 +
 packages/manager/package.json                 |   2 +-
 packages/validation/package.json              |   4 +-
 yarn.lock                                     | 621 +++++++++++++-----
 6 files changed, 477 insertions(+), 160 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md

diff --git a/package.json b/package.json
index 1ab0fb56d7b..aec58e96361 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "docs": "bunx vitepress@1.0.0-rc.44 dev docs"
   },
   "resolutions": {
+    "braces": "^3.0.3",
     "@babel/traverse": "^7.23.3",
     "minimist": "^1.2.3",
     "yargs-parser": "^21.1.1",
diff --git a/packages/api-v4/package.json b/packages/api-v4/package.json
index af45e71a5c2..2a590b140f7 100644
--- a/packages/api-v4/package.json
+++ b/packages/api-v4/package.json
@@ -64,9 +64,9 @@
     "eslint": "^6.8.0",
     "eslint-plugin-ramda": "^2.5.1",
     "eslint-plugin-sonarjs": "^0.5.0",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^15.2.9",
     "prettier": "~2.2.1",
-    "tsup": "^7.2.0",
+    "tsup": "^8.2.4",
     "vitest": "^1.6.0"
   },
   "lint-staged": {
diff --git a/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md b/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md
new file mode 100644
index 00000000000..5a3b4d68cdc
--- /dev/null
+++ b/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Dependencies updates and resolution for `braces` package vulnerability ([#10830](https://github.com/linode/manager/pull/10830))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index 8d14b7950e3..92b6c4cc482 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -199,7 +199,7 @@
     "glob": "^10.3.1",
     "jsdom": "^22.1.0",
     "junit2json": "^3.1.4",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^15.2.9",
     "mocha-junit-reporter": "^2.2.1",
     "msw": "^2.2.3",
     "prettier": "~2.2.1",
diff --git a/packages/validation/package.json b/packages/validation/package.json
index 4d8cc17afd0..285493a1b04 100644
--- a/packages/validation/package.json
+++ b/packages/validation/package.json
@@ -48,9 +48,9 @@
     "eslint": "^6.8.0",
     "eslint-plugin-ramda": "^2.5.1",
     "eslint-plugin-sonarjs": "^0.5.0",
-    "lint-staged": "^13.2.2",
+    "lint-staged": "^15.2.9",
     "prettier": "~2.2.1",
-    "tsup": "^7.2.0"
+    "tsup": "^8.2.4"
   },
   "keywords": [
     "linode",
diff --git a/yarn.lock b/yarn.lock
index bc2c443ac67..2a34c4099a1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1771,6 +1771,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
   integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
 
+"@esbuild/aix-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz#51299374de171dbd80bb7d838e1cfce9af36f353"
+  integrity sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==
+
 "@esbuild/android-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz#7ad65a36cfdb7e0d429c353e00f680d737c2aed4"
@@ -1781,6 +1786,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
   integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
 
+"@esbuild/android-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz#58565291a1fe548638adb9c584237449e5e14018"
+  integrity sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==
+
 "@esbuild/android-arm@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.12.tgz#b0c26536f37776162ca8bde25e42040c203f2824"
@@ -1791,6 +1801,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
   integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
 
+"@esbuild/android-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.23.1.tgz#5eb8c652d4c82a2421e3395b808e6d9c42c862ee"
+  integrity sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==
+
 "@esbuild/android-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.12.tgz#cb13e2211282012194d89bf3bfe7721273473b3d"
@@ -1801,6 +1816,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
   integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
 
+"@esbuild/android-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.23.1.tgz#ae19d665d2f06f0f48a6ac9a224b3f672e65d517"
+  integrity sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==
+
 "@esbuild/darwin-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz#cbee41e988020d4b516e9d9e44dd29200996275e"
@@ -1811,6 +1831,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
   integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
 
+"@esbuild/darwin-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz#05b17f91a87e557b468a9c75e9d85ab10c121b16"
+  integrity sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==
+
 "@esbuild/darwin-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz#e37d9633246d52aecf491ee916ece709f9d5f4cd"
@@ -1821,6 +1846,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
   integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
 
+"@esbuild/darwin-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz#c58353b982f4e04f0d022284b8ba2733f5ff0931"
+  integrity sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==
+
 "@esbuild/freebsd-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz#1ee4d8b682ed363b08af74d1ea2b2b4dbba76487"
@@ -1831,6 +1861,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
   integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
 
+"@esbuild/freebsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz#f9220dc65f80f03635e1ef96cfad5da1f446f3bc"
+  integrity sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==
+
 "@esbuild/freebsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz#37a693553d42ff77cd7126764b535fb6cc28a11c"
@@ -1841,6 +1876,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
   integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
 
+"@esbuild/freebsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz#69bd8511fa013b59f0226d1609ac43f7ce489730"
+  integrity sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==
+
 "@esbuild/linux-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz#be9b145985ec6c57470e0e051d887b09dddb2d4b"
@@ -1851,6 +1891,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
   integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
 
+"@esbuild/linux-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz#8050af6d51ddb388c75653ef9871f5ccd8f12383"
+  integrity sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==
+
 "@esbuild/linux-arm@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz#207ecd982a8db95f7b5279207d0ff2331acf5eef"
@@ -1861,6 +1906,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
   integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
 
+"@esbuild/linux-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz#ecaabd1c23b701070484990db9a82f382f99e771"
+  integrity sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==
+
 "@esbuild/linux-ia32@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz#d0d86b5ca1562523dc284a6723293a52d5860601"
@@ -1871,6 +1921,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
   integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
 
+"@esbuild/linux-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz#3ed2273214178109741c09bd0687098a0243b333"
+  integrity sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==
+
 "@esbuild/linux-loong64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz#9a37f87fec4b8408e682b528391fa22afd952299"
@@ -1881,6 +1936,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
   integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
 
+"@esbuild/linux-loong64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz#a0fdf440b5485c81b0fbb316b08933d217f5d3ac"
+  integrity sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==
+
 "@esbuild/linux-mips64el@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz#4ddebd4e6eeba20b509d8e74c8e30d8ace0b89ec"
@@ -1891,6 +1951,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
   integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
 
+"@esbuild/linux-mips64el@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz#e11a2806346db8375b18f5e104c5a9d4e81807f6"
+  integrity sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==
+
 "@esbuild/linux-ppc64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz#adb67dadb73656849f63cd522f5ecb351dd8dee8"
@@ -1901,6 +1966,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
   integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
 
+"@esbuild/linux-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz#06a2744c5eaf562b1a90937855b4d6cf7c75ec96"
+  integrity sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==
+
 "@esbuild/linux-riscv64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz#11bc0698bf0a2abf8727f1c7ace2112612c15adf"
@@ -1911,6 +1981,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
   integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
 
+"@esbuild/linux-riscv64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz#65b46a2892fc0d1af4ba342af3fe0fa4a8fe08e7"
+  integrity sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==
+
 "@esbuild/linux-s390x@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz#e86fb8ffba7c5c92ba91fc3b27ed5a70196c3cc8"
@@ -1921,6 +1996,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
   integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
 
+"@esbuild/linux-s390x@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz#e71ea18c70c3f604e241d16e4e5ab193a9785d6f"
+  integrity sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==
+
 "@esbuild/linux-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz#5f37cfdc705aea687dfe5dfbec086a05acfe9c78"
@@ -1931,6 +2011,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
   integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
 
+"@esbuild/linux-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz#d47f97391e80690d4dfe811a2e7d6927ad9eed24"
+  integrity sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==
+
 "@esbuild/netbsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz#29da566a75324e0d0dd7e47519ba2f7ef168657b"
@@ -1941,6 +2026,16 @@
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
   integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
 
+"@esbuild/netbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz#44e743c9778d57a8ace4b72f3c6b839a3b74a653"
+  integrity sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==
+
+"@esbuild/openbsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz#05c5a1faf67b9881834758c69f3e51b7dee015d7"
+  integrity sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==
+
 "@esbuild/openbsd-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz#306c0acbdb5a99c95be98bdd1d47c916e7dc3ff0"
@@ -1951,6 +2046,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
   integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
 
+"@esbuild/openbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz#2e58ae511bacf67d19f9f2dcd9e8c5a93f00c273"
+  integrity sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==
+
 "@esbuild/sunos-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz#0933eaab9af8b9b2c930236f62aae3fc593faf30"
@@ -1961,6 +2061,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
   integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
 
+"@esbuild/sunos-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz#adb022b959d18d3389ac70769cef5a03d3abd403"
+  integrity sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==
+
 "@esbuild/win32-arm64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz#773bdbaa1971b36db2f6560088639ccd1e6773ae"
@@ -1971,6 +2076,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
   integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
 
+"@esbuild/win32-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz#84906f50c212b72ec360f48461d43202f4c8b9a2"
+  integrity sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==
+
 "@esbuild/win32-ia32@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz#000516cad06354cc84a73f0943a4aa690ef6fd67"
@@ -1981,6 +2091,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
   integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
 
+"@esbuild/win32-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz#5e3eacc515820ff729e90d0cb463183128e82fac"
+  integrity sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==
+
 "@esbuild/win32-x64@0.19.12":
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz#c57c8afbb4054a3ab8317591a0b7320360b444ae"
@@ -1991,6 +2106,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
   integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
+"@esbuild/win32-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz#81fd50d11e2c32b2d6241470e3185b70c7b30699"
+  integrity sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==
+
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -2536,66 +2656,146 @@
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
+"@rollup/rollup-android-arm-eabi@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.0.tgz#d941173f82f9b041c61b0dc1a2a91dcd06e4b31e"
+  integrity sha512-WTWD8PfoSAJ+qL87lE7votj3syLavxunWhzCnx3XFxFiI/BA/r3X7MUM8dVrH8rb2r4AiO8jJsr3ZjdaftmnfA==
+
 "@rollup/rollup-android-arm-eabi@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.6.tgz#66b8d9cb2b3a474d115500f9ebaf43e2126fe496"
   integrity sha512-MVNXSSYN6QXOulbHpLMKYi60ppyO13W9my1qogeiAqtjb2yR4LSmfU2+POvDkLzhjYLXz9Rf9+9a3zFHW1Lecg==
 
+"@rollup/rollup-android-arm64@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.0.tgz#7e7157c8543215245ceffc445134d9e843ba51c0"
+  integrity sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==
+
 "@rollup/rollup-android-arm64@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.6.tgz#46327d5b86420d2307946bec1535fdf00356e47d"
   integrity sha512-T14aNLpqJ5wzKNf5jEDpv5zgyIqcpn1MlwCrUXLrwoADr2RkWA0vOWP4XxbO9aiO3dvMCQICZdKeDrFl7UMClw==
 
+"@rollup/rollup-darwin-arm64@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.0.tgz#f0a18a4fc8dc6eb1e94a51fa2adb22876f477947"
+  integrity sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==
+
 "@rollup/rollup-darwin-arm64@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.6.tgz#166987224d2f8b1e2fd28ee90c447d52271d5e90"
   integrity sha512-CqNNAyhRkTbo8VVZ5R85X73H3R5NX9ONnKbXuHisGWC0qRbTTxnF1U4V9NafzJbgGM0sHZpdO83pLPzq8uOZFw==
 
+"@rollup/rollup-darwin-x64@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.0.tgz#34b7867613e5cc42d2b85ddc0424228cc33b43f0"
+  integrity sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==
+
 "@rollup/rollup-darwin-x64@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.6.tgz#a2e6e096f74ccea6e2f174454c26aef6bcdd1274"
   integrity sha512-zRDtdJuRvA1dc9Mp6BWYqAsU5oeLixdfUvkTHuiYOHwqYuQ4YgSmi6+/lPvSsqc/I0Omw3DdICx4Tfacdzmhog==
 
+"@rollup/rollup-linux-arm-gnueabihf@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.0.tgz#422b19ff9ae02b05d3395183d1d43b38c7c8be0b"
+  integrity sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==
+
 "@rollup/rollup-linux-arm-gnueabihf@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.6.tgz#09fcd4c55a2d6160c5865fec708a8e5287f30515"
   integrity sha512-oNk8YXDDnNyG4qlNb6is1ojTOGL/tRhbbKeE/YuccItzerEZT68Z9gHrY3ROh7axDc974+zYAPxK5SH0j/G+QQ==
 
+"@rollup/rollup-linux-arm-musleabihf@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.0.tgz#568aa29195ef6fc57ec6ed3f518923764406a8ee"
+  integrity sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==
+
+"@rollup/rollup-linux-arm64-gnu@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.0.tgz#22309c8bcba9a73114f69165c72bc94b2fbec085"
+  integrity sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==
+
 "@rollup/rollup-linux-arm64-gnu@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.6.tgz#19a3c0b6315c747ca9acf86e9b710cc2440f83c9"
   integrity sha512-Z3O60yxPtuCYobrtzjo0wlmvDdx2qZfeAWTyfOjEDqd08kthDKexLpV97KfAeUXPosENKd8uyJMRDfFMxcYkDQ==
 
+"@rollup/rollup-linux-arm64-musl@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.0.tgz#c93c388af6d33f082894b8a60839d7265b2b9bc5"
+  integrity sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==
+
 "@rollup/rollup-linux-arm64-musl@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.6.tgz#94aaf95fdaf2ad9335983a4552759f98e6b2e850"
   integrity sha512-gpiG0qQJNdYEVad+1iAsGAbgAnZ8j07FapmnIAQgODKcOTjLEWM9sRb+MbQyVsYCnA0Im6M6QIq6ax7liws6eQ==
 
+"@rollup/rollup-linux-powerpc64le-gnu@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.0.tgz#493c5e19e395cf3c6bd860c7139c8a903dea72b4"
+  integrity sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==
+
+"@rollup/rollup-linux-riscv64-gnu@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.0.tgz#a2eab4346fbe5909165ce99adb935ba30c9fb444"
+  integrity sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==
+
 "@rollup/rollup-linux-riscv64-gnu@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.6.tgz#160510e63f4b12618af4013bddf1761cf9fc9880"
   integrity sha512-+uCOcvVmFUYvVDr27aiyun9WgZk0tXe7ThuzoUTAukZJOwS5MrGbmSlNOhx1j80GdpqbOty05XqSl5w4dQvcOA==
 
+"@rollup/rollup-linux-s390x-gnu@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.0.tgz#0bc49a79db4345d78d757bb1b05e73a1b42fa5c3"
+  integrity sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==
+
+"@rollup/rollup-linux-x64-gnu@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.0.tgz#4fd36a6a41f3406d8693321b13d4f9b7658dd4b9"
+  integrity sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==
+
 "@rollup/rollup-linux-x64-gnu@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.6.tgz#5ac5d068ce0726bd0a96ca260d5bd93721c0cb98"
   integrity sha512-HUNqM32dGzfBKuaDUBqFB7tP6VMN74eLZ33Q9Y1TBqRDn+qDonkAUyKWwF9BR9unV7QUzffLnz9GrnKvMqC/fw==
 
+"@rollup/rollup-linux-x64-musl@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.0.tgz#10ebb13bd4469cbad1a5d9b073bd27ec8a886200"
+  integrity sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==
+
 "@rollup/rollup-linux-x64-musl@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.6.tgz#bafa759ab43e8eab9edf242a8259ffb4f2a57a5d"
   integrity sha512-ch7M+9Tr5R4FK40FHQk8VnML0Szi2KRujUgHXd/HjuH9ifH72GUmw6lStZBo3c3GB82vHa0ZoUfjfcM7JiiMrQ==
 
+"@rollup/rollup-win32-arm64-msvc@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.0.tgz#2fef1a90f1402258ef915ae5a94cc91a5a1d5bfc"
+  integrity sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==
+
 "@rollup/rollup-win32-arm64-msvc@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.6.tgz#1cc3416682e5a20d8f088f26657e6e47f8db468e"
   integrity sha512-VD6qnR99dhmTQ1mJhIzXsRcTBvTjbfbGGwKAHcu+52cVl15AC/kplkhxzW/uT0Xl62Y/meBKDZvoJSJN+vTeGA==
 
+"@rollup/rollup-win32-ia32-msvc@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.0.tgz#a18ad47a95c5f264defb60acdd8c27569f816fc1"
+  integrity sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==
+
 "@rollup/rollup-win32-ia32-msvc@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.6.tgz#7d2251e1aa5e8a1e47c86891fe4547a939503461"
   integrity sha512-J9AFDq/xiRI58eR2NIDfyVmTYGyIZmRcvcAoJ48oDld/NTR8wyiPUu2X/v1navJ+N/FGg68LEbX3Ejd6l8B7MQ==
 
+"@rollup/rollup-win32-x64-msvc@4.21.0":
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.0.tgz#20c09cf44dcb082140cc7f439dd679fe4bba3375"
+  integrity sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==
+
 "@rollup/rollup-win32-x64-msvc@4.9.6":
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.6.tgz#2c1fb69e02a3f1506f52698cfdc3a8b6386df9a6"
@@ -4420,12 +4620,12 @@ ansi-escapes@^4.2.1, ansi-escapes@^4.3.0, ansi-escapes@^4.3.2:
   dependencies:
     type-fest "^0.21.3"
 
-ansi-escapes@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-5.0.0.tgz#b6a0caf0eef0c41af190e9a749e0c00ec04bb2a6"
-  integrity sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==
+ansi-escapes@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-7.0.0.tgz#00fc19f491bbb18e1d481b97868204f92109bfe7"
+  integrity sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==
   dependencies:
-    type-fest "^1.0.2"
+    environment "^1.0.0"
 
 ansi-regex@^2.0.0:
   version "2.1.1"
@@ -4471,7 +4671,7 @@ ansi-styles@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
-ansi-styles@^6.0.0, ansi-styles@^6.1.0:
+ansi-styles@^6.0.0, ansi-styles@^6.1.0, ansi-styles@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
@@ -4906,12 +5106,12 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+braces@^3.0.2, braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
-    fill-range "^7.0.1"
+    fill-range "^7.1.1"
 
 braintree-web@^3.92.2:
   version "3.100.0"
@@ -4989,10 +5189,10 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
-bundle-require@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-4.0.2.tgz#65fc74ff14eabbba36d26c9a6161bd78fff6b29e"
-  integrity sha512-jwzPOChofl67PSTW2SGubV9HBQAhhR2i6nskiOThauo9dzwDUgOWQScFVaJkjEfYX+UXiD+LEx8EblQMc2wIag==
+bundle-require@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-5.0.0.tgz#071521bdea6534495cf23e92a83f889f91729e93"
+  integrity sha512-GuziW3fSSmopcx4KRymQEJVbZUfqlCqcq7dvs6TYwKRZiegK/2buMxQTPs6MGlNv50wms1699qYO54R8XfRX4w==
   dependencies:
     load-tsconfig "^0.2.3"
 
@@ -5006,7 +5206,7 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-cac@^6.7.12, cac@^6.7.14:
+cac@^6.7.14:
   version "6.7.14"
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
   integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
@@ -5142,11 +5342,6 @@ chalk@5.0.1:
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.0.1.tgz#ca57d71e82bb534a296df63bbacc4a1c22b2a4b6"
   integrity sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==
 
-chalk@5.3.0, chalk@^5.0.1, chalk@^5.2.0, chalk@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
-  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
-
 chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -5172,6 +5367,11 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^5.0.1, chalk@^5.2.0, chalk@^5.3.0, chalk@~5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
 change-case@^5.3.0:
   version "5.4.4"
   resolved "https://registry.yarnpkg.com/change-case/-/change-case-5.4.4.tgz#0d52b507d8fb8f204343432381d1a6d7bff97a02"
@@ -5232,7 +5432,7 @@ check-more-types@^2.24.0:
   resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
   integrity sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==
 
-chokidar@^3.5.1, chokidar@^3.5.3:
+chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -5286,12 +5486,12 @@ cli-cursor@^3.1.0:
   dependencies:
     restore-cursor "^3.1.0"
 
-cli-cursor@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-4.0.0.tgz#3cecfe3734bf4fe02a8361cbdc0f6fe28c6a57ea"
-  integrity sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==
+cli-cursor@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-5.0.0.tgz#24a4831ecf5a6b01ddeb32fb71a4b2088b0dce38"
+  integrity sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==
   dependencies:
-    restore-cursor "^4.0.0"
+    restore-cursor "^5.0.0"
 
 cli-spinners@^2.5.0, cli-spinners@^2.9.2:
   version "2.9.2"
@@ -5315,13 +5515,13 @@ cli-truncate@^2.1.0:
     slice-ansi "^3.0.0"
     string-width "^4.2.0"
 
-cli-truncate@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-3.1.0.tgz#3f23ab12535e3d73e839bb43e73c9de487db1389"
-  integrity sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==
+cli-truncate@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-4.0.0.tgz#6cc28a2924fee9e25ce91e973db56c7066e6172a"
+  integrity sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==
   dependencies:
     slice-ansi "^5.0.0"
-    string-width "^5.0.0"
+    string-width "^7.0.0"
 
 cli-width@^3.0.0:
   version "3.0.0"
@@ -5430,12 +5630,7 @@ combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-11.0.0.tgz#43e19c25dbedc8256203538e8d7e9346877a6f67"
-  integrity sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==
-
-commander@^12.1.0:
+commander@^12.1.0, commander@~12.1.0:
   version "12.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
   integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
@@ -5922,7 +6117,7 @@ debug@2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@4.3.4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -5936,6 +6131,13 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.3.5, debug@~4.3.6:
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.6.tgz#2ab2c38fbaffebf8aa95fdfe6d88438c7a13c52b"
+  integrity sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==
+  dependencies:
+    ms "2.1.2"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -6164,6 +6366,11 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.767.tgz#b885cfefda5a2e7a7ee356c567602012294ed260"
   integrity sha512-nzzHfmQqBss7CE3apQHkHjXW77+8w3ubGCIoEijKCJebPufREaFETgGXWTkh32t259F3Kcq+R8MZdFdOJROgYw==
 
+emoji-regex@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.3.0.tgz#76998b9268409eb3dae3de989254d456e70cfe23"
+  integrity sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -6214,6 +6421,11 @@ envinfo@^7.7.3:
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.11.1.tgz#2ffef77591057081b0129a8fd8cf6118da1b94e1"
   integrity sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg==
 
+environment@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/environment/-/environment-1.1.0.tgz#8e86c66b180f363c7ab311787e0259665f45a9f1"
+  integrity sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==
+
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -6364,7 +6576,7 @@ esbuild-register@^3.5.0:
     "@esbuild/win32-ia32" "0.21.5"
     "@esbuild/win32-x64" "0.21.5"
 
-esbuild@^0.19.2, esbuild@^0.19.3:
+esbuild@^0.19.3:
   version "0.19.12"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.19.12.tgz#dc82ee5dc79e82f5a5c3b4323a2a641827db3e04"
   integrity sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==
@@ -6393,6 +6605,36 @@ esbuild@^0.19.2, esbuild@^0.19.3:
     "@esbuild/win32-ia32" "0.19.12"
     "@esbuild/win32-x64" "0.19.12"
 
+esbuild@^0.23.0:
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.23.1.tgz#40fdc3f9265ec0beae6f59824ade1bd3d3d2dab8"
+  integrity sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.23.1"
+    "@esbuild/android-arm" "0.23.1"
+    "@esbuild/android-arm64" "0.23.1"
+    "@esbuild/android-x64" "0.23.1"
+    "@esbuild/darwin-arm64" "0.23.1"
+    "@esbuild/darwin-x64" "0.23.1"
+    "@esbuild/freebsd-arm64" "0.23.1"
+    "@esbuild/freebsd-x64" "0.23.1"
+    "@esbuild/linux-arm" "0.23.1"
+    "@esbuild/linux-arm64" "0.23.1"
+    "@esbuild/linux-ia32" "0.23.1"
+    "@esbuild/linux-loong64" "0.23.1"
+    "@esbuild/linux-mips64el" "0.23.1"
+    "@esbuild/linux-ppc64" "0.23.1"
+    "@esbuild/linux-riscv64" "0.23.1"
+    "@esbuild/linux-s390x" "0.23.1"
+    "@esbuild/linux-x64" "0.23.1"
+    "@esbuild/netbsd-x64" "0.23.1"
+    "@esbuild/openbsd-arm64" "0.23.1"
+    "@esbuild/openbsd-x64" "0.23.1"
+    "@esbuild/sunos-x64" "0.23.1"
+    "@esbuild/win32-arm64" "0.23.1"
+    "@esbuild/win32-ia32" "0.23.1"
+    "@esbuild/win32-x64" "0.23.1"
+
 escalade@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
@@ -6866,21 +7108,6 @@ execa@4.1.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
-execa@7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
-  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^3.0.7"
-    strip-final-newline "^3.0.0"
-
 execa@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
@@ -6909,7 +7136,7 @@ execa@^5.0.0, execa@^5.1.1:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-execa@^8.0.1:
+execa@^8.0.1, execa@~8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c"
   integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
@@ -7144,10 +7371,10 @@ file-system-cache@2.3.0:
     fs-extra "11.1.1"
     ramda "0.29.0"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
@@ -7419,6 +7646,11 @@ get-caller-file@^2.0.5:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
+get-east-asian-width@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz#5e6ebd9baee6fb8b7b6bd505221065f0cd91f64e"
+  integrity sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==
+
 get-func-name@^2.0.1, get-func-name@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.2.tgz#0d7cf20cd13fda808669ffa88f4ffc7a3943fc41"
@@ -7454,7 +7686,7 @@ get-stream@^5.0.0, get-stream@^5.1.0:
   dependencies:
     pump "^3.0.0"
 
-get-stream@^6.0.0, get-stream@^6.0.1:
+get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
@@ -7588,7 +7820,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@^11.0.3, globby@^11.1.0:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -7851,11 +8083,6 @@ human-signals@^2.1.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
-human-signals@^4.3.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
-  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
-
 human-signals@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
@@ -8166,6 +8393,13 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
+is-fullwidth-code-point@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz#9609efced7c2f97da7b60145ef481c787c7ba704"
+  integrity sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==
+  dependencies:
+    get-east-asian-width "^1.0.0"
+
 is-generator-function@^1.0.10, is-generator-function@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
@@ -8447,7 +8681,7 @@ jackspeak@2.1.1, jackspeak@^2.3.5, jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-joycon@^3.0.1:
+joycon@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
   integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
@@ -8770,15 +9004,10 @@ libphonenumber-js@^1.10.6:
   resolved "https://registry.yarnpkg.com/libphonenumber-js/-/libphonenumber-js-1.10.55.tgz#ec864e369bf7babde02021d06b5f2433d7e9c78e"
   integrity sha512-MrTg2JFLscgmTY6/oT9vopYETlgUls/FU6OaeeamGwk4LFxjIgOUML/ZSZICgR0LPYXaonVJo40lzMvaaTJlQA==
 
-lilconfig@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
-lilconfig@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.0.0.tgz#f8067feb033b5b74dab4602a5f5029420be749bc"
-  integrity sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==
+lilconfig@^3.1.1, lilconfig@~3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb"
+  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
 
 lines-and-columns@^1.1.6:
   version "1.2.4"
@@ -8792,33 +9021,21 @@ linkify-it@^3.0.1:
   dependencies:
     uc.micro "^1.0.1"
 
-lint-staged@^13.2.2:
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-13.3.0.tgz#7965d72a8d6a6c932f85e9c13ccf3596782d28a5"
-  integrity sha512-mPRtrYnipYYv1FEE134ufbWpeggNTo+O/UPzngoaKzbzHAthvR55am+8GfHTnqNRQVRRrYQLGW9ZyUoD7DsBHQ==
-  dependencies:
-    chalk "5.3.0"
-    commander "11.0.0"
-    debug "4.3.4"
-    execa "7.2.0"
-    lilconfig "2.1.0"
-    listr2 "6.6.1"
-    micromatch "4.0.5"
-    pidtree "0.6.0"
-    string-argv "0.3.2"
-    yaml "2.3.1"
-
-listr2@6.6.1:
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-6.6.1.tgz#08b2329e7e8ba6298481464937099f4a2cd7f95d"
-  integrity sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==
-  dependencies:
-    cli-truncate "^3.1.0"
-    colorette "^2.0.20"
-    eventemitter3 "^5.0.1"
-    log-update "^5.0.1"
-    rfdc "^1.3.0"
-    wrap-ansi "^8.1.0"
+lint-staged@^15.2.9:
+  version "15.2.9"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.9.tgz#bf70d40b6b192df6ad756fb89822211615e0f4da"
+  integrity sha512-BZAt8Lk3sEnxw7tfxM7jeZlPRuT4M68O0/CwZhhaw6eeWu0Lz5eERE3m386InivXB64fp/mDID452h48tvKlRQ==
+  dependencies:
+    chalk "~5.3.0"
+    commander "~12.1.0"
+    debug "~4.3.6"
+    execa "~8.0.1"
+    lilconfig "~3.1.2"
+    listr2 "~8.2.4"
+    micromatch "~4.0.7"
+    pidtree "~0.6.0"
+    string-argv "~0.3.2"
+    yaml "~2.5.0"
 
 listr2@^3.8.3:
   version "3.14.0"
@@ -8834,6 +9051,18 @@ listr2@^3.8.3:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
+listr2@~8.2.4:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.2.4.tgz#486b51cbdb41889108cb7e2c90eeb44519f5a77f"
+  integrity sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==
+  dependencies:
+    cli-truncate "^4.0.0"
+    colorette "^2.0.20"
+    eventemitter3 "^5.0.1"
+    log-update "^6.1.0"
+    rfdc "^1.4.1"
+    wrap-ansi "^9.0.0"
+
 load-json-file@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
@@ -8962,16 +9191,16 @@ log-update@^4.0.0:
     slice-ansi "^4.0.0"
     wrap-ansi "^6.2.0"
 
-log-update@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/log-update/-/log-update-5.0.1.tgz#9e928bf70cb183c1f0c9e91d9e6b7115d597ce09"
-  integrity sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==
+log-update@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/log-update/-/log-update-6.1.0.tgz#1a04ff38166f94647ae1af562f4bd6a15b1b7cd4"
+  integrity sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==
   dependencies:
-    ansi-escapes "^5.0.0"
-    cli-cursor "^4.0.0"
-    slice-ansi "^5.0.0"
-    strip-ansi "^7.0.1"
-    wrap-ansi "^8.0.1"
+    ansi-escapes "^7.0.0"
+    cli-cursor "^5.0.0"
+    slice-ansi "^7.1.0"
+    strip-ansi "^7.1.0"
+    wrap-ansi "^9.0.0"
 
 logic-query-parser@^0.0.5:
   version "0.0.5"
@@ -9589,7 +9818,7 @@ micromark@^4.0.0:
     micromark-util-symbol "^2.0.0"
     micromark-util-types "^2.0.0"
 
-micromatch@4.0.5, micromatch@^4.0.2, micromatch@^4.0.4:
+micromatch@^4.0.2, micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -9597,6 +9826,14 @@ micromatch@4.0.5, micromatch@^4.0.2, micromatch@^4.0.4:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+micromatch@~4.0.7:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
 mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -9636,6 +9873,11 @@ mimic-fn@^4.0.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
   integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
 
+mimic-function@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-function/-/mimic-function-5.0.1.tgz#acbe2b3349f99b9deaca7fb70e48b83e94e67076"
+  integrity sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==
+
 min-indent@^1.0.0, min-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
@@ -10054,6 +10296,13 @@ onetime@^6.0.0:
   dependencies:
     mimic-fn "^4.0.0"
 
+onetime@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-7.0.0.tgz#9f16c92d8c9ef5120e3acd9dd9957cceecc1ab60"
+  integrity sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==
+  dependencies:
+    mimic-function "^5.0.0"
+
 open@^7.4.2:
   version "7.4.2"
   resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
@@ -10416,21 +10665,26 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
+  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pidtree@0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
-  integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
-
 pidtree@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.3.1.tgz#ef09ac2cc0533df1f3250ccf2c4d366b0d12114a"
   integrity sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==
 
+pidtree@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
+  integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
+
 pify@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -10495,13 +10749,12 @@ postcss-calc-ast-parser@^0.1.4:
   dependencies:
     postcss-value-parser "^3.3.1"
 
-postcss-load-config@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+postcss-load-config@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz#6fd7dcd8ae89badcf1b2d644489cbabf83aa8096"
+  integrity sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==
   dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
+    lilconfig "^3.1.1"
 
 postcss-value-parser@^3.3.1:
   version "3.3.1"
@@ -11431,13 +11684,13 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
-restore-cursor@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-4.0.0.tgz#519560a4318975096def6e609d44100edaa4ccb9"
-  integrity sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==
+restore-cursor@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-5.1.0.tgz#0766d95699efacb14150993f55baf0953ea1ebe7"
+  integrity sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==
   dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
+    onetime "^7.0.0"
+    signal-exit "^4.1.0"
 
 restricted-input@3.0.5:
   version "3.0.5"
@@ -11456,6 +11709,11 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.1.tgz#2b6d4df52dffe8bb346992a10ea9451f24373a8f"
   integrity sha512-r5a3l5HzYlIC68TpmYKlxWjmOP6wiPJ1vWv2HeLhNsRZMrCkxeqxiHlQ21oXmQ4F3SiryXBHhAD7JZqvOJjFmg==
 
+rfdc@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.4.1.tgz#778f76c4fb731d93414e8f925fbecf64cce7f6ca"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
+
 rgbcolor@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgbcolor/-/rgbcolor-1.0.1.tgz#d6505ecdb304a6595da26fa4b43307306775945d"
@@ -11482,7 +11740,32 @@ rimraf@^3.0.0, rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rollup@^4.0.2, rollup@^4.2.0:
+rollup@^4.19.0:
+  version "4.21.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.21.0.tgz#28db5f5c556a5180361d35009979ccc749560b9d"
+  integrity sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==
+  dependencies:
+    "@types/estree" "1.0.5"
+  optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.21.0"
+    "@rollup/rollup-android-arm64" "4.21.0"
+    "@rollup/rollup-darwin-arm64" "4.21.0"
+    "@rollup/rollup-darwin-x64" "4.21.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.21.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.21.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.21.0"
+    "@rollup/rollup-linux-arm64-musl" "4.21.0"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.21.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.21.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.21.0"
+    "@rollup/rollup-linux-x64-gnu" "4.21.0"
+    "@rollup/rollup-linux-x64-musl" "4.21.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.21.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.21.0"
+    "@rollup/rollup-win32-x64-msvc" "4.21.0"
+    fsevents "~2.3.2"
+
+rollup@^4.2.0:
   version "4.9.6"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.9.6.tgz#4515facb0318ecca254a2ee1315e22e09efc50a0"
   integrity sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==
@@ -11806,7 +12089,7 @@ siginfo@^2.0.0:
   resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
   integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -11889,6 +12172,14 @@ slice-ansi@^5.0.0:
     ansi-styles "^6.0.0"
     is-fullwidth-code-point "^4.0.0"
 
+slice-ansi@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-7.1.0.tgz#cd6b4655e298a8d1bdeb04250a433094b347b9a9"
+  integrity sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==
+  dependencies:
+    ansi-styles "^6.2.1"
+    is-fullwidth-code-point "^5.0.0"
+
 snake-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c"
@@ -12073,7 +12364,7 @@ strict-event-emitter@^0.5.1:
   resolved "https://registry.yarnpkg.com/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz#1602ece81c51574ca39c6815e09f1a3e8550bd93"
   integrity sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==
 
-string-argv@0.3.2:
+string-argv@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
   integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
@@ -12113,7 +12404,7 @@ string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^5.0.0, string-width@^5.0.1, string-width@^5.1.2:
+string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
   integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
@@ -12122,6 +12413,15 @@ string-width@^5.0.0, string-width@^5.0.1, string-width@^5.1.2:
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
+string-width@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-7.2.0.tgz#b5bb8e2165ce275d4d43476dd2700ad9091db6dc"
+  integrity sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==
+  dependencies:
+    emoji-regex "^10.3.0"
+    get-east-asian-width "^1.0.0"
+    strip-ansi "^7.1.0"
+
 string.prototype.matchall@^4.0.8:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100"
@@ -12208,7 +12508,7 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-ansi@^7.0.1:
+strip-ansi@^7.0.1, strip-ansi@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
   integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
@@ -12289,7 +12589,7 @@ stylis@4.2.0:
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
   integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
 
-sucrase@^3.20.3:
+sucrase@^3.35.0:
   version "3.35.0"
   resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
   integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
@@ -12666,24 +12966,26 @@ tss-react@^4.8.2:
     "@emotion/serialize" "*"
     "@emotion/utils" "*"
 
-tsup@^7.2.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/tsup/-/tsup-7.3.0.tgz#c7776e08c7ef55ed69def2c6e7ba4719005f5abd"
-  integrity sha512-Ja1eaSRrE+QarmATlNO5fse2aOACYMBX+IZRKy1T+gpyH+jXgRrl5l4nHIQJQ1DoDgEjHDTw8cpE085UdBZuWQ==
+tsup@^8.2.4:
+  version "8.2.4"
+  resolved "https://registry.yarnpkg.com/tsup/-/tsup-8.2.4.tgz#5e31790c1e66392cee384ad746ed51c106614beb"
+  integrity sha512-akpCPePnBnC/CXgRrcy72ZSntgIEUa1jN0oJbbvpALWKNOz1B7aM+UVDWGRGIO/T/PZugAESWDJUAb5FD48o8Q==
   dependencies:
-    bundle-require "^4.0.0"
-    cac "^6.7.12"
-    chokidar "^3.5.1"
-    debug "^4.3.1"
-    esbuild "^0.19.2"
-    execa "^5.0.0"
-    globby "^11.0.3"
-    joycon "^3.0.1"
-    postcss-load-config "^4.0.1"
+    bundle-require "^5.0.0"
+    cac "^6.7.14"
+    chokidar "^3.6.0"
+    consola "^3.2.3"
+    debug "^4.3.5"
+    esbuild "^0.23.0"
+    execa "^5.1.1"
+    globby "^11.1.0"
+    joycon "^3.1.1"
+    picocolors "^1.0.1"
+    postcss-load-config "^6.0.1"
     resolve-from "^5.0.0"
-    rollup "^4.0.2"
+    rollup "^4.19.0"
     source-map "0.8.0-beta.0"
-    sucrase "^3.20.3"
+    sucrase "^3.35.0"
     tree-kill "^1.2.2"
 
 tsutils@^3.17.1, tsutils@^3.21.0:
@@ -12744,7 +13046,7 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
-type-fest@^1.0.1, type-fest@^1.0.2:
+type-fest@^1.0.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
   integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
@@ -13393,7 +13695,7 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^8.0.1, wrap-ansi@^8.1.0:
+wrap-ansi@^8.0.1:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
   integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
@@ -13402,6 +13704,15 @@ wrap-ansi@^8.0.1, wrap-ansi@^8.1.0:
     string-width "^5.0.1"
     strip-ansi "^7.0.1"
 
+wrap-ansi@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-9.0.0.tgz#1a3dc8b70d85eeb8398ddfb1e4a02cd186e58b3e"
+  integrity sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==
+  dependencies:
+    ansi-styles "^6.2.1"
+    string-width "^7.0.0"
+    strip-ansi "^7.1.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -13476,7 +13787,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@2.3.1, yaml@^1.10.0, yaml@^1.7.2, yaml@^2.2.2, yaml@^2.3.0, yaml@^2.3.4:
+yaml@^1.10.0, yaml@^1.7.2, yaml@^2.2.2, yaml@^2.3.0, yaml@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.0.tgz#c6165a721cf8000e91c36490a41d7be25176cf5d"
   integrity sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==

From 6d76d2c1a16b6c0fec46a7f66a7739cae3cd83cd Mon Sep 17 00:00:00 2001
From: Azure-akamai <azsh@akamai.com>
Date: Mon, 26 Aug 2024 13:45:54 -0400
Subject: [PATCH 25/49] test: [M3-8098] - Refactor StackScript create test to
 be resilient to Image deprecations (#10788)

* Refactor StackScript create test to be resilient to Image deprecations

* Added changeset: Refactor StackScript create test to be resilient to Image deprecations
---
 .../pr-10788-tests-1724160607781.md           |  5 ++
 .../stackscripts/create-stackscripts.spec.ts  | 86 ++++++++++---------
 .../cypress/support/intercepts/images.ts      |  9 ++
 3 files changed, 61 insertions(+), 39 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10788-tests-1724160607781.md

diff --git a/packages/manager/.changeset/pr-10788-tests-1724160607781.md b/packages/manager/.changeset/pr-10788-tests-1724160607781.md
new file mode 100644
index 00000000000..f834d75adb3
--- /dev/null
+++ b/packages/manager/.changeset/pr-10788-tests-1724160607781.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Refactor StackScript create test to be resilient to Image deprecations ([#10788](https://github.com/linode/manager/pull/10788))
diff --git a/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts b/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
index 2c78e7586bd..d3ab097469e 100644
--- a/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
+++ b/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
@@ -17,6 +17,9 @@ import { chooseRegion } from 'support/util/regions';
 import { SimpleBackoffMethod } from 'support/util/backoff';
 import { cleanUp } from 'support/util/cleanup';
 import { createTestLinode } from 'support/util/linodes';
+import { interceptGetAllImages } from 'support/intercepts/images';
+import type { Image } from '@linode/api-v4';
+import { getFilteredImagesForImageSelect } from 'src/components/ImageSelectv2/utilities';
 
 // StackScript fixture paths.
 const stackscriptBasicPath = 'stackscripts/stackscript-basic.sh';
@@ -289,24 +292,10 @@ describe('Create stackscripts', () => {
 
     const linodeLabel = randomLabel();
 
-    /*
-     * Arbitrarily-chosen images to check in order to confirm that "Any/All"
-     * StackScripts allow any image to be selected.
-     */
-    const imageSamples = [
-      { label: 'AlmaLinux 9', sel: 'linode/almalinux9' },
-      { label: 'Alpine 3.19', sel: 'linode/alpine3.19' },
-      { label: 'Arch Linux', sel: 'linode/arch' },
-      { label: 'CentOS Stream 9', sel: 'linode/centos-stream9' },
-      { label: 'Debian 12', sel: 'linode/debian12' },
-      { label: 'Fedora 40', sel: 'linode/fedora40' },
-      { label: 'Rocky Linux 9', sel: 'linode/rocky9' },
-      { label: 'Ubuntu 24.04 LTS', sel: 'linode/ubuntu24.04' },
-    ];
-
     interceptCreateStackScript().as('createStackScript');
     interceptGetStackScripts().as('getStackScripts');
     interceptCreateLinode().as('createLinode');
+    interceptGetAllImages().as('getAllImages');
 
     cy.defer(createLinodeAndImage, {
       label: 'creating Linode and Image',
@@ -331,31 +320,50 @@ describe('Create stackscripts', () => {
       cy.wait('@createStackScript');
       cy.url().should('endWith', '/stackscripts/account');
 
-      cy.wait('@getStackScripts');
-      cy.findByText(stackscriptLabel)
-        .should('be.visible')
-        .closest('tr')
-        .within(() => {
-          cy.findByText(stackscriptDesc).should('be.visible');
-          cy.findByText(stackscriptImage).should('be.visible');
-        });
-
-      // Navigate to StackScript details page and click deploy Linode button.
-      cy.findByText(stackscriptLabel).should('be.visible').click();
-
-      ui.button
-        .findByTitle('Deploy New Linode')
-        .should('be.visible')
-        .should('be.enabled')
-        .click();
-
-      // Confirm that expected images are present in "Choose an image" drop-down.
-      cy.findByPlaceholderText('Choose an image').should('be.visible').click();
-
-      imageSamples.forEach((imageSample) => {
-        const imageLabel = imageSample.label;
+      cy.wait('@getAllImages').then((res) => {
+        // Fetch Images from response data and filter out Kubernetes images.
+        const imageData = res.response?.body.data;
+        const filteredImageData = getFilteredImagesForImageSelect(
+          imageData,
+          'public'
+        );
 
-        cy.findByText(imageLabel).scrollIntoView().should('be.visible');
+        cy.wait('@getStackScripts');
+        cy.findByText(stackscriptLabel)
+          .should('be.visible')
+          .closest('tr')
+          .within(() => {
+            cy.findByText(stackscriptDesc).should('be.visible');
+            cy.findByText(stackscriptImage).should('be.visible');
+          });
+
+        // Navigate to StackScript details page and click deploy Linode button.
+        cy.findByText(stackscriptLabel).should('be.visible').click();
+
+        ui.button
+          .findByTitle('Deploy New Linode')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+
+        // Confirm that expected images are present in "Choose an image" drop-down.
+        cy.findByPlaceholderText('Choose an image')
+          .should('be.visible')
+          .click();
+
+        /*
+         * Arbitrarily-chosen images to check in order to confirm that "Any/All"
+         * StackScripts allow any image to be selected.
+         *
+         */
+        filteredImageData?.forEach((imageSample: Image) => {
+          const imageLabel = imageSample.label;
+          cy.findAllByText(imageLabel)
+            .last()
+            .scrollIntoView()
+            .should('exist')
+            .should('be.visible');
+        });
       });
 
       // Select private image.
diff --git a/packages/manager/cypress/support/intercepts/images.ts b/packages/manager/cypress/support/intercepts/images.ts
index 9e4a0f7a2bb..c9cdbd7c2f7 100644
--- a/packages/manager/cypress/support/intercepts/images.ts
+++ b/packages/manager/cypress/support/intercepts/images.ts
@@ -29,6 +29,15 @@ export const interceptUploadImage = (): Cypress.Chainable<null> => {
   return cy.intercept('POST', apiMatcher('images/upload'));
 };
 
+/**
+ * Intercepts GET request to retrieve all images.
+ *
+ * @returns Cypress chainable.
+ */
+export const interceptGetAllImages = (): Cypress.Chainable<null> => {
+  return cy.intercept('GET', apiMatcher('images*'));
+};
+
 /**
  * Intercepts GET request to retrieve all images and mocks response.
  *

From 6821a56d84d6fe4f2d759b75bac17427d63caff6 Mon Sep 17 00:00:00 2001
From: Alban Bailly <130582365+abailly-akamai@users.noreply.github.com>
Date: Mon, 26 Aug 2024 13:51:31 -0400
Subject: [PATCH 26/49] change: [M3-8382] - Update jsdom to remove WS package
 vulnerability  (#10829)

* Update jsdom

* Added changeset: Update jsdom to remove WS package vulnerability
---
 .../pr-10829-tech-stories-1724462593074.md    |   5 +
 packages/manager/package.json                 |   2 +-
 yarn.lock                                     | 197 +++++++++---------
 3 files changed, 99 insertions(+), 105 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md

diff --git a/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md b/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md
new file mode 100644
index 00000000000..28f08628074
--- /dev/null
+++ b/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Update jsdom to remove WS package vulnerability ([#10829](https://github.com/linode/manager/pull/10829))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index 92b6c4cc482..e5874311b60 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -197,7 +197,7 @@
     "eslint-plugin-xss": "^0.1.10",
     "factory.ts": "^0.5.1",
     "glob": "^10.3.1",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.1.1",
     "junit2json": "^3.1.4",
     "lint-staged": "^15.2.9",
     "mocha-junit-reporter": "^2.2.1",
diff --git a/yarn.lock b/yarn.lock
index 2a34c4099a1..fee1665b1b7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3495,11 +3495,6 @@
   resolved "https://registry.yarnpkg.com/@tokens-studio/types/-/types-0.5.1.tgz#5037e58c4b2c306762f12e8d9685e9aeebb21685"
   integrity sha512-LdCF9ZH5ej4Gb6n58x5fTkhstxjXDZc1SWteMWY6EiddLQJVONMIgYOrWrf1extlkSLjagX8WS0B63bAqeltnA==
 
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
-
 "@tsconfig/node10@^1.0.7":
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.9.tgz#df4907fc07a886922637b15e02d4cebc4c0021b2"
@@ -4498,11 +4493,6 @@
   resolved "https://registry.yarnpkg.com/@zip.js/zip.js/-/zip.js-2.7.45.tgz#823fe2789401d8c1d836ce866578379ec1bd6f0b"
   integrity sha512-Mm2EXF33DJQ/3GWWEWeP1UCqzpQ5+fiMvT3QWspsXY05DyqqxWu7a9awSzU4/spHMHVFrTjani1PR0vprgZpow==
 
-abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
 accepts@~1.3.5, accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
@@ -4536,12 +4526,12 @@ acorn@^8.11.3, acorn@^8.4.1, acorn@^8.9.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-agent-base@6:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+agent-base@^7.0.2, agent-base@^7.1.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.1.tgz#bdbded7dfb096b751a2a087eeeb9664725b2e317"
+  integrity sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==
   dependencies:
-    debug "4"
+    debug "^4.3.4"
 
 aggregate-error@^3.0.0:
   version "3.1.0"
@@ -5920,10 +5910,10 @@ css.escape@^1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
 
-cssstyle@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
-  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
+cssstyle@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-4.0.1.tgz#ef29c598a1e90125c870525490ea4f354db0660a"
+  integrity sha512-8ZYiJ3A/3OkDd093CBT/0UKDWry7ak4BdPTFP2+QEP7cmhouyq/Up709ASSj2cK02BbZiMgk7kYjZNS4QP5qrQ==
   dependencies:
     rrweb-cssom "^0.6.0"
 
@@ -6091,14 +6081,13 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
-  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
+data-urls@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-5.0.0.tgz#2f76906bce1824429ffecb6920f45a0b30f00dde"
+  integrity sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==
   dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.0"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.0.0"
 
 date-fns@^1.30.1:
   version "1.30.1"
@@ -6308,13 +6297,6 @@ dom-helpers@^5.0.1:
     "@babel/runtime" "^7.8.7"
     csstype "^3.0.2"
 
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
 dompurify@^2.2.0:
   version "2.4.7"
   resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.7.tgz#277adeb40a2c84be2d42a8bcd45f582bfa4d0cfc"
@@ -8011,12 +7993,12 @@ hosted-git-info@^2.1.4, hosted-git-info@^5.0.0:
   dependencies:
     lru-cache "^7.5.1"
 
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+html-encoding-sniffer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz#696df529a7cfd82446369dc5193e590a3735b448"
+  integrity sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==
   dependencies:
-    whatwg-encoding "^2.0.0"
+    whatwg-encoding "^3.1.1"
 
 html-escaper@^2.0.0:
   version "2.0.2"
@@ -8047,14 +8029,13 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+http-proxy-agent@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz#9a8b1f246866c028509486585f62b8f2c18c270e"
+  integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
   dependencies:
-    "@tootallnate/once" "2"
-    agent-base "6"
-    debug "4"
+    agent-base "^7.1.0"
+    debug "^4.3.4"
 
 http-signature@~1.3.6:
   version "1.3.6"
@@ -8065,12 +8046,12 @@ http-signature@~1.3.6:
     jsprim "^2.0.2"
     sshpk "^1.14.1"
 
-https-proxy-agent@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+https-proxy-agent@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz#9e8b5013873299e11fab6fd548405da2d6c602b2"
+  integrity sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==
   dependencies:
-    agent-base "6"
+    agent-base "^7.0.2"
     debug "4"
 
 human-signals@^1.1.1:
@@ -8742,34 +8723,32 @@ jscodeshift@^0.15.1:
     temp "^0.8.4"
     write-file-atomic "^2.3.0"
 
-jsdom@^22.1.0:
-  version "22.1.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-22.1.0.tgz#0fca6d1a37fbeb7f4aac93d1090d782c56b611c8"
-  integrity sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==
+jsdom@^24.1.1:
+  version "24.1.1"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-24.1.1.tgz#f41df8f4f3b2fbfa7e1bdc5df62c9804fd14a9d0"
+  integrity sha512-5O1wWV99Jhq4DV7rCLIoZ/UIhyQeDR7wHVyZAHAshbrvZsLs+Xzz7gtwnlJTJDjleiTKh54F4dXrX70vJQTyJQ==
   dependencies:
-    abab "^2.0.6"
-    cssstyle "^3.0.0"
-    data-urls "^4.0.0"
+    cssstyle "^4.0.1"
+    data-urls "^5.0.0"
     decimal.js "^10.4.3"
-    domexception "^4.0.0"
     form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.1"
+    html-encoding-sniffer "^4.0.0"
+    http-proxy-agent "^7.0.2"
+    https-proxy-agent "^7.0.5"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.4"
+    nwsapi "^2.2.12"
     parse5 "^7.1.2"
-    rrweb-cssom "^0.6.0"
+    rrweb-cssom "^0.7.1"
     saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.1.2"
-    w3c-xmlserializer "^4.0.0"
+    tough-cookie "^4.1.4"
+    w3c-xmlserializer "^5.0.0"
     webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.1"
-    ws "^8.13.0"
-    xml-name-validator "^4.0.0"
+    whatwg-encoding "^3.1.1"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.0.0"
+    ws "^8.18.0"
+    xml-name-validator "^5.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
@@ -10175,10 +10154,10 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
 
-nwsapi@^2.2.4:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30"
-  integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==
+nwsapi@^2.2.12:
+  version "2.2.12"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.12.tgz#fb6af5c0ec35b27b4581eb3bbad34ec9e5c696f8"
+  integrity sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==
 
 nypm@^0.3.3:
   version "0.3.6"
@@ -10916,7 +10895,7 @@ punycode@^1.3.2, punycode@^1.4.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
 
-punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
+punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
@@ -11792,6 +11771,11 @@ rrweb-cssom@^0.6.0:
   resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
   integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
 
+rrweb-cssom@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.7.1.tgz#c73451a484b86dd7cfb1e0b2898df4b703183e4b"
+  integrity sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
@@ -12860,7 +12844,7 @@ totalist@^3.0.0:
   resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
   integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
-tough-cookie@^4.1.2, tough-cookie@^4.1.3:
+tough-cookie@^4.1.3, tough-cookie@^4.1.4:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
   integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
@@ -12877,12 +12861,12 @@ tr46@^1.0.1:
   dependencies:
     punycode "^2.1.0"
 
-tr46@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
-  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
+tr46@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-5.0.0.tgz#3b46d583613ec7283020d79019f1335723801cec"
+  integrity sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==
   dependencies:
-    punycode "^2.3.0"
+    punycode "^2.3.1"
 
 tr46@~0.0.3:
   version "0.0.3"
@@ -13487,12 +13471,12 @@ vitest@^1.6.0:
     vite-node "1.6.0"
     why-is-node-running "^2.2.2"
 
-w3c-xmlserializer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
-  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
+w3c-xmlserializer@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz#f925ba26855158594d907313cedd1476c5967f6c"
+  integrity sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==
   dependencies:
-    xml-name-validator "^4.0.0"
+    xml-name-validator "^5.0.0"
 
 walk-up-path@^3.0.1:
   version "3.0.1"
@@ -13538,10 +13522,10 @@ webpack-virtual-modules@^0.6.1:
   resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz#ac6fdb9c5adb8caecd82ec241c9631b7a3681b6f"
   integrity sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==
 
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+whatwg-encoding@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz#d0f4ef769905d426e1688f3e34381a99b60b76e5"
+  integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
   dependencies:
     iconv-lite "0.6.3"
 
@@ -13550,17 +13534,17 @@ whatwg-fetch@>=0.10.0:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz#580ce6d791facec91d37c72890995a0b48d31c70"
   integrity sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==
 
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+whatwg-mimetype@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz#bc1bf94a985dc50388d54a9258ac405c3ca2fc0a"
+  integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
 
-whatwg-url@^12.0.0, whatwg-url@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
-  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
+whatwg-url@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-14.0.0.tgz#00baaa7fd198744910c4b1ef68378f2200e4ceb6"
+  integrity sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==
   dependencies:
-    tr46 "^4.1.1"
+    tr46 "^5.0.0"
     webidl-conversions "^7.0.0"
 
 whatwg-url@^5.0.0:
@@ -13734,15 +13718,20 @@ write@1.0.3:
   dependencies:
     mkdirp "^0.5.1"
 
-ws@^8.13.0, ws@^8.2.3:
+ws@^8.18.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.0.tgz#0d7505a6eafe2b0e712d232b42279f53bc289bbc"
+  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
+
+ws@^8.2.3:
   version "8.16.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.16.0.tgz#d1cd774f36fbc07165066a60e40323eab6446fd4"
   integrity sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==
 
-xml-name-validator@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+xml-name-validator@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz#82be9b957f7afdacf961e5980f1bf227c0bf7673"
+  integrity sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==
 
 xml2js@0.6.2:
   version "0.6.2"

From 6cb89c6414150fd8886b85e76d65aec9de08755c Mon Sep 17 00:00:00 2001
From: jdamore-linode <97627410+jdamore-linode@users.noreply.github.com>
Date: Mon, 26 Aug 2024 14:37:21 -0400
Subject: [PATCH 27/49] test: [M3-7852] - Use test weights for Jenkins/Cypress
 parallelization (#10310)

* Allow test weights files to be generated when running Cypress tests

* Allow test weights file to be read when distributing Cypress tests across multiple runners

* Document `CY_TEST_SPLIT_RUN_WEIGHTS` and `CY_TEST_GENWEIGHTS`
---
 docs/development-guide/08-testing.md          |  28 +-
 packages/manager/cypress.config.ts            |   2 +
 .../support/plugins/generate-weights.ts       | 155 ++++++++++
 .../cypress/support/plugins/split-run.ts      | 278 +++++++++++++++---
 4 files changed, 408 insertions(+), 55 deletions(-)
 create mode 100644 packages/manager/cypress/support/plugins/generate-weights.ts

diff --git a/docs/development-guide/08-testing.md b/docs/development-guide/08-testing.md
index 48fcf586379..805729ae65d 100644
--- a/docs/development-guide/08-testing.md
+++ b/docs/development-guide/08-testing.md
@@ -199,24 +199,26 @@ These environment variables are used by Cloud Manager's UI tests to override reg
 | `CY_TEST_REGION`     | ID of region to test (as used by Linode APIv4). | `us-east` | Unset; regions are selected at random |
 
 ###### Run Splitting
-These environment variables facilitate splitting the Cypress run between multiple runners without the use of any third party services. This can be useful for improving Cypress test performance in some circumstances.
+These environment variables facilitate splitting the Cypress run between multiple runners without the use of any third party services. This can be useful for improving Cypress test performance in some circumstances. For additional performance gains, an optional test weights file can be specified using `CY_TEST_SPLIT_RUN_WEIGHTS` (see `CY_TEST_GENWEIGHTS` to generate test weights).
 
-| Environment Variable      | Description                                | Example        | Default                    |
-|---------------------------|--------------------------------------------|----------------|----------------------------|
-| `CY_TEST_SPLIT_RUN`       | Enable run splitting                       | `1`            | Unset; disabled by default |
-| `CY_TEST_SPLIT_RUN_INDEX` | Numeric index for each Cypress test runner | `1`, `2`, etc. | Unset                      |
-| `CY_TEST_SPLIT_RUN_TOTAL` | Total number of runners for the tests      | `2`            | Unset                      |
+| Environment Variable        | Description                                | Example          | Default                    |
+|-----------------------------|--------------------------------------------|------------------|----------------------------|
+| `CY_TEST_SPLIT_RUN`         | Enable run splitting                       | `1`              | Unset; disabled by default |
+| `CY_TEST_SPLIT_RUN_INDEX`   | Numeric index for each Cypress test runner | `1`, `2`, etc.   | Unset                      |
+| `CY_TEST_SPLIT_RUN_TOTAL`   | Total number of runners for the tests      | `2`              | Unset                      |
+| `CY_TEST_SPLIT_RUN_WEIGHTS` | Path to test weights file                  | `./weights.json` | Unset; disabled by default |
 
 ###### Development, Logging, and Reporting
 Environment variables related to Cypress logging and reporting, as well as report generation.
 
-| Environment Variable            | Description                                   | Example   | Default                    |
-|---------------------------------|-----------------------------------------------|-----------|----------------------------|
-| `CY_TEST_USER_REPORT`           | Log test account information when tests begin | `1`       | Unset; disabled by default |
-| `CY_TEST_JUNIT_REPORT`          | Enable JUnit reporting                        | `1`       | Unset; disabled by default |
-| `CY_TEST_DISABLE_FILE_WATCHING` | Disable file watching in Cypress UI           | `1`       | Unset; disabled by default |
-| `CY_TEST_DISABLE_RETRIES`       | Disable test retries on failure in CI         | `1`       | Unset; disabled by default |
-| `CY_TEST_FAIL_ON_MANAGED`       | Fail affected tests when Managed is enabled   | `1`       | Unset; disabled by default |
+| Environment Variable            | Description                                        | Example          | Default                    |
+|---------------------------------|----------------------------------------------------|------------------|----------------------------|
+| `CY_TEST_USER_REPORT`           | Log test account information when tests begin      | `1`              | Unset; disabled by default |
+| `CY_TEST_JUNIT_REPORT`          | Enable JUnit reporting                             | `1`              | Unset; disabled by default |
+| `CY_TEST_DISABLE_FILE_WATCHING` | Disable file watching in Cypress UI                | `1`              | Unset; disabled by default |
+| `CY_TEST_DISABLE_RETRIES`       | Disable test retries on failure in CI              | `1`              | Unset; disabled by default |
+| `CY_TEST_FAIL_ON_MANAGED`       | Fail affected tests when Managed is enabled        | `1`              | Unset; disabled by default |
+| `CY_TEST_GENWEIGHTS`            | Generate and output test weights to the given path | `./weights.json` | Unset; disabled by default |
 
 ### Writing End-to-End Tests
 
diff --git a/packages/manager/cypress.config.ts b/packages/manager/cypress.config.ts
index c0cc12e20a3..f5edf432f71 100644
--- a/packages/manager/cypress.config.ts
+++ b/packages/manager/cypress.config.ts
@@ -14,6 +14,7 @@ import { fetchAccount } from './cypress/support/plugins/fetch-account';
 import { fetchLinodeRegions } from './cypress/support/plugins/fetch-linode-regions';
 import { splitCypressRun } from './cypress/support/plugins/split-run';
 import { enableJunitReport } from './cypress/support/plugins/junit-report';
+import { generateTestWeights } from './cypress/support/plugins/generate-weights';
 import { logTestTagInfo } from './cypress/support/plugins/test-tagging-info';
 
 /**
@@ -70,6 +71,7 @@ export default defineConfig({
         logTestTagInfo,
         splitCypressRun,
         enableJunitReport,
+        generateTestWeights,
       ]);
     },
   },
diff --git a/packages/manager/cypress/support/plugins/generate-weights.ts b/packages/manager/cypress/support/plugins/generate-weights.ts
new file mode 100644
index 00000000000..bfb13cc0b32
--- /dev/null
+++ b/packages/manager/cypress/support/plugins/generate-weights.ts
@@ -0,0 +1,155 @@
+import type { CypressPlugin } from './plugin';
+import { DateTime } from 'luxon';
+import { writeFileSync } from 'fs';
+import { resolve } from 'path';
+import { object, string, array, number, SchemaOf } from 'yup';
+
+// The name of the environment variable to read to check if generation is enabled.
+// The value should be a path to the weights file.
+const envVarName = 'CY_TEST_GENWEIGHTS';
+
+/**
+ * Describes spec file weights for a test suite.
+ */
+export interface SpecWeights {
+  /**
+   * Spec weight metadata.
+   */
+  meta: {
+    /**
+     * Date and time that test spec weights were generated.
+     */
+    datetime: string;
+
+    /**
+     * Total test weight.
+     */
+    totalWeight: number;
+
+    /**
+     * Total test run duration in milliseconds.
+     */
+    totalDuration: number;
+  };
+  /**
+   * Array of spec weights.
+   */
+  weights: SpecWeight[];
+}
+
+/**
+ * Describes the weight of an individual spec file.
+ */
+export interface SpecWeight extends SpecResult {
+  /**
+   * Spec weight.
+   */
+  weight: number;
+}
+
+/**
+ * Spec weights schema for JSON parsing, etc.
+ */
+export const specWeightsSchema: SchemaOf<SpecWeights> = object({
+  meta: object({
+    datetime: string().required(),
+    totalWeight: number().required(),
+    totalDuration: number().required(),
+  }).required(),
+  weights: array(
+    object({
+      filepath: string().required(),
+      duration: number().required(),
+      weight: number().required(),
+    })
+  ).required(),
+});
+
+/**
+ * Describes the duration of an individual spec file.
+ *
+ * Used in the process of calculating weights for each spec.
+ */
+interface SpecResult {
+  /**
+   * Relative path to spec file.
+   */
+  filepath: string;
+
+  /**
+   * Spec run duration in milliseconds.
+   */
+  duration: number;
+}
+
+/**
+ * Enables test weight generation when `CY_TEST_GENWEIGHTS` is defined.
+ *
+ * @returns Cypress configuration object.
+ */
+export const generateTestWeights: CypressPlugin = (on, config) => {
+  const specResults: SpecResult[] = [];
+
+  if (!!config.env[envVarName]) {
+    const writeFilepath = config.env[envVarName];
+
+    // Capture duration after each spec runs.
+    on('after:spec', (spec, results) => {
+      const duration = results.stats.duration;
+      if (duration) {
+        specResults.push({
+          filepath: spec.relative,
+          duration,
+        });
+      } else {
+        console.warn(
+          `Failed to record test information for '${spec.relative}'`
+        );
+      }
+    });
+
+    // Aggregate spec durations and save as a spec weights JSON file.
+    on(
+      'after:run',
+      (
+        results:
+          | CypressCommandLine.CypressRunResult
+          | CypressCommandLine.CypressFailedRunResult
+      ) => {
+        // Determine whether this is a failed run. "Failed" in this context means
+        // that Cypress itself failed to run, not that the test results contained failures.
+        const isFailedResult = (
+          results:
+            | CypressCommandLine.CypressRunResult
+            | CypressCommandLine.CypressFailedRunResult
+        ): results is CypressCommandLine.CypressFailedRunResult => {
+          return 'failures' in results;
+        };
+
+        if (!isFailedResult(results)) {
+          const totalWeight = 100;
+          const totalDuration = results.totalDuration;
+          const weights: SpecWeights = {
+            meta: {
+              datetime: DateTime.now().toISO(),
+              totalWeight,
+              totalDuration,
+            },
+            weights: specResults.map(
+              (specResult: SpecResult): SpecWeight => {
+                return {
+                  filepath: specResult.filepath,
+                  duration: specResult.duration,
+                  weight: (specResult.duration / totalDuration) * totalWeight,
+                };
+              }
+            ),
+          };
+
+          const resolvePath = resolve(writeFilepath);
+          writeFileSync(resolvePath, JSON.stringify(weights), 'utf-8');
+        }
+      }
+    );
+  }
+};
diff --git a/packages/manager/cypress/support/plugins/split-run.ts b/packages/manager/cypress/support/plugins/split-run.ts
index fe90671d701..eccb6c0e153 100644
--- a/packages/manager/cypress/support/plugins/split-run.ts
+++ b/packages/manager/cypress/support/plugins/split-run.ts
@@ -1,57 +1,251 @@
 /**
- * @file Implements naive parallelization without Cypress Cloud.
+ * @file Allows parallelization without Cypress Cloud.
  */
 
 import { globSync } from 'glob';
-
+import { resolve } from 'path';
+import { readFileSync } from 'fs';
+import { SpecWeight, SpecWeights, specWeightsSchema } from './generate-weights';
 import type { CypressPlugin } from './plugin';
 
+/**
+ * Describes weighted specs for a single test runner.
+ */
+interface WeightedRunnerSpecs {
+  /** Array of spec filepaths for runner. */
+  specs: string[];
+
+  /** Total test weight of specs in `specs`. */
+  weight: number;
+}
+
+/**
+ * Divides a run between separate Cypress processes.
+ *
+ * Optionally, a test weights file may be specified to optimize test distribution
+ * among runners.
+ */
 export const splitCypressRun: CypressPlugin = (_on, config) => {
-  const splitRunEnabled = config?.env?.['CY_TEST_SPLIT_RUN'];
-  const splitRunTotalRunners = config?.env?.['CY_TEST_SPLIT_RUN_TOTAL'];
-  const splitRunRunnerIndex = config?.env?.['CY_TEST_SPLIT_RUN_INDEX'];
+  const {
+    CY_TEST_SPLIT_RUN: splitRunEnabled,
+    CY_TEST_SPLIT_RUN_TOTAL: splitRunTotalRunners,
+    CY_TEST_SPLIT_RUN_INDEX: splitRunRunnerIndex,
+    CY_TEST_SPLIT_RUN_WEIGHTS: splitRunWeightsPath,
+  } = config.env;
+
+  // Short-circuit if split running is not enabled.
+  // In this case, return an unmodified config object.
+  if (!splitRunEnabled) {
+    return config;
+  }
 
   // If split running is enabled, total and index must be defined.
-  if (splitRunEnabled) {
-    if (!splitRunTotalRunners || !splitRunRunnerIndex) {
-      throw new Error(
-        'CY_TEST_SPLIT_RUN is enabled, but CY_TEST_SPLIT_RUN_TOTAL and CY_TEST_SPLIT_RUN_INDEX are not defined.'
-      );
+  // Otherwise, we'll throw an error that will be displayed to the user.
+  if (!splitRunTotalRunners || !splitRunRunnerIndex) {
+    throw new Error(
+      'CY_TEST_SPLIT_RUN is enabled, but CY_TEST_SPLIT_RUN_TOTAL and CY_TEST_SPLIT_RUN_INDEX are not defined.'
+    );
+  }
+  if (isNaN(splitRunTotalRunners) || isNaN(splitRunRunnerIndex)) {
+    throw new Error(
+      'CY_TEST_SPLIT_RUN_TOTAL and CY_TEST_SPLIT_RUN_INDEX must be numeric.'
+    );
+  }
+
+  const totalRunners = parseInt(splitRunTotalRunners, 10);
+  const runner = parseInt(splitRunRunnerIndex, 10);
+
+  // Override configuration spec pattern to reflect test subset for this runner...
+  const specs = globSync(config.specPattern);
+
+  let totalWeight = 0;
+  let weightedSpecs: SpecWeight[] = [];
+  let unweightedSpecs: string[] = [...specs];
+
+  // If spec weights file path is specified, attempt to read its contents.
+  // If weights file does not exist, is inaccessible, or is malformed, weights
+  // data will be discarded and run splitting will fall back on round-robin
+  // distribution method.
+  if (splitRunWeightsPath) {
+    try {
+      const specWeights = readTestWeightsFile(splitRunWeightsPath);
+      weightedSpecs = getWeightedSpecs(specs, specWeights);
+      unweightedSpecs = getUnweightedSpecs(specs, specWeights);
+      totalWeight = specWeights.meta.totalWeight;
+    } catch (err) {
+      // Swallow error here; it's OK if test weights file doesn't exist / can't be read.
+      // Wrap messages in IIFEs to avoid issue where info messages get printed first.
+      (() => {
+        console.warn(`Failed to read weights file at '${splitRunWeightsPath}'`);
+        if ('message' in err) {
+          console.warn(`Error message: ${err.message}`);
+        }
+      })();
+      (() => {
+        console.info(
+          'You can optimize your CI run performance by generating a valid weights file'
+        );
+        console.info(
+          `Example: CY_TEST_GENWEIGHTS='${splitRunWeightsPath}' yarn cy:run`
+        );
+      })();
     }
-    if (isNaN(splitRunTotalRunners) || isNaN(splitRunRunnerIndex)) {
-      throw new Error(
-        'CY_TEST_SPLIT_RUN_TOTAL and CY_TEST_SPLIT_RUN_INDEX must be numeric.'
-      );
+  }
+
+  // Distribute specs based on their weights and get an array of weighted specs
+  // for this runner.
+  const weightedSpecsForRunner = getWeightedRunnerSpecs(
+    runner,
+    totalRunners,
+    weightedSpecs
+  );
+
+  // Distribute remaining unweighted specs round-robin style, if applicable.
+  // Sort spec filenames as deterministically as we easily can.
+  unweightedSpecs.sort((a: string, b: string): number => {
+    if (a.toLowerCase() < b.toLowerCase()) {
+      return -1;
+    } else if (a.toLowerCase() > b.toLowerCase()) {
+      return 1;
     }
+    return 0;
+  });
+
+  config.specPattern = [
+    // Include weighted specs first.
+    ...weightedSpecsForRunner.specs,
 
-    const totalRunners = parseInt(splitRunTotalRunners, 10);
-    const runner = parseInt(splitRunRunnerIndex, 10);
-
-    // Override configuration spec pattern to reflect test subset for this runner.
-    const specs = globSync(config.specPattern);
-    // Sort spec filenames deterministically.
-    // Or at least as deterministically as we can in a pinch...
-    specs.sort((a: string, b: string): number => {
-      if (a.toLowerCase() < b.toLowerCase()) {
-        return -1;
-      } else if (a.toLowerCase() > b.toLowerCase()) {
-        return 1;
-      }
-      return 0;
-    });
-
-    // Only include every Nth spec, where N is the total number of runners.
-    config.specPattern = specs.filter((spec: string, index: number) => {
+    // If there are any unweighted specs remaining, only include every Nth
+    // spec, where N is the total number of runners.
+    ...unweightedSpecs.filter((_spec: string, index: number) => {
       return (index + runner - 1) % totalRunners === 0;
-    });
-
-    console.info('Cypress split running is enabled.');
-    console.table({
-      '# of Specs Total': specs.length,
-      '# of Specs for This Run': config.specPattern.length,
-      Runner: runner,
-      'Total Runners': totalRunners,
-    });
-  }
+    }),
+  ];
+
+  const splitRunInfo = {
+    '# of Specs Total': specs.length,
+    '# of Specs for This Run': config.specPattern.length,
+    Runner: runner,
+    'Total Runners': totalRunners,
+  };
+
+  const weightsInfo = (() => {
+    if (weightedSpecs.length < 1) {
+      return {
+        'Test Weights': 'Unavailable',
+      };
+    }
+    return {
+      'Test Weights': splitRunWeightsPath,
+      'Total Test Weight': `${Math.round(totalWeight * 100) / 100}%`,
+      'Runner Test Weight': `${
+        Math.round(weightedSpecsForRunner.weight * 100) / 100
+      }%`,
+      'Weighted Specs': weightedSpecs.length,
+      'Unweighted Specs': unweightedSpecs.length,
+    };
+  })();
+
+  console.info('Cypress split running is enabled.');
+  console.table({
+    ...splitRunInfo,
+    ...weightsInfo,
+  });
+
   return config;
 };
+
+/**
+ * Reads a test weights file at the given path and returns its data.
+ *
+ * Weights data is sorted from highest to lowest weight.
+ *
+ * @param weightsFilepath - Path to weights file.
+ *
+ * @throws If `weightsFilepath` does not exist or is not readable.
+ * @throws If weights data is invalid.
+ *
+ * @returns Spec weights data.
+ */
+const readTestWeightsFile = (weightsFilepath: string): SpecWeights => {
+  const weightsContents = readFileSync(resolve(weightsFilepath), 'utf-8');
+  const weightsData = JSON.parse(weightsContents) as SpecWeights;
+  specWeightsSchema.validateSync(weightsData);
+
+  // Sort spec weights from highest weight to lowest.
+  weightsData.weights.sort((a, b) => b.weight - a.weight);
+
+  return weightsData;
+};
+
+/**
+ * Returns an array of `SpecWeight` objects for each spec file with corresponding weight data.
+ *
+ * @param allSpecs - String of spec filepaths for this run.
+ * @param specWeights - Spec weights data.
+ *
+ * @returns Array of `SpecWeight` objects for each spec file that has weight data.
+ */
+const getWeightedSpecs = (
+  allSpecs: string[],
+  specWeights: SpecWeights
+): SpecWeight[] => {
+  return allSpecs
+    .map((specPath: string): SpecWeight | undefined => {
+      return specWeights.weights.find(
+        (specWeight) => specWeight.filepath === specPath
+      );
+    })
+    .filter((specWeight): specWeight is SpecWeight => !!specWeight);
+};
+
+/**
+ * Returns an array of spec filepaths for each spec file that does not have weight data.
+ *
+ * @param allSpecs - String of spec filepaths for this run.
+ * @param specWeights - Spec weights data.
+ *
+ * @returns Array of spec filepaths for each spec file that does not have corresponding weight data.
+ */
+const getUnweightedSpecs = (
+  allSpecs: string[],
+  specWeights: SpecWeights
+): string[] => {
+  return allSpecs.filter((specPath: string) => {
+    return !specWeights.weights.find(
+      (specWeight) => specWeight.filepath === specPath
+    );
+  });
+};
+
+/**
+ * Returns weighted specs for a single runner in a split run.
+ *
+ * @param runnerIndex - Index of the runner for which to retrieve specs.
+ * @param totalRunners - Total number of runners.
+ * @param weightedSpecs - Weighted spec data from which to retrieve specs.
+ *
+ * @returns Weighted specs for runner with index `runnerIndex`.
+ */
+const getWeightedRunnerSpecs = (
+  runnerIndex: number,
+  totalRunners: number,
+  weightedSpecs: SpecWeight[]
+): WeightedRunnerSpecs => {
+  const weightSimulationResults: {
+    specs: string[];
+    weight: number;
+  }[] = Array.from({ length: totalRunners }, () => ({
+    specs: [],
+    weight: 0,
+  }));
+
+  weightedSpecs.forEach((weightedSpec) => {
+    // Ensure lowest weighed runner is at index 0.
+    weightSimulationResults.sort((a, b) => a.weight - b.weight);
+    weightSimulationResults[0].specs.push(weightedSpec.filepath);
+    weightSimulationResults[0].weight += weightedSpec.weight;
+  });
+
+  return weightSimulationResults[runnerIndex - 1];
+};

From 4d35ab7cc120131f5cf6b7a0b999bc6038d809b2 Mon Sep 17 00:00:00 2001
From: Alban Bailly <130582365+abailly-akamai@users.noreply.github.com>
Date: Tue, 27 Aug 2024 09:00:59 -0400
Subject: [PATCH 28/49] change: [M3-8493] - update browserlist to latest
 version (#10836)

* Update browserlist-db

* remove browserslist ie specification

* replace with not-dead

* Added changeset: Update browserlist to latest version
---
 .../pr-10836-tech-stories-1724703621384.md          |  5 +++++
 packages/manager/package.json                       |  2 +-
 yarn.lock                                           | 13 ++++---------
 3 files changed, 10 insertions(+), 10 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md

diff --git a/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md b/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md
new file mode 100644
index 00000000000..5ceebc8d2f3
--- /dev/null
+++ b/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Update browserlist to latest version ([#10836](https://github.com/linode/manager/pull/10836))
diff --git a/packages/manager/package.json b/packages/manager/package.json
index e5874311b60..a7134241805 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -219,6 +219,6 @@
     ">1%",
     "last 4 versions",
     "Firefox ESR",
-    "not ie < 9"
+    "not dead"
   ]
 }
diff --git a/yarn.lock b/yarn.lock
index fee1665b1b7..8c0219aad8e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5261,15 +5261,10 @@ camelcase@^7.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-7.0.1.tgz#f02e50af9fd7782bc8b88a3558c32fd3a388f048"
   integrity sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==
 
-caniuse-lite@^1.0.30001580:
-  version "1.0.30001585"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz#0b4e848d84919c783b2a41c13f7de8ce96744401"
-  integrity sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q==
-
-caniuse-lite@^1.0.30001587:
-  version "1.0.30001618"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001618.tgz#fad74fa006aef0f01e8e5c0a5540c74d8d36ec6f"
-  integrity sha512-p407+D1tIkDvsEAPS22lJxLQQaG8OTBEqo0KhzfABGk0TU4juBNDSfH0hyAp/HRyx+M8L17z/ltyhxh27FTfQg==
+caniuse-lite@^1.0.30001580, caniuse-lite@^1.0.30001587:
+  version "1.0.30001653"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz"
+  integrity sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==
 
 canvg@^3.0.6:
   version "3.0.10"

From 9514b2c15f19022dc849add2ece6e8a2767cd1c8 Mon Sep 17 00:00:00 2001
From: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Date: Tue, 27 Aug 2024 09:08:57 -0400
Subject: [PATCH 29/49] fix: [M3-7760] - Create SSH key drawer hidden by
 Rebuild Linode dialog (#10833)

* increase z-index of SSH drawer

* Added changeset: CreateSSHKeyDrawer being hidden by Rebuild Linode dialog

* add changeset - new commit to run e2e tests
---
 .../manager/.changeset/pr-10833-fixed-1724689652747.md    | 5 +++++
 .../src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx   | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 packages/manager/.changeset/pr-10833-fixed-1724689652747.md

diff --git a/packages/manager/.changeset/pr-10833-fixed-1724689652747.md b/packages/manager/.changeset/pr-10833-fixed-1724689652747.md
new file mode 100644
index 00000000000..00a3b183d68
--- /dev/null
+++ b/packages/manager/.changeset/pr-10833-fixed-1724689652747.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+CreateSSHKeyDrawer being hidden by Rebuild Linode dialog ([#10833](https://github.com/linode/manager/pull/10833))
diff --git a/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx b/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx
index 6073e28691a..d840502e426 100644
--- a/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx
+++ b/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx
@@ -65,7 +65,13 @@ export const CreateSSHKeyDrawer = React.memo(({ onClose, open }: Props) => {
   );
 
   return (
-    <Drawer onClose={handleClose} open={open} title="Add SSH Key">
+    <Drawer
+      onClose={handleClose}
+      open={open}
+      // Adding zIndex value so that the SSH drawer is not hidden behind the Rebuild Linode dialog, which prevented users from adding an SSH key
+      sx={{ zIndex: 1300 }}
+      title="Add SSH Key"
+    >
       {generalError && <Notice text={generalError} variant="error" />}
       <form onSubmit={formik.handleSubmit}>
         <TextField

From e893f1649ade82941bdc82435a0864dbb6261ee9 Mon Sep 17 00:00:00 2001
From: jdamore-linode <97627410+jdamore-linode@users.noreply.github.com>
Date: Tue, 27 Aug 2024 09:10:22 -0400
Subject: [PATCH 30/49] test: [M3-8478] - Fix Cypress StackScript Linode deploy
 test flake (#10826)

* Add account availability intercept util

* Scroll desired autocomplete item into view

* Improve region selection in StackScript Linode deploy test, improve StackScript input speed

* Added changeset: Resolve StackScript Linode deploy test flake
---
 .../pr-10826-tests-1724431261722.md           |  5 ++
 .../stackscripts/create-stackscripts.spec.ts  | 52 ++++++++++++-------
 .../cypress/support/intercepts/account.ts     |  9 ++++
 .../cypress/support/ui/autocomplete.ts        | 16 ++++--
 4 files changed, 59 insertions(+), 23 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10826-tests-1724431261722.md

diff --git a/packages/manager/.changeset/pr-10826-tests-1724431261722.md b/packages/manager/.changeset/pr-10826-tests-1724431261722.md
new file mode 100644
index 00000000000..44f90061d7f
--- /dev/null
+++ b/packages/manager/.changeset/pr-10826-tests-1724431261722.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Resolve StackScript Linode deploy test flake ([#10826](https://github.com/linode/manager/pull/10826))
diff --git a/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts b/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
index d3ab097469e..cb14c8e9265 100644
--- a/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
+++ b/packages/manager/cypress/e2e/core/stackscripts/create-stackscripts.spec.ts
@@ -5,6 +5,7 @@ import {
   pollLinodeDiskSize,
 } from 'support/util/polling';
 import { randomLabel, randomString, randomPhrase } from 'support/util/random';
+import { interceptGetAccountAvailability } from 'support/intercepts/account';
 import {
   interceptCreateStackScript,
   interceptGetStackScripts,
@@ -13,7 +14,7 @@ import { interceptCreateLinode } from 'support/intercepts/linodes';
 import { ui } from 'support/ui';
 import { createLinodeRequestFactory } from 'src/factories';
 import { createImage, getLinodeDisks, resizeLinodeDisk } from '@linode/api-v4';
-import { chooseRegion } from 'support/util/regions';
+import { chooseRegion, getRegionByLabel } from 'support/util/regions';
 import { SimpleBackoffMethod } from 'support/util/backoff';
 import { cleanUp } from 'support/util/cleanup';
 import { createTestLinode } from 'support/util/linodes';
@@ -35,6 +36,20 @@ const stackScriptErrorNoShebang =
 const stackScriptErrorUdfAlphanumeric =
   'UDF names can only contain alphanumeric and underscore characters.';
 
+/**
+ * Sets the StackScript field's value programmatically rather than via simulated typing.
+ *
+ * Cypress's typing operation is slow for long strings, so we can save several
+ * seconds by setting the value directly, then simulating a couple keystrokes.
+ *
+ * @param script - Script contents to input.
+ */
+const inputStackScript = (script: string) => {
+  cy.get('[data-qa-textfield-label="Script"]').should('be.visible').click();
+
+  cy.focused().invoke('val', script).type(' {backspace}');
+};
+
 /**
  * Fills out the StackScript creation form.
  *
@@ -69,11 +84,8 @@ const fillOutStackscriptForm = (
 
   cy.findByText(`${targetImage}`).should('be.visible').click();
 
-  // Insert a script with invalid UDF data.
-  cy.get('[data-qa-textfield-label="Script"]')
-    .should('be.visible')
-    .click()
-    .type(script);
+  // Insert a script.
+  inputStackScript(script);
 };
 
 /**
@@ -87,9 +99,14 @@ const fillOutStackscriptForm = (
  */
 const fillOutLinodeForm = (label: string, regionName: string) => {
   const password = randomString(32);
+  const region = getRegionByLabel(regionName);
 
   ui.regionSelect.find().click();
-  ui.regionSelect.findItemByRegionLabel(regionName).click();
+  ui.regionSelect
+    .findItemByRegionLabel(regionName)
+    .should('be.visible')
+    .click();
+  ui.regionSelect.find().should('have.value', `${region.label} (${region.id})`);
 
   cy.findByText('Linode Label')
     .should('be.visible')
@@ -176,6 +193,7 @@ describe('Create stackscripts', () => {
     interceptCreateStackScript().as('createStackScript');
     interceptGetStackScripts().as('getStackScripts');
     interceptCreateLinode().as('createLinode');
+    interceptGetAccountAvailability().as('getAvailability');
 
     cy.visitWithLogin('/stackscripts/create');
 
@@ -199,11 +217,7 @@ describe('Create stackscripts', () => {
     cy.findByText(stackScriptErrorNoShebang).should('be.visible');
 
     cy.fixture(stackscriptUdfInvalidPath).then((stackScriptUdfInvalid) => {
-      cy.get('[data-qa-textfield-label="Script"]')
-        .should('be.visible')
-        .click()
-        .type('{selectall}{backspace}')
-        .type(stackScriptUdfInvalid);
+      inputStackScript(stackScriptUdfInvalid);
     });
 
     ui.buttonGroup
@@ -217,11 +231,7 @@ describe('Create stackscripts', () => {
 
     // Insert a script with valid UDF data and submit StackScript create form.
     cy.fixture(stackscriptUdfPath).then((stackScriptUdf) => {
-      cy.get('[data-qa-textfield-label="Script"]')
-        .should('be.visible')
-        .click()
-        .type('{selectall}{backspace}')
-        .type(stackScriptUdf);
+      inputStackScript(stackScriptUdf);
     });
 
     ui.buttonGroup
@@ -252,6 +262,9 @@ describe('Create stackscripts', () => {
       .should('be.enabled')
       .click();
 
+    // Wait for availability to be retrieved before interacting with form.
+    cy.wait('@getAvailability');
+
     // Fill out Linode creation form, confirm UDF fields behave as expected.
     fillOutLinodeForm(linodeLabel, linodeRegion.label);
 
@@ -276,7 +289,10 @@ describe('Create stackscripts', () => {
 
     // Confirm that Linode has been created and is provisioning.
     cy.findByText(linodeLabel).should('be.visible');
-    cy.findByText('PROVISIONING').should('be.visible');
+
+    // In rare cases, the Linode can provision quicker than this assertion happens,
+    // so we want to account for cases where it's already booting or even running.
+    cy.findByText(/(PROVISIONING|BOOTING|RUNNING)/).should('be.visible');
   });
 
   /*
diff --git a/packages/manager/cypress/support/intercepts/account.ts b/packages/manager/cypress/support/intercepts/account.ts
index 54472bb1fe1..6e81f7b0455 100644
--- a/packages/manager/cypress/support/intercepts/account.ts
+++ b/packages/manager/cypress/support/intercepts/account.ts
@@ -678,3 +678,12 @@ export const mockGetMaintenance = (
     }
   });
 };
+
+/**
+ * Intercepts GET request to fetch account region availability.
+ *
+ * @returns Cypress chainable.
+ */
+export const interceptGetAccountAvailability = (): Cypress.Chainable<null> => {
+  return cy.intercept('GET', apiMatcher('account/availability*'));
+};
diff --git a/packages/manager/cypress/support/ui/autocomplete.ts b/packages/manager/cypress/support/ui/autocomplete.ts
index e87e51f1f6f..9545c72b528 100644
--- a/packages/manager/cypress/support/ui/autocomplete.ts
+++ b/packages/manager/cypress/support/ui/autocomplete.ts
@@ -32,11 +32,17 @@ export const autocompletePopper = {
     title: string,
     options?: SelectorMatcherOptions
   ): Cypress.Chainable => {
-    return cy
-      .document()
-      .its('body')
-      .find('[data-qa-autocomplete-popper]')
-      .findByText(title, options);
+    return (
+      cy
+        .document()
+        .its('body')
+        .find('[data-qa-autocomplete-popper]')
+        .findByText(title, options)
+        // Scroll to the desired item before yielding.
+        // Apply a negative top offset to account for cases where the desired
+        // item may be obscured by the drop-down sticky category heading.
+        .scrollIntoView({ offset: { left: 0, top: -45 } })
+    );
   },
 };
 

From f26a99e4530ba53ea31a5234b376b1336c07a8ad Mon Sep 17 00:00:00 2001
From: venkymano <chk-Venkatesh@outlook.com>
Date: Tue, 27 Aug 2024 19:11:33 +0530
Subject: [PATCH 31/49] upcoming: [DI-20348] - Changes for Adding
 CloudPulseCustomSelect component and Integration (#10807)

* upcoming: [DI-20348] - Changes for CloudPulseCustomSelect components and its Integration

* upcoming: [DI-20348] - Added changeset

* upcoming: [DI-20348] - Code refactoring changes

* upcoming: [DI-20348] - Code refactoring and method optimisations

* upcoming: [DI-20348] - Simplify code logic

* upcoming: [DI-20348] - More refactoring

* upcoming: [DI-20348] - Error message fix

* upcoming: [DI-20348] - Simplify checks

* upcoming: [DI-20348] - UT's for cloudpulsecustom select

* upcoming: [DI-20348] - UT updates

* upcoming: [DI-20348] - PR comments changes

* upcoming: [DI-20348] - Simple names for functions

* upcoming: [DI-20348] - JSDoc comments fix

* upcoming: [DI-20348] - Lint issue fix

* upcoming: [DI-20348] - code simplification

* upcoming: [DI-20348] - PR comments and changeset updates

* upcoming: [DI-20348] - ESlint issue fixes across files

* upcoming: [DI-20348] - ESlint issue fixes across files

* upcoming: [DI-20348] - formatting serverhandler

* upcoming: [DI-20348] - Test names updates

---------

Co-authored-by: vmangalr <vmangalr@akamai.com>
---
 ...r-10807-upcoming-features-1724226251911.md |   5 +
 .../Dashboard/CloudPulseDashboard.tsx         |  12 +-
 .../Dashboard/CloudPulseDashboardLanding.tsx  |   9 +-
 .../CloudPulse/Utils/FilterBuilder.test.ts    |  81 ++++++
 .../CloudPulse/Utils/FilterBuilder.ts         | 132 +++++++++-
 .../CloudPulse/Widget/CloudPulseWidget.tsx    |  30 ++-
 .../shared/CloudPulseComponentRenderer.tsx    |   5 +
 .../shared/CloudPulseCustomSelect.test.tsx    | 153 +++++++++++
 .../shared/CloudPulseCustomSelect.tsx         | 248 ++++++++++++++++++
 .../CloudPulseCustomSelectUtils.test.ts       | 135 ++++++++++
 .../shared/CloudPulseCustomSelectUtils.ts     | 171 ++++++++++++
 .../CloudPulseDashboardFilterBuilder.tsx      |  24 +-
 packages/manager/src/mocks/serverHandlers.ts  |  57 +---
 .../src/queries/cloudpulse/customfilters.ts   |   6 +-
 14 files changed, 1003 insertions(+), 65 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
 create mode 100644 packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.test.tsx
 create mode 100644 packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.tsx
 create mode 100644 packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.test.ts
 create mode 100644 packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.ts

diff --git a/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md b/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
new file mode 100644
index 00000000000..b710ea68af5
--- /dev/null
+++ b/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add new CloudPulseCustomSelect component and integrate with the global filter builder ([#10807](https://github.com/linode/manager/pull/10807))
diff --git a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboard.tsx b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboard.tsx
index c1758bc1d13..ac019a321d3 100644
--- a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboard.tsx
+++ b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboard.tsx
@@ -21,7 +21,10 @@ import {
   getIntervalIndex,
 } from '../Widget/components/CloudPulseIntervalSelect';
 
-import type { CloudPulseWidgetProperties } from '../Widget/CloudPulseWidget';
+import type {
+  CloudPulseMetricsAdditionalFilters,
+  CloudPulseWidgetProperties,
+} from '../Widget/CloudPulseWidget';
 import type {
   AvailableMetrics,
   Dashboard,
@@ -31,6 +34,11 @@ import type {
 } from '@linode/api-v4';
 
 export interface DashboardProperties {
+  /**
+   * Apart from above explicit filters, any additional filters for metrics endpoint will go here
+   */
+  additionalFilters?: CloudPulseMetricsAdditionalFilters[];
+
   /**
    * Id of the selected dashboard
    */
@@ -64,6 +72,7 @@ export interface DashboardProperties {
 
 export const CloudPulseDashboard = (props: DashboardProperties) => {
   const {
+    additionalFilters,
     dashboardId,
     duration,
     manualRefreshTimeStamp,
@@ -81,6 +90,7 @@ export const CloudPulseDashboard = (props: DashboardProperties) => {
     widget: Widgets
   ): CloudPulseWidgetProperties => {
     const graphProp: CloudPulseWidgetProperties = {
+      additionalFilters,
       ariaLabel: widget.label,
       authToken: '',
       availableMetrics: undefined,
diff --git a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx
index 9cfd7c3494f..89f5f6db2c9 100644
--- a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx
+++ b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardLanding.tsx
@@ -7,7 +7,10 @@ import { StyledPlaceholder } from 'src/features/StackScripts/StackScriptBase/Sta
 
 import { GlobalFilters } from '../Overview/GlobalFilters';
 import { REGION, RESOURCE_ID } from '../Utils/constants';
-import { checkIfAllMandatoryFiltersAreSelected } from '../Utils/FilterBuilder';
+import {
+  checkIfAllMandatoryFiltersAreSelected,
+  getMetricsCallCustomFilters,
+} from '../Utils/FilterBuilder';
 import { FILTER_CONFIG } from '../Utils/FilterConfig';
 import { useLoadUserPreferences } from '../Utils/UserPreference';
 import { CloudPulseDashboard } from './CloudPulseDashboard';
@@ -97,6 +100,10 @@ export const CloudPulseDashboardLanding = () => {
 
     return (
       <CloudPulseDashboard
+        additionalFilters={getMetricsCallCustomFilters(
+          filterValue,
+          dashboard.service_type
+        )}
         region={
           typeof filterValue[REGION] === 'string'
             ? (filterValue[REGION] as string)
diff --git a/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.test.ts b/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.test.ts
index 6460e985694..1c4b5894d7d 100644
--- a/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.test.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.test.ts
@@ -1,19 +1,27 @@
 import { dashboardFactory } from 'src/factories';
+import { databaseQueries } from 'src/queries/databases/databases';
 
+import { RESOURCES } from './constants';
 import {
   buildXFilter,
   checkIfAllMandatoryFiltersAreSelected,
   checkIfWeNeedToDisableFilterByFilterKey,
+  constructAdditionalRequestFilters,
+  getCustomSelectProperties,
+  getMetricsCallCustomFilters,
   getRegionProperties,
   getResourcesProperties,
   getTimeDurationProperties,
 } from './FilterBuilder';
 import { FILTER_CONFIG } from './FilterConfig';
+import { CloudPulseSelectTypes } from './models';
 
 const mockDashboard = dashboardFactory.build();
 
 const linodeConfig = FILTER_CONFIG.get('linode');
 
+const dbaasConfig = FILTER_CONFIG.get('dbaas');
+
 it('test getRegionProperties method', () => {
   const regionConfig = linodeConfig?.filters.find(
     (filterObj) => filterObj.name === 'Region'
@@ -183,3 +191,76 @@ it('test checkIfAllMandatoryFiltersAreSelected method', () => {
 
   expect(result).toEqual(false);
 });
+
+it('test getCustomSelectProperties method', () => {
+  const customSelectEngineConfig = dbaasConfig?.filters.find(
+    (filterObj) => filterObj.name === 'DB Engine'
+  );
+
+  expect(customSelectEngineConfig).toBeDefined();
+
+  if (customSelectEngineConfig) {
+    let result = getCustomSelectProperties(
+      {
+        config: customSelectEngineConfig,
+        dashboard: { ...mockDashboard, service_type: 'dbaas' },
+        isServiceAnalyticsIntegration: true,
+      },
+      vi.fn()
+    );
+
+    expect(result.options).toBeDefined();
+    expect(result.options?.length).toEqual(2);
+    expect(result.savePreferences).toEqual(false);
+    expect(result.isMultiSelect).toEqual(false);
+    expect(result.disabled).toEqual(false);
+    expect(result.clearDependentSelections).toBeDefined();
+    expect(result.clearDependentSelections?.includes(RESOURCES)).toBe(true);
+
+    customSelectEngineConfig.configuration.type = CloudPulseSelectTypes.dynamic;
+    customSelectEngineConfig.configuration.apiV4QueryKey =
+      databaseQueries.engines;
+    customSelectEngineConfig.configuration.isMultiSelect = true;
+    customSelectEngineConfig.configuration.options = undefined;
+
+    result = getCustomSelectProperties(
+      {
+        config: customSelectEngineConfig,
+        dashboard: mockDashboard,
+        isServiceAnalyticsIntegration: true,
+      },
+      vi.fn()
+    );
+
+    expect(result.apiV4QueryKey).toEqual(databaseQueries.engines);
+    expect(result.type).toEqual(CloudPulseSelectTypes.dynamic);
+    expect(result.savePreferences).toEqual(false);
+    expect(result.isMultiSelect).toEqual(true);
+  }
+});
+
+it('test getFiltersForMetricsCallFromCustomSelect method', () => {
+  const result = getMetricsCallCustomFilters(
+    {
+      resource_id: [1, 2, 3],
+    },
+    'linode'
+  );
+
+  expect(result).toBeDefined();
+  expect(result.length).toEqual(0);
+});
+
+it('test constructAdditionalRequestFilters method', () => {
+  const result = constructAdditionalRequestFilters(
+    getMetricsCallCustomFilters(
+      {
+        resource_id: [1, 2, 3],
+      },
+      'linode'
+    )
+  );
+
+  expect(result).toBeDefined();
+  expect(result.length).toEqual(0);
+});
diff --git a/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.ts b/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.ts
index 90a1ea45f07..57a6b6e7bbc 100644
--- a/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.ts
+++ b/packages/manager/src/features/CloudPulse/Utils/FilterBuilder.ts
@@ -1,15 +1,18 @@
-import { RELATIVE_TIME_DURATION } from './constants';
+import { RELATIVE_TIME_DURATION, RESOURCE_ID, RESOURCES } from './constants';
 import { FILTER_CONFIG } from './FilterConfig';
+import { CloudPulseSelectTypes } from './models';
 
 import type { FilterValueType } from '../Dashboard/CloudPulseDashboardLanding';
+import type { CloudPulseCustomSelectProps } from '../shared/CloudPulseCustomSelect';
 import type { CloudPulseRegionSelectProps } from '../shared/CloudPulseRegionSelect';
 import type {
   CloudPulseResources,
   CloudPulseResourcesSelectProps,
 } from '../shared/CloudPulseResourcesSelect';
 import type { CloudPulseTimeRangeSelectProps } from '../shared/CloudPulseTimeRangeSelect';
+import type { CloudPulseMetricsAdditionalFilters } from '../Widget/CloudPulseWidget';
 import type { CloudPulseServiceTypeFilters } from './models';
-import type { Dashboard, Filter, TimeDuration } from '@linode/api-v4';
+import type { Dashboard, Filter, Filters, TimeDuration } from '@linode/api-v4';
 
 interface CloudPulseFilterProperties {
   config: CloudPulseServiceTypeFilters;
@@ -86,6 +89,54 @@ export const getResourcesProperties = (
   };
 };
 
+/**
+ * @param props The cloudpulse filter properties selected so far
+ * @param handleCustomSelectChange The callback function when a filter change happens
+ * @returns {CloudPulseCustomSelectProps} Returns a property compatible for CloudPulseCustomSelect Component
+ */
+export const getCustomSelectProperties = (
+  props: CloudPulseFilterProperties,
+  handleCustomSelectChange: (filterKey: string, value: FilterValueType) => void
+): CloudPulseCustomSelectProps => {
+  const {
+    apiIdField,
+    apiLabelField,
+    apiV4QueryKey,
+    filterKey,
+    filterType,
+    isMultiSelect,
+    maxSelections,
+    options,
+    placeholder,
+  } = props.config.configuration;
+  const { dashboard, dependentFilters, isServiceAnalyticsIntegration } = props;
+  return {
+    apiResponseIdField: apiIdField,
+    apiResponseLabelField: apiLabelField,
+    apiV4QueryKey,
+    clearDependentSelections: getDependentFiltersByFilterKey(
+      filterKey,
+      dashboard
+    ),
+    disabled: checkIfWeNeedToDisableFilterByFilterKey(
+      filterKey,
+      dependentFilters ?? {},
+      dashboard
+    ),
+    filterKey,
+    filterType,
+    handleSelectionChange: handleCustomSelectChange,
+    isMultiSelect,
+    maxSelections,
+    options,
+    placeholder,
+    savePreferences: !isServiceAnalyticsIntegration,
+    type: options
+      ? CloudPulseSelectTypes.static
+      : CloudPulseSelectTypes.dynamic,
+  };
+};
+
 /**
  * This function helps in building the properties needed for time duration filter
  *
@@ -206,3 +257,80 @@ export const checkIfAllMandatoryFiltersAreSelected = (
     return value !== undefined && (!Array.isArray(value) || value.length > 0);
   });
 };
+
+/**
+ * @param selectedFilters The selected filters from the global filters view from custom select component
+ * @param serviceType The serviceType assosicated with the dashboard like linode, dbaas etc.,
+ * @returns Constructs and returns the metrics call filters based on selected filters and service type
+ */
+export const getMetricsCallCustomFilters = (
+  selectedFilters: {
+    [key: string]: FilterValueType;
+  },
+  serviceType: string
+): CloudPulseMetricsAdditionalFilters[] => {
+  const serviceTypeConfig = FILTER_CONFIG.get(serviceType);
+
+  // If configuration exists, filter and map it to the desired CloudPulseMetricsAdditionalFilters format
+  return (
+    serviceTypeConfig?.filters
+      .filter(
+        ({ configuration }) =>
+          configuration.isFilterable &&
+          !configuration.isMetricsFilter &&
+          selectedFilters[configuration.filterKey]
+      )
+      .map(({ configuration }) => ({
+        filterKey: configuration.filterKey,
+        filterValue: selectedFilters[configuration.filterKey],
+      })) ?? []
+  );
+};
+
+/**
+ * @param additionalFilters The additional filters selected from custom select components
+ * @returns The list of filters for the metric API call, based the additional custom select components
+ */
+export const constructAdditionalRequestFilters = (
+  additionalFilters: CloudPulseMetricsAdditionalFilters[]
+): Filters[] => {
+  const filters: Filters[] = [];
+  for (const filter of additionalFilters) {
+    if (filter) {
+      // push to the filters
+      filters.push({
+        key: filter.filterKey,
+        operator: Array.isArray(filter.filterValue) ? 'in' : 'eq',
+        value: Array.isArray(filter.filterValue)
+          ? Array.of(filter.filterValue).join(',')
+          : String(filter.filterValue),
+      });
+    }
+  }
+  return filters;
+};
+
+/**
+ *
+ * @param filterKey The filterKey of the actual filter
+ * @param dashboard The selected dashboard from the global filter view
+ * @returns The filterKeys that needs to be removed from the preferences
+ */
+const getDependentFiltersByFilterKey = (
+  filterKey: string,
+  dashboard: Dashboard
+): string[] => {
+  const serviceTypeConfig = FILTER_CONFIG.get(dashboard.service_type);
+
+  if (!serviceTypeConfig) {
+    return [];
+  }
+
+  return serviceTypeConfig.filters
+    .filter((filter) => filter?.configuration?.dependency?.includes(filterKey))
+    .map(({ configuration }) =>
+      configuration.filterKey === RESOURCE_ID
+        ? RESOURCES
+        : configuration.filterKey
+    );
+};
diff --git a/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx b/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx
index 906b537651a..a7172590950 100644
--- a/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx
+++ b/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx
@@ -12,6 +12,7 @@ import {
   getCloudPulseMetricRequest,
 } from '../Utils/CloudPulseWidgetUtils';
 import { AGGREGATE_FUNCTION, SIZE, TIME_GRANULARITY } from '../Utils/constants';
+import { constructAdditionalRequestFilters } from '../Utils/FilterBuilder';
 import { convertValueToUnit, formatToolTip } from '../Utils/unitConversion';
 import {
   getUserPreferenceObject,
@@ -23,17 +24,23 @@ import { CloudPulseIntervalSelect } from './components/CloudPulseIntervalSelect'
 import { CloudPulseLineGraph } from './components/CloudPulseLineGraph';
 import { ZoomIcon } from './components/Zoomer';
 
+import type { FilterValueType } from '../Dashboard/CloudPulseDashboardLanding';
 import type { CloudPulseResources } from '../shared/CloudPulseResourcesSelect';
+import type { Widgets } from '@linode/api-v4';
 import type {
   AvailableMetrics,
   TimeDuration,
   TimeGranularity,
 } from '@linode/api-v4';
-import type { Widgets } from '@linode/api-v4';
 import type { DataSet } from 'src/components/LineGraph/LineGraph';
 import type { Metrics } from 'src/utilities/statMetrics';
 
 export interface CloudPulseWidgetProperties {
+  /**
+   * Apart from above explicit filters, any additional filters for metrics endpoint will go here
+   */
+  additionalFilters?: CloudPulseMetricsAdditionalFilters[];
+
   /**
    * Aria label for this widget
    */
@@ -100,6 +107,11 @@ export interface CloudPulseWidgetProperties {
   widget: Widgets;
 }
 
+export interface CloudPulseMetricsAdditionalFilters {
+  filterKey: string;
+  filterValue: FilterValueType;
+}
+
 export interface LegendRow {
   data: Metrics;
   format: (value: number) => {};
@@ -115,6 +127,7 @@ export const CloudPulseWidget = (props: CloudPulseWidgetProperties) => {
   const [widget, setWidget] = React.useState<Widgets>({ ...props.widget });
 
   const {
+    additionalFilters,
     ariaLabel,
     authToken,
     availableMetrics,
@@ -228,12 +241,15 @@ export const CloudPulseWidget = (props: CloudPulseWidgetProperties) => {
     status,
   } = useCloudPulseMetricsQuery(
     serviceType,
-    getCloudPulseMetricRequest({
-      duration,
-      resourceIds,
-      resources,
-      widget,
-    }),
+    {
+      ...getCloudPulseMetricRequest({
+        duration,
+        resourceIds,
+        resources,
+        widget,
+      }),
+      filters: constructAdditionalRequestFilters(additionalFilters ?? []), // any additional dimension filters will be constructed and passed here
+    },
     {
       authToken,
       isFlags: Boolean(flags),
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseComponentRenderer.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseComponentRenderer.tsx
index c30a360d2e1..224956a45ca 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseComponentRenderer.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseComponentRenderer.tsx
@@ -2,10 +2,12 @@ import React from 'react';
 
 import NullComponent from 'src/components/NullComponent';
 
+import { CloudPulseCustomSelect } from './CloudPulseCustomSelect';
 import { CloudPulseRegionSelect } from './CloudPulseRegionSelect';
 import { CloudPulseResourcesSelect } from './CloudPulseResourcesSelect';
 import { CloudPulseTimeRangeSelect } from './CloudPulseTimeRangeSelect';
 
+import type { CloudPulseCustomSelectProps } from './CloudPulseCustomSelect';
 import type { CloudPulseRegionSelectProps } from './CloudPulseRegionSelect';
 import type { CloudPulseResourcesSelectProps } from './CloudPulseResourcesSelect';
 import type { CloudPulseTimeRangeSelectProps } from './CloudPulseTimeRangeSelect';
@@ -14,6 +16,7 @@ import type { MemoExoticComponent } from 'react';
 export interface CloudPulseComponentRendererProps {
   componentKey: string;
   componentProps:
+    | CloudPulseCustomSelectProps
     | CloudPulseRegionSelectProps
     | CloudPulseResourcesSelectProps
     | CloudPulseTimeRangeSelectProps;
@@ -23,12 +26,14 @@ export interface CloudPulseComponentRendererProps {
 const Components: {
   [key: string]: MemoExoticComponent<
     React.ComponentType<
+      | CloudPulseCustomSelectProps
       | CloudPulseRegionSelectProps
       | CloudPulseResourcesSelectProps
       | CloudPulseTimeRangeSelectProps
     >
   >;
 } = {
+  customSelect: CloudPulseCustomSelect,
   region: CloudPulseRegionSelect,
   relative_time_duration: CloudPulseTimeRangeSelect,
   resource_id: CloudPulseResourcesSelect,
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.test.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.test.tsx
new file mode 100644
index 00000000000..4b7ecbd4c29
--- /dev/null
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.test.tsx
@@ -0,0 +1,153 @@
+import { fireEvent } from '@testing-library/react';
+import React from 'react';
+
+import { databaseQueries } from 'src/queries/databases/databases';
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { CloudPulseSelectTypes } from '../Utils/models';
+import { CloudPulseCustomSelect } from './CloudPulseCustomSelect';
+
+import type { CloudPulseServiceTypeFiltersOptions } from '../Utils/models';
+
+const mockOptions: CloudPulseServiceTypeFiltersOptions[] = [
+  {
+    id: '1',
+    label: 'Test1',
+  },
+  {
+    id: '2',
+    label: 'Test2',
+  },
+];
+
+const queryMocks = vi.hoisted(() => ({
+  useGetCustomFiltersQuery: vi.fn().mockReturnValue({
+    data: [
+      {
+        id: '1',
+        label: 'Test1',
+      },
+      {
+        id: '2',
+        label: 'Test2',
+      },
+    ],
+    isError: false,
+    isLoading: false,
+    status: 'success',
+  }),
+}));
+
+vi.mock('src/queries/cloudpulse/customfilters', async () => {
+  const actual = await vi.importActual('src/queries/cloudpulse/customfilters');
+  return {
+    ...actual,
+    useGetCustomFiltersQuery: queryMocks.useGetCustomFiltersQuery,
+  };
+});
+
+const testFilter = 'Select a Test Filter';
+const keyboardArrowDownIcon = 'KeyboardArrowDownIcon';
+
+describe('CloudPulseCustomSelect component tests', () => {
+  it('should render a component successfully with required props static', () => {
+    const screen = renderWithTheme(
+      <CloudPulseCustomSelect
+        filterKey="testfilter"
+        filterType="number"
+        handleSelectionChange={vi.fn()}
+        options={mockOptions}
+        placeholder={testFilter}
+        type={CloudPulseSelectTypes.static}
+      />
+    );
+
+    expect(screen.getByPlaceholderText(testFilter)).toBeDefined();
+    const keyDown = screen.getByTestId(keyboardArrowDownIcon);
+    fireEvent.click(keyDown);
+    fireEvent.click(screen.getByText('Test1'));
+    const textField = screen.getByTestId('textfield-input');
+    expect(textField.getAttribute('value')).toEqual('Test1');
+  });
+
+  it('should render a component successfully with required props static with multi select', () => {
+    const screen = renderWithTheme(
+      <CloudPulseCustomSelect
+        filterKey="testfilter"
+        filterType="number"
+        handleSelectionChange={vi.fn()}
+        isMultiSelect={true}
+        options={[...mockOptions]}
+        placeholder={testFilter}
+        type={CloudPulseSelectTypes.static}
+      />
+    );
+
+    expect(screen.getByPlaceholderText(testFilter)).toBeDefined();
+    const keyDown = screen.getByTestId(keyboardArrowDownIcon);
+    fireEvent.click(keyDown);
+    expect(screen.getAllByText('Test1').length).toEqual(2); // here it should be 2
+    expect(screen.getAllByText('Test2').length).toEqual(1); // since we didn't select this option it should be 1
+    fireEvent.click(screen.getByText('Test2'));
+
+    expect(screen.getAllByText('Test1').length).toEqual(2); // here it should be 2
+    expect(screen.getAllByText('Test2').length).toEqual(2); // since we did select this option it should be 2
+
+    fireEvent.click(keyDown); // close the drop down
+
+    expect(screen.getAllByText('Test1').length).toEqual(1);
+    expect(screen.getAllByText('Test2').length).toEqual(1);
+  });
+
+  it('should render a component successfully with required props dynamic', () => {
+    const selectionChnage = vi.fn();
+    const screen = renderWithTheme(
+      <CloudPulseCustomSelect
+        apiV4QueryKey={databaseQueries.engines}
+        filterKey="testfilter"
+        filterType="number"
+        handleSelectionChange={selectionChnage}
+        placeholder={testFilter}
+        type={CloudPulseSelectTypes.dynamic}
+      />
+    );
+    expect(screen.getByPlaceholderText(testFilter)).toBeDefined();
+    const keyDown = screen.getByTestId(keyboardArrowDownIcon);
+    fireEvent.click(keyDown);
+    fireEvent.click(screen.getByText('Test1'));
+    const textField = screen.getByTestId('textfield-input');
+    expect(textField.getAttribute('value')).toEqual('Test1');
+    expect(selectionChnage).toHaveBeenCalledTimes(1);
+  });
+
+  it('should render a component successfully with required props dynamic multi select', () => {
+    const selectionChnage = vi.fn();
+    const screen = renderWithTheme(
+      <CloudPulseCustomSelect
+        apiV4QueryKey={databaseQueries.engines}
+        filterKey="testfilter"
+        filterType="number"
+        handleSelectionChange={selectionChnage}
+        isMultiSelect={true}
+        placeholder={testFilter}
+        type={CloudPulseSelectTypes.dynamic}
+      />
+    );
+    expect(screen.getByPlaceholderText(testFilter)).toBeDefined();
+    const keyDown = screen.getByTestId(keyboardArrowDownIcon);
+    fireEvent.click(keyDown);
+    fireEvent.click(screen.getByText('Test1'));
+    expect(screen.getAllByText('Test1').length).toEqual(2); // here it should be 2
+    expect(screen.getAllByText('Test2').length).toEqual(1); // since we didn't select this option it should be 1
+    fireEvent.click(screen.getByText('Test2'));
+
+    expect(screen.getAllByText('Test1').length).toEqual(2); // here it should be 2
+    expect(screen.getAllByText('Test2').length).toEqual(2); // since we did select this option it should be 2
+
+    fireEvent.click(keyDown); // close the drop down
+
+    expect(screen.getAllByText('Test1').length).toEqual(1);
+    expect(screen.getAllByText('Test2').length).toEqual(1);
+    expect(selectionChnage).toHaveBeenCalledTimes(2); // check if selection change is called twice as we selected two options
+  });
+});
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.tsx
new file mode 100644
index 00000000000..f43f0c8c74f
--- /dev/null
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelect.tsx
@@ -0,0 +1,248 @@
+import deepEqual from 'fast-deep-equal';
+import React from 'react';
+
+import { Autocomplete } from 'src/components/Autocomplete/Autocomplete';
+import { useGetCustomFiltersQuery } from 'src/queries/cloudpulse/customfilters';
+
+import {
+  getInitialDefaultSelections,
+  handleCustomSelectionChange,
+} from './CloudPulseCustomSelectUtils';
+
+import type { FilterValueType } from '../Dashboard/CloudPulseDashboardLanding';
+import type {
+  CloudPulseServiceTypeFiltersOptions,
+  QueryFunctionAndKey,
+} from '../Utils/models';
+
+/**
+ * These are the properties requires for CloudPulseCustomSelect Components
+ *
+ */
+export interface CloudPulseCustomSelectProps {
+  /**
+   * The id field of the response returned from the API
+   */
+  apiResponseIdField?: string;
+
+  /**
+   * The label field of the response returned from the API
+   */
+  apiResponseLabelField?: string;
+
+  /**
+   * The api query key factory which contains the queries to fetch the list of filters, passed when the select type is dynamic
+   */
+  apiV4QueryKey?: QueryFunctionAndKey;
+
+  /**
+   * The dependent selections to be cleared on this filter update
+   */
+  clearDependentSelections?: string[];
+
+  /**
+   * This property says, whether or not to disable the selection component
+   */
+  disabled?: boolean;
+
+  /**
+   * The errorText that needs to be displayed
+   */
+  errorText?: string;
+
+  /**
+   * The filterKey that needs to be used
+   */
+  filterKey: string;
+
+  /**
+   * The type of the filter like string, number etc.,
+   */
+  filterType: string;
+
+  /**
+   * The callback function , that will be called on a filter change
+   * @param filterKey - The filterKey of the component
+   * @param value - The selected filter value
+   */
+  handleSelectionChange: (filterKey: string, value: FilterValueType) => void;
+  /**
+   * If true, multiselect is allowed, otherwise false
+   */
+  isMultiSelect?: boolean;
+
+  /**
+   * The maximum selections that the user can make incase of multiselect
+   */
+  maxSelections?: number;
+
+  /**
+   * The options to be listed down in the autocomplete if the select type is static
+   */
+  options?: CloudPulseServiceTypeFiltersOptions[];
+
+  /**
+   * The placeholder that needs to displayed
+   */
+  placeholder?: string;
+
+  /**
+   * This property controls whether to save the preferences or not
+   */
+  savePreferences?: boolean;
+
+  /**
+   * The cloud pulse select types, it can be static or dynamic depending on the use case
+   */
+  type: CloudPulseSelectTypes;
+}
+
+export enum CloudPulseSelectTypes {
+  dynamic,
+  static,
+}
+
+export const CloudPulseCustomSelect = React.memo(
+  (props: CloudPulseCustomSelectProps) => {
+    const {
+      apiResponseIdField,
+      apiResponseLabelField,
+      apiV4QueryKey,
+      clearDependentSelections,
+      disabled,
+      filterKey,
+      handleSelectionChange,
+      isMultiSelect,
+      maxSelections,
+      options,
+      placeholder,
+      savePreferences,
+      type,
+    } = props;
+
+    const [selectedResource, setResource] = React.useState<
+      | CloudPulseServiceTypeFiltersOptions
+      | CloudPulseServiceTypeFiltersOptions[]
+      | undefined
+    >();
+
+    const {
+      data: queriedResources,
+      isError,
+      isLoading,
+    } = useGetCustomFiltersQuery({
+      apiV4QueryKey,
+      enabled: Boolean(apiV4QueryKey && !disabled),
+      filter: {},
+      idField: apiResponseIdField ?? 'id',
+      labelField: apiResponseLabelField ?? 'label',
+    });
+
+    React.useEffect(() => {
+      if (!selectedResource) {
+        setResource(
+          getInitialDefaultSelections({
+            filterKey,
+            handleSelectionChange,
+            isMultiSelect: isMultiSelect ?? false,
+            options: options ?? [],
+            savePreferences: savePreferences ?? false,
+          })
+        );
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [savePreferences, options, apiV4QueryKey]); // only execute this use efffect one time or if savePreferences or options or dataApiUrl changes
+
+    const handleChange = (
+      _: React.SyntheticEvent,
+      value:
+        | CloudPulseServiceTypeFiltersOptions
+        | CloudPulseServiceTypeFiltersOptions[]
+        | null
+    ) => {
+      const filteredValue = handleCustomSelectionChange({
+        clearSelections: clearDependentSelections ?? [],
+        filterKey,
+        handleSelectionChange,
+        maxSelections,
+        value,
+      });
+      setResource(
+        Array.isArray(filteredValue)
+          ? [...filteredValue]
+          : filteredValue ?? undefined
+      );
+    };
+
+    let staticErrorText = '';
+
+    // check for input prop errors
+    if (
+      (CloudPulseSelectTypes.static === type &&
+        (!options || options.length === 0)) ||
+      (CloudPulseSelectTypes.dynamic === type && !apiV4QueryKey)
+    ) {
+      staticErrorText = 'Pass either options or API query key';
+    }
+
+    const isAutoCompleteDisabled =
+      disabled ||
+      ((isLoading || isError) && type === CloudPulseSelectTypes.dynamic) ||
+      (!queriedResources && !(options && options.length)) ||
+      staticErrorText.length > 0;
+
+    staticErrorText =
+      staticErrorText.length > 0
+        ? staticErrorText
+        : isError
+        ? 'Error while loading from API'
+        : '';
+
+    return (
+      <Autocomplete
+        options={
+          type === CloudPulseSelectTypes.static
+            ? options ?? []
+            : queriedResources ?? []
+        }
+        textFieldProps={{
+          hideLabel: true,
+        }}
+        disabled={isAutoCompleteDisabled}
+        errorText={staticErrorText}
+        isOptionEqualToValue={(option, value) => option.label === value.label}
+        label="Select a Value"
+        multiple={isMultiSelect}
+        onChange={handleChange}
+        placeholder={placeholder ?? 'Select a Value'}
+        value={selectedResource ?? (isMultiSelect ? [] : null)}
+      />
+    );
+  },
+  compareProps
+);
+
+function compareProps(
+  prevProps: CloudPulseCustomSelectProps,
+  nextProps: CloudPulseCustomSelectProps
+): boolean {
+  // these properties can be extended going forward
+  const keysToCompare: (keyof CloudPulseCustomSelectProps)[] = [
+    'apiV4QueryKey',
+    'disabled',
+  ];
+
+  for (const key of keysToCompare) {
+    if (prevProps[key] !== nextProps[key]) {
+      return false;
+    }
+  }
+
+  // Deep comparison for options
+  if (!deepEqual(prevProps.options, nextProps.options)) {
+    return false;
+  }
+
+  // Ignore function props in comparison
+  return true;
+}
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.test.ts b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.test.ts
new file mode 100644
index 00000000000..0c1bc3e1844
--- /dev/null
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.test.ts
@@ -0,0 +1,135 @@
+import {
+  getInitialDefaultSelections,
+  handleCustomSelectionChange,
+} from './CloudPulseCustomSelectUtils';
+
+import type { CloudPulseServiceTypeFiltersOptions } from '../Utils/models';
+
+const queryMocks = vi.hoisted(() => ({
+  getUserPreferenceObject: vi.fn().mockReturnValue({
+    test: '1',
+  }),
+}));
+
+vi.mock('../Utils/UserPreference', async () => {
+  const actual = await vi.importActual('../Utils/UserPreference');
+  return {
+    ...actual,
+    getUserPreferenceObject: queryMocks.getUserPreferenceObject,
+  };
+});
+
+it('test handleCustomSelectionChange method for single selection', () => {
+  const selectedValue: CloudPulseServiceTypeFiltersOptions = {
+    id: '1',
+    label: 'Test',
+  };
+  const handleSelectionChange = vi.fn();
+  const result = handleCustomSelectionChange({
+    clearSelections: [],
+    filterKey: 'test',
+    handleSelectionChange,
+    value: selectedValue,
+  });
+
+  expect(result).toBeDefined();
+  expect(result).toEqual(selectedValue);
+  expect(handleSelectionChange).toBeCalledTimes(1);
+});
+
+it('test handleCustomSelectionChange method for multiple selection', () => {
+  const selectedValue: CloudPulseServiceTypeFiltersOptions[] = [
+    {
+      id: '1',
+      label: 'Test',
+    },
+  ];
+  const handleSelectionChange = vi.fn();
+  const result = handleCustomSelectionChange({
+    clearSelections: [],
+    filterKey: 'test',
+    handleSelectionChange,
+    value: selectedValue,
+  });
+
+  expect(result).toBeDefined();
+  expect(Array.isArray(result)).toBe(true);
+  expect(result).toEqual(selectedValue);
+  expect(handleSelectionChange).toBeCalledTimes(1);
+});
+
+it('test getInitialDefaultSelections method for single selection', () => {
+  const handleSelectionChange = vi.fn();
+
+  const options: CloudPulseServiceTypeFiltersOptions[] = [
+    {
+      id: '1',
+      label: 'Test',
+    },
+  ];
+
+  let result = getInitialDefaultSelections({
+    filterKey: 'test',
+    handleSelectionChange,
+    isMultiSelect: false,
+    options,
+    savePreferences: true,
+  });
+
+  expect(Array.isArray(result)).toBe(false);
+  expect(result).toEqual(options[0]);
+  expect(handleSelectionChange).toBeCalledTimes(1);
+  queryMocks.getUserPreferenceObject.mockReturnValue({
+    test: '2',
+  });
+
+  result = getInitialDefaultSelections({
+    filterKey: 'test',
+    handleSelectionChange,
+    isMultiSelect: false,
+    options,
+    savePreferences: true,
+  });
+  expect(result).toEqual(undefined);
+  expect(handleSelectionChange).toBeCalledTimes(2);
+});
+
+it('test getInitialDefaultSelections method for multi selection', () => {
+  const handleSelectionChange = vi.fn();
+
+  queryMocks.getUserPreferenceObject.mockReturnValue({
+    test: '1',
+  });
+
+  const options: CloudPulseServiceTypeFiltersOptions[] = [
+    {
+      id: '1',
+      label: 'Test',
+    },
+  ];
+
+  let result = getInitialDefaultSelections({
+    filterKey: 'test',
+    handleSelectionChange,
+    isMultiSelect: true,
+    options,
+    savePreferences: true,
+  });
+
+  expect(Array.isArray(result)).toBe(true);
+  expect(result).toEqual(options);
+  expect(handleSelectionChange).toBeCalledTimes(1);
+  queryMocks.getUserPreferenceObject.mockReturnValue({
+    test: '2',
+  });
+
+  result = getInitialDefaultSelections({
+    filterKey: 'test',
+    handleSelectionChange,
+    isMultiSelect: false,
+    options,
+    savePreferences: true,
+  });
+  expect(result).toEqual(undefined);
+  expect(handleSelectionChange).toBeCalledTimes(2);
+});
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.ts b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.ts
new file mode 100644
index 00000000000..4bd030e8627
--- /dev/null
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseCustomSelectUtils.ts
@@ -0,0 +1,171 @@
+import {
+  getUserPreferenceObject,
+  updateGlobalFilterPreference,
+} from '../Utils/UserPreference';
+
+import type { FilterValueType } from '../Dashboard/CloudPulseDashboardLanding';
+import type { CloudPulseServiceTypeFiltersOptions } from '../Utils/models';
+
+/**
+ * The interface for selecting the default value from the user preferences
+ */
+interface CloudPulseCustomSelectDefaultValueProps {
+  /**
+   * The filter Key of the current rendered custom select component
+   */
+  filterKey: string;
+  /**
+   * The callback for the selection changes happening in the custom select component
+   */
+  handleSelectionChange: (filterKey: string, value: FilterValueType) => void;
+
+  /**
+   * Indicates whether we need multiselect for the component or not
+   */
+  isMultiSelect: boolean;
+
+  /**
+   * The current listed options in the custom select component
+   */
+  options: CloudPulseServiceTypeFiltersOptions[];
+
+  /**
+   * Indicates whether we need to save preferences or not
+   */
+  savePreferences: boolean;
+}
+
+/**
+ * The interface of publishing the selection change and updating the user preferences accordingly
+ */
+interface CloudPulseCustomSelectionChangeProps {
+  /**
+   * The list of filters needs to be cleared on selections
+   */
+  clearSelections: string[];
+  /**
+   * The current filter key of the rendered custom select component
+   */
+  filterKey: string;
+  /**
+   * The callback for the selection changes happening in the custom select component
+   */
+  handleSelectionChange: (filterKey: string, value: FilterValueType) => void;
+
+  /**
+   * The maximum number of selections that needs to be allowed
+   */
+  maxSelections?: number;
+
+  /**
+   * The listed options in the custom select component
+   */
+  value:
+    | CloudPulseServiceTypeFiltersOptions
+    | CloudPulseServiceTypeFiltersOptions[]
+    | null;
+}
+
+/**
+ * This function returns the default selections based on the user preference and options listed
+ * @param defaultSelectionProps - The props needed for getting the default selections
+ */
+export const getInitialDefaultSelections = (
+  defaultSelectionProps: CloudPulseCustomSelectDefaultValueProps
+):
+  | CloudPulseServiceTypeFiltersOptions
+  | CloudPulseServiceTypeFiltersOptions[]
+  | undefined => {
+  const {
+    filterKey,
+    handleSelectionChange,
+    isMultiSelect,
+    options,
+    savePreferences,
+  } = defaultSelectionProps;
+
+  const defaultValue = savePreferences
+    ? getUserPreferenceObject()[filterKey]
+    : undefined;
+  if (!options || options.length === 0) {
+    return isMultiSelect ? [] : undefined;
+  }
+
+  // Handle the case when there is no default value and preferences are not saved
+  if (!defaultValue && !savePreferences) {
+    const initialSelection = isMultiSelect ? [options[0]] : options[0];
+    handleSelectionChange(
+      filterKey,
+      isMultiSelect ? [options[0].id] : options[0].id
+    );
+    return initialSelection;
+  }
+
+  const selectedValues = options.filter(({ id }) =>
+    (Array.isArray(defaultValue) ? defaultValue : [defaultValue]).includes(
+      String(id)
+    )
+  );
+
+  handleSelectionChange(
+    filterKey,
+    selectedValues && selectedValues.length > 0
+      ? isMultiSelect
+        ? selectedValues.map(({ id }) => id)
+        : selectedValues[0].id
+      : undefined // if this is multiselect, return list of ids, otherwise return single id
+  );
+  return selectedValues?.length
+    ? isMultiSelect
+      ? selectedValues
+      : selectedValues[0]
+    : undefined;
+};
+
+/**
+ * This functions calls the selection change callback and updates the latest selected filter in the preferences
+ * @param selectionChangeProps - The props needed for selecting the new filter and updating the global preferences
+ */
+
+export const handleCustomSelectionChange = (
+  selectionChangeProps: CloudPulseCustomSelectionChangeProps
+):
+  | CloudPulseServiceTypeFiltersOptions
+  | CloudPulseServiceTypeFiltersOptions[]
+  | null => {
+  const {
+    clearSelections,
+    filterKey,
+    handleSelectionChange,
+    maxSelections,
+  } = selectionChangeProps;
+
+  let { value } = selectionChangeProps;
+
+  if (Array.isArray(value) && maxSelections && value.length > maxSelections) {
+    value = value.slice(0, maxSelections);
+  }
+
+  const result = value
+    ? Array.isArray(value)
+      ? value.map(({ id }) => String(id)) // if array publish list of ids, else only id
+      : String(value.id)
+    : undefined;
+
+  // publish the selection change
+  handleSelectionChange(filterKey, result);
+
+  // update the preferences
+  updateGlobalFilterPreference({
+    [filterKey]: result,
+  });
+
+  // update the clear selections in the preference
+  if (clearSelections) {
+    clearSelections.forEach((selection) =>
+      updateGlobalFilterPreference({ [selection]: undefined })
+    );
+  }
+
+  return value;
+};
diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardFilterBuilder.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardFilterBuilder.tsx
index 43a29430142..a0e1cd76801 100644
--- a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardFilterBuilder.tsx
+++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardFilterBuilder.tsx
@@ -16,6 +16,7 @@ import {
   RESOURCE_ID,
 } from '../Utils/constants';
 import {
+  getCustomSelectProperties,
   getRegionProperties,
   getResourcesProperties,
 } from '../Utils/FilterBuilder';
@@ -111,6 +112,13 @@ export const CloudPulseDashboardFilterBuilder = React.memo(
       [emitFilterChangeByFilterKey]
     );
 
+    const handleCustomSelectChange = React.useCallback(
+      (filterKey: string, value: FilterValueType) => {
+        emitFilterChangeByFilterKey(filterKey, value);
+      },
+      [emitFilterChangeByFilterKey]
+    );
+
     const getProps = React.useCallback(
       (config: CloudPulseServiceTypeFilters) => {
         if (config.configuration.filterKey === REGION) {
@@ -129,13 +137,22 @@ export const CloudPulseDashboardFilterBuilder = React.memo(
             handleResourceChange
           );
         } else {
-          return {};
+          return getCustomSelectProperties(
+            {
+              config,
+              dashboard,
+              dependentFilters: dependentFilterReference.current,
+              isServiceAnalyticsIntegration,
+            },
+            handleCustomSelectChange
+          );
         }
       },
       [
         dashboard,
         handleRegionChange,
         handleResourceChange,
+        handleCustomSelectChange,
         isServiceAnalyticsIntegration,
       ]
     );
@@ -168,7 +185,10 @@ export const CloudPulseDashboardFilterBuilder = React.memo(
         .map((filter, index) => (
           <Grid item key={filter.configuration.filterKey} md={4} sm={6} xs={12}>
             {RenderComponent({
-              componentKey: filter.configuration.filterKey,
+              componentKey:
+                filter.configuration.type !== undefined
+                  ? 'customSelect'
+                  : filter.configuration.filterKey,
               componentProps: { ...getProps(filter) },
               key: index + filter.configuration.filterKey,
             })}
diff --git a/packages/manager/src/mocks/serverHandlers.ts b/packages/manager/src/mocks/serverHandlers.ts
index f7e7af06432..a389f956671 100644
--- a/packages/manager/src/mocks/serverHandlers.ts
+++ b/packages/manager/src/mocks/serverHandlers.ts
@@ -16,6 +16,7 @@ import {
   contactFactory,
   credentialFactory,
   creditPaymentResponseFactory,
+  dashboardFactory,
   databaseBackupFactory,
   databaseEngineFactory,
   databaseFactory,
@@ -2282,56 +2283,14 @@ export const handlers = [
   http.get('*/v4/monitor/services/:serviceType/dashboards', () => {
     const response = {
       data: [
-        {
-          created: '2024-04-29T17:09:29',
-          id: 1,
-          label: 'Linode Service I/O Statistics',
+        dashboardFactory.build({
+          label: 'Linode Dashboard',
           service_type: 'linode',
-          type: 'standard',
-          updated: null,
-          widgets: [
-            {
-              aggregate_function: 'avg',
-              chart_type: 'area',
-              color: 'blue',
-              label: 'CPU utilization',
-              metric: 'system_cpu_utilization_percent',
-              size: 12,
-              unit: '%',
-              y_label: 'system_cpu_utilization_ratio',
-            },
-            {
-              aggregate_function: 'avg',
-              chart_type: 'area',
-              color: 'red',
-              label: 'Memory Usage',
-              metric: 'system_memory_usage_by_resource',
-              size: 12,
-              unit: 'Bytes',
-              y_label: 'system_memory_usage_bytes',
-            },
-            {
-              aggregate_function: 'avg',
-              chart_type: 'area',
-              color: 'green',
-              label: 'Network Traffic',
-              metric: 'system_network_io_by_resource',
-              size: 6,
-              unit: 'Bytes',
-              y_label: 'system_network_io_bytes_total',
-            },
-            {
-              aggregate_function: 'avg',
-              chart_type: 'area',
-              color: 'yellow',
-              label: 'Disk I/O',
-              metric: 'system_disk_OPS_total',
-              size: 6,
-              unit: 'OPS',
-              y_label: 'system_disk_operations_total',
-            },
-          ],
-        },
+        }),
+        dashboardFactory.build({
+          label: 'DBaaS Dashboard',
+          service_type: 'dbaas',
+        }),
       ],
     };
 
diff --git a/packages/manager/src/queries/cloudpulse/customfilters.ts b/packages/manager/src/queries/cloudpulse/customfilters.ts
index ad60921b5c6..72ea43af0c4 100644
--- a/packages/manager/src/queries/cloudpulse/customfilters.ts
+++ b/packages/manager/src/queries/cloudpulse/customfilters.ts
@@ -15,7 +15,7 @@ interface CustomFilterQueryProps {
   /**
    * The Built in API-V4 query factory functions like databaseQueries.types, databaseQueries.engines etc., makes use of existing query key and optimises cache
    */
-  apiV4QueryKey: QueryFunctionAndKey;
+  apiV4QueryKey?: QueryFunctionAndKey;
   /**
    * This indicates whether or not to enable the query
    */
@@ -53,8 +53,8 @@ export const useGetCustomFiltersQuery = (
     CloudPulseServiceTypeFiltersOptions[]
   >({
     // receive filters and  return only id and label
-    enabled,
-    ...apiV4QueryKey,
+    enabled: enabled && apiV4QueryKey !== undefined,
+    ...(apiV4QueryKey ?? {}),
     select: (
       filters: QueryFunctionType
     ): CloudPulseServiceTypeFiltersOptions[] => {

From 0162e80f7eb537d803c7edca0709d205152d1542 Mon Sep 17 00:00:00 2001
From: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Date: Tue, 27 Aug 2024 10:33:45 -0700
Subject: [PATCH 32/49] change: [M3-8439] - Tag form events in Linode Create v2
 (#10840)

* Add all form events to v2 except errors

* Add form error and form submit events

* Clean up comments

* Add missing link and form event to TwoStepRegion; add test coverage

* Add missing form event on Getting Started docs link

* Clean up from LCv1

* Fix Region, Plan, and CLI button events

* Fix double fire on Region; fix formSubmit on OS

* Added changeset: Tag Linode Create v2 with form events

* Address feedback: remove spread and properly tag CLI button

* Address feedback: use hook to keep index file clean
---
 .../pr-10840-tech-stories-1724713234913.md    |  5 ++
 .../SelectFirewallPanel.tsx                   | 44 +--------------
 .../Linodes/LinodeCreatev2/Actions.tsx        | 15 ++++-
 .../LinodeCreatev2/Details/Details.tsx        |  3 +-
 .../Details/PlacementGroupPanel.tsx           | 29 +++++++++-
 .../Linodes/LinodeCreatev2/Firewall.tsx       | 55 ++++++++++++++++++-
 .../features/Linodes/LinodeCreatev2/Plan.tsx  | 10 ++++
 .../Linodes/LinodeCreatev2/Region.tsx         | 17 ++++++
 .../LinodeCreatev2/TwoStepRegion.test.tsx     | 10 +++-
 .../Linodes/LinodeCreatev2/TwoStepRegion.tsx  | 22 +++++++-
 .../Linodes/LinodeCreatev2/VPC/VPC.tsx        | 51 ++++++++++++++++-
 .../features/Linodes/LinodeCreatev2/index.tsx | 23 +++++++-
 .../Linodes/LinodeCreatev2/utilities.ts       | 44 +++++++++++++++
 13 files changed, 272 insertions(+), 56 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md

diff --git a/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md b/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md
new file mode 100644
index 00000000000..79a55ef77ca
--- /dev/null
+++ b/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Tag Linode Create v2 with form events ([#10840](https://github.com/linode/manager/pull/10840))
diff --git a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
index 2111beb0af2..6a16cb8a44f 100644
--- a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
+++ b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
@@ -1,6 +1,5 @@
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
-import { useLocation } from 'react-router-dom';
 
 import { Box } from 'src/components/Box';
 import { Paper } from 'src/components/Paper';
@@ -10,8 +9,6 @@ import { CreateFirewallDrawer } from 'src/features/Firewalls/FirewallLanding/Cre
 import { useFlags } from 'src/hooks/useFlags';
 import { useSecureVMNoticesEnabled } from 'src/hooks/useSecureVMNoticesEnabled';
 import { useFirewallsQuery } from 'src/queries/firewalls';
-import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
-import { getQueryParamsFromQueryString } from 'src/utilities/queryParams';
 
 import { AkamaiBanner } from '../AkamaiBanner/AkamaiBanner';
 import { Autocomplete } from '../Autocomplete/Autocomplete';
@@ -19,8 +16,6 @@ import { GenerateFirewallDialog } from '../GenerateFirewallDialog/GenerateFirewa
 import { LinkButton } from '../LinkButton';
 
 import type { Firewall, FirewallDeviceEntityType } from '@linode/api-v4';
-import type { LinodeCreateQueryParams } from 'src/features/Linodes/types';
-import type { LinodeCreateFormEventOptions } from 'src/utilities/analytics/types';
 
 interface Props {
   disabled?: boolean;
@@ -41,18 +36,7 @@ export const SelectFirewallPanel = (props: Props) => {
 
   const [isDrawerOpen, setIsDrawerOpen] = React.useState(false);
   const [isFirewallDialogOpen, setIsFirewallDialogOpen] = React.useState(false);
-  const location = useLocation();
-  const isFromLinodeCreate = location.pathname.includes('/linodes/create');
-  const queryParams = getQueryParamsFromQueryString<LinodeCreateQueryParams>(
-    location.search
-  );
 
-  const firewallFormEventOptions: LinodeCreateFormEventOptions = {
-    createType: queryParams.type ?? 'OS',
-    headerName: 'Firewall',
-    interaction: 'click',
-    label: 'Firewall',
-  };
   const flags = useFlags();
 
   const { secureVMNoticesEnabled } = useSecureVMNoticesEnabled();
@@ -61,12 +45,6 @@ export const SelectFirewallPanel = (props: Props) => {
 
   const handleCreateFirewallClick = () => {
     setIsDrawerOpen(true);
-    if (isFromLinodeCreate) {
-      sendLinodeCreateFormInputEvent({
-        ...firewallFormEventOptions,
-        label: 'Create Firewall',
-      });
-    }
   };
 
   const handleFirewallCreated = (firewall: Firewall) => {
@@ -116,25 +94,9 @@ export const SelectFirewallPanel = (props: Props) => {
             />
           )}
         <Autocomplete
-          onChange={(_, selection) => {
-            handleFirewallChange(selection?.value ?? -1);
-            // Track clearing and changing the value once per page view, configured by inputValue in AA backend.
-            if (!selection) {
-              sendLinodeCreateFormInputEvent({
-                ...firewallFormEventOptions,
-                interaction: 'clear',
-                subheaderName: 'Assign Firewall',
-                trackOnce: true,
-              });
-            } else {
-              sendLinodeCreateFormInputEvent({
-                ...firewallFormEventOptions,
-                interaction: 'change',
-                subheaderName: 'Assign Firewall',
-                trackOnce: true,
-              });
-            }
-          }}
+          onChange={(_, selection) =>
+            handleFirewallChange(selection?.value ?? -1)
+          }
           disabled={disabled}
           errorText={error?.[0].reason}
           label="Assign Firewall"
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Actions.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Actions.tsx
index fc382cc1d20..468d4f6e606 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Actions.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Actions.tsx
@@ -6,16 +6,22 @@ import { Button } from 'src/components/Button/Button';
 import { useFlags } from 'src/hooks/useFlags';
 import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck';
 import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
 import { scrollErrorIntoView } from 'src/utilities/scrollErrorIntoView';
 
 import { ApiAwarenessModal } from '../LinodesCreate/ApiAwarenessModal/ApiAwarenessModal';
-import { getLinodeCreatePayload } from './utilities';
+import {
+  getLinodeCreatePayload,
+  useLinodeCreateQueryParams,
+} from './utilities';
 
 import type { LinodeCreateFormValues } from './utilities';
 
 export const Actions = () => {
   const flags = useFlags();
 
+  const { params } = useLinodeCreateQueryParams();
+
   const [isAPIAwarenessModalOpen, setIsAPIAwarenessModalOpen] = useState(false);
 
   const isDxToolsAdditionsEnabled = flags?.apicliDxToolsAdditions;
@@ -35,6 +41,13 @@ export const Actions = () => {
 
   const onOpenAPIAwareness = async () => {
     sendApiAwarenessClickEvent('Button', 'Create Using Command Line');
+    sendLinodeCreateFormInputEvent({
+      createType: params.type ?? 'OS',
+      interaction: 'click',
+      label: isDxToolsAdditionsEnabled
+        ? 'View Code Snippets'
+        : 'Create Using Command Line',
+    });
     if (await trigger()) {
       // If validation is successful, we open the dialog.
       setIsAPIAwarenessModalOpen(true);
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Details/Details.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Details/Details.tsx
index 7d191db7f98..82a2a9d1c95 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Details/Details.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Details/Details.tsx
@@ -1,4 +1,3 @@
-import { CreateLinodeRequest } from '@linode/api-v4';
 import React from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
 
@@ -12,6 +11,8 @@ import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGran
 import { useLinodeCreateQueryParams } from '../utilities';
 import { PlacementGroupPanel } from './PlacementGroupPanel';
 
+import type { CreateLinodeRequest } from '@linode/api-v4';
+
 export const Details = () => {
   const { control } = useFormContext<CreateLinodeRequest>();
   const { isPlacementGroupsEnabled } = useIsPlacementGroupsEnabled();
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Details/PlacementGroupPanel.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Details/PlacementGroupPanel.tsx
index 7ab6f8ee0a5..d9ebe1481b7 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Details/PlacementGroupPanel.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Details/PlacementGroupPanel.tsx
@@ -2,8 +2,12 @@ import React from 'react';
 import { useController, useWatch } from 'react-hook-form';
 
 import { PlacementGroupsDetailPanel } from 'src/features/PlacementGroups/PlacementGroupsDetailPanel';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
+
+import { useLinodeCreateQueryParams } from '../utilities';
 
 import type { CreateLinodeRequest } from '@linode/api-v4';
+import type { LinodeCreateFormEventOptions } from 'src/utilities/analytics/types';
 
 export const PlacementGroupPanel = () => {
   const { field } = useController<CreateLinodeRequest>({
@@ -12,11 +16,30 @@ export const PlacementGroupPanel = () => {
 
   const regionId = useWatch<CreateLinodeRequest>({ name: 'region' });
 
+  const { params } = useLinodeCreateQueryParams();
+
+  const placementGroupFormEventOptions: LinodeCreateFormEventOptions = {
+    createType: params.type ?? 'OS',
+    headerName: 'Details',
+    interaction: 'change',
+    label: 'Placement Group',
+    subheaderName: 'Placement Groups in Region',
+    trackOnce: true,
+  };
+
   return (
     <PlacementGroupsDetailPanel
-      handlePlacementGroupChange={(placementGroup) =>
-        field.onChange(placementGroup?.id)
-      }
+      handlePlacementGroupChange={(placementGroup) => {
+        field.onChange(placementGroup?.id);
+        if (!placementGroup?.id) {
+          sendLinodeCreateFormInputEvent({
+            ...placementGroupFormEventOptions,
+            interaction: 'clear',
+          });
+        } else {
+          sendLinodeCreateFormInputEvent(placementGroupFormEventOptions);
+        }
+      }}
       selectedPlacementGroupId={field.value ?? null}
       selectedRegionId={regionId}
     />
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
index 648dfaf9312..374303ff6b9 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
@@ -16,9 +16,13 @@ import { useFlags } from 'src/hooks/useFlags';
 import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck';
 import { useSecureVMNoticesEnabled } from 'src/hooks/useSecureVMNoticesEnabled';
 import { useAllFirewallsQuery } from 'src/queries/firewalls';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
+
+import { useLinodeCreateQueryParams } from './utilities';
 
 import type { LinodeCreateFormValues } from './utilities';
 import type { CreateLinodeRequest } from '@linode/api-v4';
+import type { LinodeCreateFormEventOptions } from 'src/utilities/analytics/types';
 
 export const Firewall = () => {
   const { clearErrors } = useFormContext<LinodeCreateFormValues>();
@@ -34,6 +38,8 @@ export const Firewall = () => {
 
   const flags = useFlags();
 
+  const { params } = useLinodeCreateQueryParams();
+
   const { secureVMNoticesEnabled } = useSecureVMNoticesEnabled();
   const secureVMFirewallBanner =
     (secureVMNoticesEnabled && flags.secureVmCopy) ?? false;
@@ -52,6 +58,13 @@ export const Firewall = () => {
     field.onChange(firewallId ?? null);
   };
 
+  const firewallFormEventOptions: LinodeCreateFormEventOptions = {
+    createType: params.type ?? 'OS',
+    headerName: 'Firewall',
+    interaction: 'click',
+    label: 'Firewall',
+  };
+
   return (
     <Paper>
       <Stack spacing={2}>
@@ -59,7 +72,20 @@ export const Firewall = () => {
         <Typography>
           Assign an existing Firewall to this Linode to control inbound and
           outbound network traffic.{' '}
-          <Link to={FIREWALL_GET_STARTED_LINK}>Learn more</Link>.
+          <Link
+            onClick={() =>
+              sendLinodeCreateFormInputEvent({
+                createType: params.type ?? 'OS',
+                headerName: 'Firewall',
+                interaction: 'click',
+                label: 'Learn more',
+              })
+            }
+            to={FIREWALL_GET_STARTED_LINK}
+          >
+            Learn more
+          </Link>
+          .
         </Typography>
         {secureVMFirewallBanner !== false &&
           secureVMFirewallBanner.linodeCreate && (
@@ -77,21 +103,44 @@ export const Firewall = () => {
           )}
         <Stack spacing={1.5}>
           <Autocomplete
+            onChange={(e, firewall) => {
+              onChange(firewall?.id);
+              if (!firewall?.id) {
+                sendLinodeCreateFormInputEvent({
+                  ...firewallFormEventOptions,
+                  interaction: 'clear',
+                  subheaderName: 'Assign Firewall',
+                  trackOnce: true,
+                });
+              } else {
+                sendLinodeCreateFormInputEvent({
+                  ...firewallFormEventOptions,
+                  interaction: 'change',
+                  subheaderName: 'Assign Firewall',
+                  trackOnce: true,
+                });
+              }
+            }}
             disabled={isLinodeCreateRestricted}
             errorText={fieldState.error?.message ?? error?.[0].reason}
             label="Assign Firewall"
             loading={isLoading}
             noMarginTop
             onBlur={field.onBlur}
-            onChange={(e, firewall) => onChange(firewall?.id)}
             options={firewalls ?? []}
             placeholder="None"
             value={selectedFirewall}
           />
           <Box>
             <LinkButton
+              onClick={() => {
+                setIsDrawerOpen(true);
+                sendLinodeCreateFormInputEvent({
+                  ...firewallFormEventOptions,
+                  label: 'Create Firewall',
+                });
+              }}
               isDisabled={isLinodeCreateRestricted}
-              onClick={() => setIsDrawerOpen(true)}
             >
               Create Firewall
             </LinkButton>
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Plan.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Plan.tsx
index 4df3406c4da..b76352ed44d 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Plan.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Plan.tsx
@@ -7,8 +7,11 @@ import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGran
 import { useRegionsQuery } from 'src/queries/regions/regions';
 import { useAllTypes } from 'src/queries/types';
 import { sendLinodeCreateFlowDocsClickEvent } from 'src/utilities/analytics/customEventAnalytics';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
 import { extendType } from 'src/utilities/extendType';
 
+import { useLinodeCreateQueryParams } from './utilities';
+
 import type { LinodeCreateFormValues } from './utilities';
 import type { CreateLinodeRequest } from '@linode/api-v4';
 
@@ -22,6 +25,7 @@ export const Plan = () => {
 
   const { data: regions } = useRegionsQuery();
   const { data: types } = useAllTypes();
+  const { params } = useLinodeCreateQueryParams();
 
   const isLinodeCreateRestricted = useRestrictedGlobalGrantCheck({
     globalGrantType: 'add_linodes',
@@ -33,6 +37,12 @@ export const Plan = () => {
         <DocsLink
           onClick={() => {
             sendLinodeCreateFlowDocsClickEvent('Choosing a Plan');
+            sendLinodeCreateFormInputEvent({
+              createType: params.type ?? 'OS',
+              headerName: 'Linode Plan',
+              interaction: 'click',
+              label: 'Choosing a Plan',
+            });
           }}
           href="https://www.linode.com/docs/guides/choosing-a-compute-instance-plan/"
           label="Choosing a Plan"
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Region.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Region.tsx
index 9f51b4e2e41..44974328513 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Region.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Region.tsx
@@ -20,6 +20,10 @@ import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGran
 import { useImageQuery } from 'src/queries/images';
 import { useRegionsQuery } from 'src/queries/regions/regions';
 import { useTypeQuery } from 'src/queries/types';
+import {
+  sendLinodeCreateFormInputEvent,
+  sendLinodeCreateFormStartEvent,
+} from 'src/utilities/analytics/formEventAnalytics';
 import {
   DIFFERENT_PRICE_STRUCTURE_WARNING,
   DOCS_LINK_LABEL_DC_PRICING,
@@ -150,6 +154,11 @@ export const Region = () => {
 
       setValue('label', label);
     }
+
+    // Begin tracking the Linode Create form.
+    sendLinodeCreateFormStartEvent({
+      createType: params.type ?? 'OS',
+    });
   };
 
   const showCrossDataCenterCloneWarning =
@@ -210,6 +219,14 @@ export const Region = () => {
       <Box display="flex" justifyContent="space-between" mb={1}>
         <Typography variant="h2">Region</Typography>
         <DocsLink
+          onClick={() =>
+            sendLinodeCreateFormInputEvent({
+              createType: params.type ?? 'OS',
+              headerName: 'Region',
+              interaction: 'click',
+              label: DOCS_LINK_LABEL_DC_PRICING,
+            })
+          }
           href="https://www.linode.com/pricing"
           label={DOCS_LINK_LABEL_DC_PRICING}
         />
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.test.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.test.tsx
index bdc8bfacfec..a5477dd3c41 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.test.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.test.tsx
@@ -1,20 +1,26 @@
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
+import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants';
 import { renderWithThemeAndHookFormContext } from 'src/utilities/testHelpers';
 
 import { TwoStepRegion } from './TwoStepRegion';
 
 describe('TwoStepRegion', () => {
-  it('should render a heading', () => {
-    const { getAllByText } = renderWithThemeAndHookFormContext({
+  it('should render a heading and docs link', () => {
+    const { getAllByText, getByText } = renderWithThemeAndHookFormContext({
       component: <TwoStepRegion onChange={vi.fn()} />,
     });
 
     const heading = getAllByText('Region')[0];
+    const link = getByText(DOCS_LINK_LABEL_DC_PRICING);
 
     expect(heading).toBeVisible();
     expect(heading.tagName).toBe('H2');
+
+    expect(link).toBeVisible();
+    expect(link).toHaveRole('link');
+    expect(link).toHaveAttribute('href', 'https://www.linode.com/pricing');
   });
 
   it('should render two tabs, Core and Distributed', () => {
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.tsx
index bb3a7a81cd4..67b8fac49dd 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/TwoStepRegion.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { Autocomplete } from 'src/components/Autocomplete/Autocomplete';
 import { Box } from 'src/components/Box';
+import { DocsLink } from 'src/components/DocsLink/DocsLink';
 import { Paper } from 'src/components/Paper';
 import { RegionSelect } from 'src/components/RegionSelect/RegionSelect';
 import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText';
@@ -13,6 +14,10 @@ import { Tabs } from 'src/components/Tabs/Tabs';
 import { Typography } from 'src/components/Typography';
 import { useRegionsQuery } from 'src/queries/regions/regions';
 import { sendLinodeCreateDocsEvent } from 'src/utilities/analytics/customEventAnalytics';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
+import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants';
+
+import { useLinodeCreateQueryParams } from './utilities';
 
 import type { Region as RegionType } from '@linode/api-v4';
 import type {
@@ -70,10 +75,25 @@ export const TwoStepRegion = (props: CombinedProps) => {
   );
 
   const { data: regions } = useRegionsQuery();
+  const { params } = useLinodeCreateQueryParams();
 
   return (
     <Paper>
-      <Typography variant="h2">Region</Typography>
+      <Box display="flex" justifyContent="space-between" mb={1}>
+        <Typography variant="h2">Region</Typography>
+        <DocsLink
+          onClick={() =>
+            sendLinodeCreateFormInputEvent({
+              createType: params.type ?? 'OS',
+              headerName: 'Region',
+              interaction: 'click',
+              label: DOCS_LINK_LABEL_DC_PRICING,
+            })
+          }
+          href="https://www.linode.com/pricing"
+          label={DOCS_LINK_LABEL_DC_PRICING}
+        />
+      </Box>
       <Tabs>
         <TabList>
           <Tab>Core</Tab>
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/VPC/VPC.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/VPC/VPC.tsx
index 7c54772b66a..491a676b766 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/VPC/VPC.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/VPC/VPC.tsx
@@ -19,13 +19,16 @@ import { VPC_AUTO_ASSIGN_IPV4_TOOLTIP } from 'src/features/VPCs/constants';
 import { inputMaxWidth } from 'src/foundations/themes/light';
 import { useRegionsQuery } from 'src/queries/regions/regions';
 import { useVPCQuery, useVPCsQuery } from 'src/queries/vpcs/vpcs';
+import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics';
 import { doesRegionSupportFeature } from 'src/utilities/doesRegionSupportFeature';
 
 import { REGION_CAVEAT_HELPER_TEXT } from '../../LinodesCreate/constants';
 import { VPCCreateDrawer } from '../../LinodesCreate/VPCCreateDrawer';
+import { useLinodeCreateQueryParams } from '../utilities';
 import { VPCRanges } from './VPCRanges';
 
 import type { CreateLinodeRequest } from '@linode/api-v4';
+import type { LinodeCreateFormEventOptions } from 'src/utilities/analytics/types';
 
 export const VPC = () => {
   const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
@@ -72,13 +75,30 @@ export const VPC = () => {
       ? 'Allow Linode to communicate in an isolated environment.'
       : 'Assign this Linode to an existing VPC.';
 
+  const { params } = useLinodeCreateQueryParams();
+
+  const vpcFormEventOptions: LinodeCreateFormEventOptions = {
+    createType: params.type ?? 'OS',
+    headerName: 'VPC',
+    interaction: 'click',
+    label: 'VPC',
+  };
+
   return (
     <Paper data-testid="vpc-panel">
       <Stack spacing={2}>
         <Typography variant="h2">VPC</Typography>
         <Typography>
           {copy}{' '}
-          <Link to="https://www.linode.com/docs/products/networking/vpc/guides/assign-services/">
+          <Link
+            onClick={() =>
+              sendLinodeCreateFormInputEvent({
+                ...vpcFormEventOptions,
+                label: 'Learn more',
+              })
+            }
+            to="https://www.linode.com/docs/products/networking/vpc/guides/assign-services/"
+          >
             Learn more.
           </Link>
         </Typography>
@@ -91,6 +111,24 @@ export const VPC = () => {
                     ? 'VPC is not available in the selected region.'
                     : undefined
                 }
+                onChange={(e, vpc) => {
+                  field.onChange(vpc?.id ?? null);
+                  if (!vpc?.id) {
+                    sendLinodeCreateFormInputEvent({
+                      ...vpcFormEventOptions,
+                      interaction: 'clear',
+                      subheaderName: 'Assign VPC',
+                      trackOnce: true,
+                    });
+                  } else {
+                    sendLinodeCreateFormInputEvent({
+                      ...vpcFormEventOptions,
+                      interaction: 'change',
+                      subheaderName: 'Assign VPC',
+                      trackOnce: true,
+                    });
+                  }
+                }}
                 textFieldProps={{
                   sx: (theme) => ({
                     [theme.breakpoints.up('sm')]: { minWidth: inputMaxWidth },
@@ -103,7 +141,6 @@ export const VPC = () => {
                 label="Assign VPC"
                 noMarginTop
                 onBlur={field.onBlur}
-                onChange={(e, vpc) => field.onChange(vpc?.id ?? null)}
                 placeholder="None"
                 value={field.value ?? null}
               />
@@ -113,7 +150,15 @@ export const VPC = () => {
           />
           {regionId && regionSupportsVPCs && (
             <Box>
-              <LinkButton onClick={() => setIsCreateDrawerOpen(true)}>
+              <LinkButton
+                onClick={() => {
+                  setIsCreateDrawerOpen(true);
+                  sendLinodeCreateFormInputEvent({
+                    ...vpcFormEventOptions,
+                    label: 'Create VPC',
+                  });
+                }}
+              >
                 Create VPC
               </LinkButton>
             </Box>
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
index fb59842afde..0a7e7524887 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
@@ -20,6 +20,10 @@ import {
   useCloneLinodeMutation,
   useCreateLinodeMutation,
 } from 'src/queries/linodes/linodes';
+import {
+  sendLinodeCreateFormInputEvent,
+  sendLinodeCreateFormSubmitEvent,
+} from 'src/utilities/analytics/formEventAnalytics';
 import { scrollErrorIntoView } from 'src/utilities/scrollErrorIntoView';
 
 import { Actions } from './Actions';
@@ -48,6 +52,7 @@ import {
   getLinodeCreatePayload,
   getTabIndex,
   tabs,
+  useHandleLinodeCreateAnalyticsFormError,
   useLinodeCreateQueryParams,
 } from './utilities';
 import { VLAN } from './VLAN';
@@ -78,6 +83,10 @@ export const LinodeCreatev2 = () => {
   const { mutateAsync: cloneLinode } = useCloneLinodeMutation();
   const { mutateAsync: updateAccountAgreements } = useMutateAccountAgreements();
 
+  const {
+    handleLinodeCreateAnalyticsFormError,
+  } = useHandleLinodeCreateAnalyticsFormError(params.type ?? 'OS');
+
   const currentTabIndex = getTabIndex(params.type);
 
   const onTabChange = (index: number) => {
@@ -117,6 +126,10 @@ export const LinodeCreatev2 = () => {
         values,
       });
 
+      sendLinodeCreateFormSubmitEvent({
+        createType: params.type ?? 'OS',
+      });
+
       if (values.hasSignedEUAgreement) {
         updateAccountAgreements({
           eu_model: true,
@@ -142,9 +155,10 @@ export const LinodeCreatev2 = () => {
       form.formState.submitCount > previousSubmitCount.current
     ) {
       scrollErrorIntoView(undefined, { behavior: 'smooth' });
+      handleLinodeCreateAnalyticsFormError(form.formState.errors);
     }
     previousSubmitCount.current = form.formState.submitCount;
-  }, [form.formState]);
+  }, [form.formState, handleLinodeCreateAnalyticsFormError]);
 
   /**
    * Add a Sentry tag when Linode Create v2 is mounted
@@ -163,6 +177,13 @@ export const LinodeCreatev2 = () => {
     <FormProvider {...form}>
       <DocumentTitleSegment segment="Create a Linode" />
       <LandingHeader
+        onDocsClick={() =>
+          sendLinodeCreateFormInputEvent({
+            createType: params.type ?? 'OS',
+            interaction: 'click',
+            label: 'Getting Started',
+          })
+        }
         docsLabel="Getting Started"
         docsLink="https://www.linode.com/docs/guides/platform/get-started/"
         title="Create"
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
index 2dcce778c29..b0c92b33886 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
@@ -1,10 +1,12 @@
 import { omit } from 'lodash';
+import { useCallback } from 'react';
 import { useHistory } from 'react-router-dom';
 
 import { imageQueries } from 'src/queries/images';
 import { linodeQueries } from 'src/queries/linodes/linodes';
 import { stackscriptQueries } from 'src/queries/stackscripts';
 import { sendCreateLinodeEvent } from 'src/utilities/analytics/customEventAnalytics';
+import { sendLinodeCreateFormErrorEvent } from 'src/utilities/analytics/formEventAnalytics';
 import { privateIPRegex } from 'src/utilities/ipUtils';
 import { isNotNullOrUndefined } from 'src/utilities/nullOrUndefined';
 import { getQueryParamsFromQueryString } from 'src/utilities/queryParams';
@@ -20,6 +22,7 @@ import type {
   Linode,
 } from '@linode/api-v4';
 import type { QueryClient } from '@tanstack/react-query';
+import type { FieldErrors } from 'react-hook-form';
 
 /**
  * This is the ID of the Image of the default OS.
@@ -502,3 +505,44 @@ export const captureLinodeCreateAnalyticsEvent = async (
     });
   }
 };
+
+/**
+ * Custom hook to send a Adobe Analytics form error event with error messages in the Linode Create flow.
+ */
+export const useHandleLinodeCreateAnalyticsFormError = (
+  createType: LinodeCreateType
+) => {
+  const handleLinodeCreateAnalyticsFormError = useCallback(
+    (errors: FieldErrors<LinodeCreateFormValues>) => {
+      let errorString = '';
+
+      if (!errors) {
+        return;
+      }
+
+      if (errors.region) {
+        errorString += errors.region.message;
+      }
+      if (errors.type) {
+        errorString += `${errorString.length > 0 ? `|` : ''}${
+          errors.type.message
+        }`;
+      }
+      if (errors.root_pass) {
+        errorString += `${errorString.length > 0 ? `|` : ''}${
+          errors.root_pass.message
+        }`;
+      }
+      if (errors.root) {
+        errorString += `${errorString.length > 0 ? `|` : ''}${
+          errors.root.message
+        }`;
+      }
+
+      sendLinodeCreateFormErrorEvent(errorString, createType);
+    },
+    [createType]
+  );
+
+  return { handleLinodeCreateAnalyticsFormError };
+};

From 218b009e16ed100d8bea4f331dcd99d65391bb8a Mon Sep 17 00:00:00 2001
From: Harsh Shankar Rao <hrao@akamai.com>
Date: Tue, 27 Aug 2024 23:21:45 +0530
Subject: [PATCH 33/49] upcoming: [M3-8308] - Add bucket rate limit info to
 Object Storage Bucket Details drawer (#10821)

* upcoming: [M3-8308] - Add bucket rate limit info to bucket details drawer

* Added changeset: Add bucket rate limit info to Object Storage Bucket Details drawer

* refactor: [8308] - typo fix

* refactor: [M3-8308] - Renamed data-testid
---
 ...r-10821-upcoming-features-1724414057285.md |  5 +++++
 .../BucketLanding/BucketDetailsDrawer.tsx     | 19 +++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md

diff --git a/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md b/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md
new file mode 100644
index 00000000000..bb6b4d6c586
--- /dev/null
+++ b/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add bucket rate limit info to Object Storage Bucket Details drawer ([#10821](https://github.com/linode/manager/pull/10821))
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
index b08ee777f70..7b774484f9e 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
@@ -22,6 +22,7 @@ import { truncateMiddle } from 'src/utilities/truncate';
 import { readableBytes } from 'src/utilities/unitConversions';
 
 import { AccessSelect } from '../BucketDetail/AccessSelect';
+import { BucketRateLimitTable } from './BucketRateLimitTable';
 
 import type {
   ACLType,
@@ -73,6 +74,8 @@ export const BucketDetailsDrawer = React.memo(
     );
 
     let formattedCreated;
+    const showBucketRateLimitTable =
+      endpoint_type === 'E2' || endpoint_type === 'E3';
 
     try {
       if (created) {
@@ -138,6 +141,22 @@ export const BucketDetailsDrawer = React.memo(
         )}
         {/* @TODO OBJ Multicluster: use region instead of cluster if isObjMultiClusterEnabled
          to getBucketAccess and updateBucketAccess.  */}
+        {
+          <>
+            <Typography data-testid="bucketRateLimit" variant="h3">
+              Bucket Rate Limits
+            </Typography>
+            {showBucketRateLimitTable ? (
+              <BucketRateLimitTable endpointType={endpoint_type} />
+            ) : (
+              <Typography>
+                This endpoint type supports up to 750 Requests Per Second(RPS).{' '}
+                <Link to="#">Understand bucket rate limits</Link>.
+              </Typography>
+            )}
+          </>
+        }
+        {<Divider spacingBottom={16} spacingTop={16} />}
         {cluster && label && (
           <AccessSelect
             getAccess={() =>

From 429ed60645d97bb4b1f365a506c203566bee07e1 Mon Sep 17 00:00:00 2001
From: Hana Xu <115299789+hana-linode@users.noreply.github.com>
Date: Tue, 27 Aug 2024 14:01:24 -0400
Subject: [PATCH 34/49] refactor: [M3-8184] - Improve local Storybook
 performance (#10762)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description 📝
Performance optimizations for running Storybook locally

The main culprit is using `react-docgen-typescript`; it's parsing every file for docgen info. The package is also [no longer being maintained](https://github.com/styleguidist/react-docgen-typescript/issues/494) (the last release was in [end of 2021](https://github.com/styleguidist/react-docgen-typescript/releases)).
   - There's a faster docgen library that Storybook 8 uses, `react-docgen`, however we're missing a lot of typing by using that since it's using a shallower analysis.
   - The solution I ended up at was to keep `react-docgen-typescript`, but tighten the scope on what files are parsed for the docgen (Components and Features only). And to also disable `allowSyntheticDefaultImports` and `esModuleInterop` per the [Storybook MUI docs
](https://storybook.js.org/recipes/@mui/material#4-use-material-ui-prop-types-for-better-controls-and-docs)

The time from first paint to Intro loaded on my Intel i7 2019 MBP went from `over 1 minute` to `30s` 🎉

## How to test 🧪
### Reproduction steps
(How to reproduce the issue, if applicable)
- On the develop branch, run Storybook locally and time the time it takes from first paint to Intro loaded

### Verification steps
(How to verify changes)
- Pull down this branch, run Storybook locally and the time from first paint to Intro loaded should be shorter than develop
- The should be no regressions in the typing and loading of stories compared to https://design.linode.com/
---
 .../pr-10762-tech-stories-1723134446106.md    |  5 ++++
 packages/manager/.storybook/main.ts           | 13 ++++++++-
 packages/manager/.storybook/utils.test.ts     | 27 ++++++++++++++++++
 packages/manager/.storybook/utils.ts          | 28 +++++++++++++++++++
 4 files changed, 72 insertions(+), 1 deletion(-)
 create mode 100644 packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
 create mode 100644 packages/manager/.storybook/utils.test.ts
 create mode 100644 packages/manager/.storybook/utils.ts

diff --git a/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md b/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
new file mode 100644
index 00000000000..665493fde8a
--- /dev/null
+++ b/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Improve local Storybook performance ([#10762](https://github.com/linode/manager/pull/10762))
diff --git a/packages/manager/.storybook/main.ts b/packages/manager/.storybook/main.ts
index d5e56868cfe..3592d630db9 100644
--- a/packages/manager/.storybook/main.ts
+++ b/packages/manager/.storybook/main.ts
@@ -1,5 +1,8 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import { mergeConfig } from 'vite';
+import { getReactDocgenTSFileGlobs } from './utils';
+
+const typeScriptFileGlobs = getReactDocgenTSFileGlobs();
 
 const config: StorybookConfig = {
   stories: [
@@ -22,6 +25,11 @@ const config: StorybookConfig = {
   },
   typescript: {
     reactDocgenTypescriptOptions: {
+      // Speeds up Storybook build time
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
       // makes union prop types like variant and size appear as select controls
       shouldExtractLiteralValuesFromEnum: true,
       // makes string and boolean types that can be undefined appear as inputs and switches
@@ -31,8 +39,11 @@ const config: StorybookConfig = {
         prop.parent
           ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName)
           : true,
+      // Only compile files that have stories for faster local development performance
+      include: /(development|test)/i.test(process.env.NODE_ENV ?? '')
+        ? typeScriptFileGlobs
+        : undefined,
     },
-
     reactDocgen: 'react-docgen-typescript',
   },
   docs: {
diff --git a/packages/manager/.storybook/utils.test.ts b/packages/manager/.storybook/utils.test.ts
new file mode 100644
index 00000000000..7d87d853c66
--- /dev/null
+++ b/packages/manager/.storybook/utils.test.ts
@@ -0,0 +1,27 @@
+import { getReactDocgenTSFileGlobs } from './utils';
+
+describe('getReactDocgenTSFileGlobs', () => {
+  const typeScriptFileGlobs = getReactDocgenTSFileGlobs();
+  it('should return component and feature globs for storybook files', () => {
+    expect(
+      typeScriptFileGlobs.some(
+        (file) => file === 'src/components/Button/**/*.{ts,tsx}'
+      )
+    ).toBe(true);
+    expect(
+      typeScriptFileGlobs.some(
+        (file) => file === 'src/components/Paper.{ts,tsx}'
+      )
+    ).toBe(true);
+    expect(
+      typeScriptFileGlobs.some(
+        (file) => file === 'src/features/TopMenu/**/*.{ts,tsx}'
+      )
+    ).toBe(true);
+    expect(
+      typeScriptFileGlobs.some(
+        (file) => file === 'src/features/Longview/**/*.{ts,tsx}'
+      )
+    ).toBe(false);
+  });
+});
diff --git a/packages/manager/.storybook/utils.ts b/packages/manager/.storybook/utils.ts
new file mode 100644
index 00000000000..f6a75ea62ee
--- /dev/null
+++ b/packages/manager/.storybook/utils.ts
@@ -0,0 +1,28 @@
+import globby from 'globby';
+
+const PATTERN = 'src/**/*.stories.tsx';
+
+/**
+ * Find all storybook files, then return the glob containing the parent component/feature.
+ * To be used in main.ts to tell react-docgen-typescript which files to compile.
+ * https://github.com/linode/manager/pull/10762
+ *
+ * Example: src/components/Button/Button.stories.tsx -> src/components/Button/**\/*.{ts,tsx}
+ */
+export const getReactDocgenTSFileGlobs = () => {
+  const filesWithStories = globby.sync(PATTERN);
+  const files: string[] = [];
+
+  filesWithStories.forEach((file) => {
+    const execArr = /(src\/(components|features)\/[a-zA-Z]*(.|\/))/.exec(file);
+    if (execArr) {
+      const isDirectory = execArr[3] === '/';
+      const fileBlob = `${execArr[0]}${isDirectory ? '**/*.' : ''}{ts,tsx}`;
+      if (!files.includes(fileBlob)) {
+        files.push(fileBlob);
+      }
+    }
+  });
+
+  return files;
+};

From a0e1148e9a0db9b4c6483badd145297370821fc0 Mon Sep 17 00:00:00 2001
From: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Date: Tue, 27 Aug 2024 14:08:19 -0400
Subject: [PATCH 35/49] fix: [M3-8453] - Update error text color in
 confirmation dialogs to use theme, refactor styling (#10828)

* fix error text color in dialog + add tests/refactor styling

* Added changeset: Error text color in confirmation dialogs from being hardcoded to using the theme color

* address feedback
---
 .../pr-10828-fixed-1724688319150.md           |  5 ++
 .../pr-10828-tests-1724688351092.md           |  5 ++
 .../components/ActionsPanel/ActionsPanel.tsx  |  7 +-
 .../ConfirmationDialog.test.tsx               | 71 +++++++++++++++++
 .../ConfirmationDialog/ConfirmationDialog.tsx | 79 ++++++++++---------
 .../manager/src/components/Dialog/Dialog.tsx  |  4 +-
 6 files changed, 130 insertions(+), 41 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10828-fixed-1724688319150.md
 create mode 100644 packages/manager/.changeset/pr-10828-tests-1724688351092.md
 create mode 100644 packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx

diff --git a/packages/manager/.changeset/pr-10828-fixed-1724688319150.md b/packages/manager/.changeset/pr-10828-fixed-1724688319150.md
new file mode 100644
index 00000000000..d416acf6081
--- /dev/null
+++ b/packages/manager/.changeset/pr-10828-fixed-1724688319150.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Inaccessible, non-theme error text color in confirmation dialogs ([#10828](https://github.com/linode/manager/pull/10828))
diff --git a/packages/manager/.changeset/pr-10828-tests-1724688351092.md b/packages/manager/.changeset/pr-10828-tests-1724688351092.md
new file mode 100644
index 00000000000..3ebde0bb023
--- /dev/null
+++ b/packages/manager/.changeset/pr-10828-tests-1724688351092.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add unit tests for Confirmation Dialogs ([#10828](https://github.com/linode/manager/pull/10828))
diff --git a/packages/manager/src/components/ActionsPanel/ActionsPanel.tsx b/packages/manager/src/components/ActionsPanel/ActionsPanel.tsx
index e612986a2c3..d6ccc6a7053 100644
--- a/packages/manager/src/components/ActionsPanel/ActionsPanel.tsx
+++ b/packages/manager/src/components/ActionsPanel/ActionsPanel.tsx
@@ -2,9 +2,12 @@ import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useStyles } from 'tss-react/mui';
 
-import { Button, ButtonProps } from 'src/components/Button/Button';
+import { Button } from 'src/components/Button/Button';
 
-import { Box, BoxProps } from '../Box';
+import { Box } from '../Box';
+
+import type { BoxProps } from '../Box';
+import type { ButtonProps } from 'src/components/Button/Button';
 
 interface ActionButtonsProps extends ButtonProps {
   'data-node-idx'?: number;
diff --git a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx
new file mode 100644
index 00000000000..f42b2eafa45
--- /dev/null
+++ b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.test.tsx
@@ -0,0 +1,71 @@
+import { fireEvent } from '@testing-library/react';
+import * as React from 'react';
+
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { ActionsPanel } from '../ActionsPanel/ActionsPanel';
+import { ConfirmationDialog } from './ConfirmationDialog';
+
+import type { ConfirmationDialogProps } from './ConfirmationDialog';
+
+const props: ConfirmationDialogProps = {
+  onClose: vi.fn(),
+  open: true,
+  title: 'This is a title',
+};
+
+describe('Confirmation Dialog', () => {
+  it('renders the confirmation dialog', () => {
+    const { getByTestId, getByText } = renderWithTheme(
+      <ConfirmationDialog {...props} />
+    );
+
+    expect(getByText('This is a title')).toBeVisible();
+    expect(getByTestId('CloseIcon')).toBeVisible();
+  });
+
+  it("renders the dialog's children if they are provided", () => {
+    const { getByText } = renderWithTheme(
+      <ConfirmationDialog {...props}>
+        <div>Confirmation dialog children</div>
+      </ConfirmationDialog>
+    );
+
+    expect(getByText('Confirmation dialog children')).toBeVisible();
+  });
+
+  it('renders action items in the footer if they are provided', () => {
+    const { getByText } = renderWithTheme(
+      <ConfirmationDialog
+        {...props}
+        actions={
+          <ActionsPanel
+            primaryButtonProps={{ label: 'Continue' }}
+            secondaryButtonProps={{ label: 'Cancel' }}
+          />
+        }
+      />
+    );
+
+    expect(getByText('Continue')).toBeVisible();
+    expect(getByText('Cancel')).toBeVisible();
+  });
+
+  it('renders the error message if it is provided', () => {
+    const { getByText } = renderWithTheme(
+      <ConfirmationDialog {...props} error={'This is an error'} />
+    );
+
+    expect(getByText('This is an error')).toBeVisible();
+  });
+
+  it('closes the confirmaton dialog if the X button is clicked', () => {
+    const { getByTestId } = renderWithTheme(<ConfirmationDialog {...props} />);
+
+    const closeButton = getByTestId('CloseIcon');
+    expect(closeButton).toBeVisible();
+
+    fireEvent.click(closeButton);
+    expect(props.onClose).toHaveBeenCalled();
+  });
+});
diff --git a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
index ab372ea99b6..af4167de76d 100644
--- a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
+++ b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx
@@ -1,34 +1,13 @@
-import Dialog, { DialogProps } from '@mui/material/Dialog';
+import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
-import { Theme } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import * as React from 'react';
-import { makeStyles } from 'tss-react/mui';
 
 import { DialogTitle } from 'src/components/DialogTitle/DialogTitle';
 
-const useStyles = makeStyles()((theme: Theme) => ({
-  actions: {
-    '& button': {
-      marginBottom: 0,
-    },
-    justifyContent: 'flex-end',
-  },
-  dialogContent: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-  error: {
-    color: '#C44742',
-    marginTop: theme.spacing(2),
-  },
-  root: {
-    '& .MuiDialogTitle-root': {
-      marginBottom: 10,
-    },
-  },
-}));
+import type { DialogProps } from '@mui/material/Dialog';
 
 export interface ConfirmationDialogProps extends DialogProps {
   actions?: ((props: any) => JSX.Element) | JSX.Element;
@@ -48,8 +27,6 @@ export interface ConfirmationDialogProps extends DialogProps {
  *
  */
 export const ConfirmationDialog = (props: ConfirmationDialogProps) => {
-  const { classes } = useStyles();
-
   const {
     actions,
     children,
@@ -61,7 +38,7 @@ export const ConfirmationDialog = (props: ConfirmationDialogProps) => {
   } = props;
 
   return (
-    <Dialog
+    <StyledDialog
       {...dialogProps}
       TransitionProps={{
         ...dialogProps.TransitionProps,
@@ -73,26 +50,52 @@ export const ConfirmationDialog = (props: ConfirmationDialogProps) => {
         }
       }}
       PaperProps={{ role: undefined }}
-      className={classes.root}
       data-qa-dialog
       data-qa-drawer
       data-testid="drawer"
       role="dialog"
     >
       <DialogTitle onClose={onClose} title={title} />
-      <DialogContent className={classes.dialogContent} data-qa-dialog-content>
+      <StyledDialogContent data-qa-dialog-content>
         {children}
-        {error && (
-          <DialogContentText className={`${classes.error} error-for-scroll`}>
-            {error}
-          </DialogContentText>
-        )}
-      </DialogContent>
-      <DialogActions className={classes.actions}>
+        {error && <StyledErrorText>{error}</StyledErrorText>}
+      </StyledDialogContent>
+      <StyledDialogActions>
         {actions && typeof actions === 'function'
           ? actions(dialogProps)
           : actions}
-      </DialogActions>
-    </Dialog>
+      </StyledDialogActions>
+    </StyledDialog>
   );
 };
+
+const StyledDialog = styled(Dialog, {
+  label: 'StyledDialog',
+})({
+  '& .MuiDialogTitle-root': {
+    marginBottom: '10px',
+  },
+});
+
+const StyledDialogActions = styled(DialogActions, {
+  label: 'StyledDialogActions',
+})({
+  '& button': {
+    marginBottom: 0,
+  },
+  justifyContent: 'flex-end',
+});
+
+const StyledDialogContent = styled(DialogContent, {
+  label: 'StyledDialogContent',
+})({
+  display: 'flex',
+  flexDirection: 'column',
+});
+
+const StyledErrorText = styled(DialogContentText, {
+  label: 'StyledErrorText',
+})(({ theme }) => ({
+  color: theme.palette.error.dark,
+  marginTop: theme.spacing(2),
+}));
diff --git a/packages/manager/src/components/Dialog/Dialog.tsx b/packages/manager/src/components/Dialog/Dialog.tsx
index 20653cb677a..51c9272093a 100644
--- a/packages/manager/src/components/Dialog/Dialog.tsx
+++ b/packages/manager/src/components/Dialog/Dialog.tsx
@@ -1,4 +1,4 @@
-import _Dialog, { DialogProps as _DialogProps } from '@mui/material/Dialog';
+import _Dialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
 import { styled, useTheme } from '@mui/material/styles';
 import * as React from 'react';
@@ -9,6 +9,8 @@ import { Notice } from 'src/components/Notice/Notice';
 import { omittedProps } from 'src/utilities/omittedProps';
 import { convertForAria } from 'src/utilities/stringUtils';
 
+import type { DialogProps as _DialogProps } from '@mui/material/Dialog';
+
 export interface DialogProps extends _DialogProps {
   className?: string;
   error?: string;

From fb5cb062435d9ed6c55d9232e3600f5d4deb6b2c Mon Sep 17 00:00:00 2001
From: jdamore-linode <97627410+jdamore-linode@users.noreply.github.com>
Date: Tue, 27 Aug 2024 17:02:30 -0400
Subject: [PATCH 36/49] test: [M3-8486] - Allow using Cypress region selection
 helpers with mock regions (#10832)

* Allow region select helpers to find mock region options, improve docs

* Added changeset: Allow region select helpers to be used with mock data
---
 .../pr-10832-tests-1724681646686.md           |  5 +++
 .../cypress/support/ui/autocomplete.ts        | 33 +++++++++++++++----
 2 files changed, 31 insertions(+), 7 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10832-tests-1724681646686.md

diff --git a/packages/manager/.changeset/pr-10832-tests-1724681646686.md b/packages/manager/.changeset/pr-10832-tests-1724681646686.md
new file mode 100644
index 00000000000..bdee7bb7728
--- /dev/null
+++ b/packages/manager/.changeset/pr-10832-tests-1724681646686.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Allow region select helpers to be used with mock data ([#10832](https://github.com/linode/manager/pull/10832))
diff --git a/packages/manager/cypress/support/ui/autocomplete.ts b/packages/manager/cypress/support/ui/autocomplete.ts
index 9545c72b528..86356ab3d88 100644
--- a/packages/manager/cypress/support/ui/autocomplete.ts
+++ b/packages/manager/cypress/support/ui/autocomplete.ts
@@ -1,7 +1,11 @@
 import { getRegionById, getRegionByLabel } from 'support/util/regions';
 
 import type { SelectorMatcherOptions } from '@testing-library/cypress';
+import type { Region } from '@linode/api-v4';
 
+/**
+ * Autocomplete UI element.
+ */
 export const autocomplete = {
   /**
    * Finds a autocomplete popper that has the given title.
@@ -51,12 +55,25 @@ export const autocompletePopper = {
  */
 export const regionSelect = {
   /**
-   * Finds and open the region select input.
+   * Finds a region select input.
+   *
+   * This finds any element with the `region-select` test ID. In cases where
+   * more than one region select may be on the screen, consider narrowing
+   * your selection before using this helper.
+   *
+   * @returns Cypress chainable.
    */
   find: (): Cypress.Chainable => {
     return cy.get('[data-testid="region-select"] input');
   },
 
+  /**
+   * Finds a region select input by its current value.
+   *
+   * @param selectedRegion - Current selection for desired Region Select.
+   *
+   * @returns Cypress chainable.
+   */
   findBySelectedItem: (selectedRegion: string) => {
     return cy.get(`[value="${selectedRegion}"]`);
   },
@@ -66,12 +83,13 @@ export const regionSelect = {
    *
    * This assumes that the Region Select menu is already open.
    *
-   * @param regionId - ID of region for which to find Region Select menu item.
+   * @param regionId - ID of region to find in selection drop-down.
+   * @param searchRegions - Optional array of regions from which to search.
    *
    * @returns Cypress chainable.
    */
-  findItemByRegionId: (regionId: string) => {
-    const region = getRegionById(regionId);
+  findItemByRegionId: (regionId: string, searchRegions?: Region[]) => {
+    const region = getRegionById(regionId, searchRegions);
     return autocompletePopper.findByTitle(`${region.label} (${region.id})`);
   },
 
@@ -80,12 +98,13 @@ export const regionSelect = {
    *
    * This assumes that the Region Select menu is already open.
    *
-   * @param regionLabel - Region label.
+   * @param regionLabel - Label of region to find in selection drop-down.
+   * @param searchRegions - Optional array of regions from which to search.
    *
    * @returns Cypress chainable.
    */
-  findItemByRegionLabel: (regionLabel: string) => {
-    const region = getRegionByLabel(regionLabel);
+  findItemByRegionLabel: (regionLabel: string, searchRegions?: Region[]) => {
+    const region = getRegionByLabel(regionLabel, searchRegions);
     return autocompletePopper.findByTitle(`${region.label} (${region.id})`);
   },
 };

From 812843aa528d0eab7a303d5fd21ea0dccad45a89 Mon Sep 17 00:00:00 2001
From: Purvesh Makode <pmakode@akamai.com>
Date: Wed, 28 Aug 2024 12:44:56 +0530
Subject: [PATCH 37/49] upcoming: [M3-8378] - Add Bucket Management
 `Properties` Tab for Object Storage Gen2 (#10797)

* Add and init Properties tab setup for obj gen 2

* Fix hostname text alignments for smaller screens

* Clean up..

* Add Styled Action Panel and some cleanup..

* Add notice for success and error events

* Update todo comments

* Update todo comment

* Clean up..

* Add set default rate limit logic

* Passing endpointType prop to BucketProperties

* Add label for bucket rate limit

* Added changeset: Enhance bucket management Properties Tab for object storage gen2

* Update changeset file

* Add logic to disable save button

* Add loading for the hostname in properites tab

* Use location and history hooks for BucketBreadcrumb

* formating...

* Refactor code to integrate React Hook Form

* Clean up...

* Fix padding rule for StyledActionsPanel

* Replace  component with  for support links

* Add feature flag to Properties tab

* Add title to SupportLink

* Resolve Merge conficts and formatting...

* Refactor: Remove useWatch and access rateLimit value directly from field.value

* Refactoring...

* Fix flag check to use 'objectStorageGen2?.enabled' instead of 'objectStorageGen2'

* Remove some filtering by passing down bucket

* Update packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md

Co-authored-by: Hana Xu <115299789+hana-linode@users.noreply.github.com>

---------

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
Co-authored-by: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Co-authored-by: Hana Xu <115299789+hana-linode@users.noreply.github.com>
---
 ...r-10795-upcoming-features-1724084768188.md |   5 +
 .../BucketDetail/BucketProperties.styles.ts   |  41 +++++++
 .../BucketDetail/BucketProperties.tsx         |  91 ++++++++++++++++
 .../ObjectStorage/BucketDetail/index.tsx      |  31 ++++--
 .../BucketLanding/BucketRateLimitTable.tsx    | 101 ++++++++++--------
 5 files changed, 220 insertions(+), 49 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.tsx

diff --git a/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md b/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
new file mode 100644
index 00000000000..58439d5a717
--- /dev/null
+++ b/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Add bucket management Properties Tab for Object Storage Gen2 ([#10795](https://github.com/linode/manager/pull/10795))
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts
new file mode 100644
index 00000000000..e44936ac4ba
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts
@@ -0,0 +1,41 @@
+import { styled } from '@mui/material/styles';
+
+import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
+import { Paper } from 'src/components/Paper';
+import { Typography } from 'src/components/Typography';
+
+export const StyledText = styled(Typography, {
+  label: 'StyledText',
+})(({ theme }) => ({
+  lineHeight: 0.5,
+  paddingLeft: 8,
+  [theme.breakpoints.down('lg')]: {
+    marginLeft: 8,
+  },
+  [theme.breakpoints.down('sm')]: {
+    lineHeight: 1,
+  },
+}));
+
+export const StyledRootContainer = styled(Paper, {
+  label: 'StyledRootContainer',
+})(({ theme }) => ({
+  marginTop: 25,
+  padding: theme.spacing(3),
+}));
+
+export const StyledHelperText = styled(Typography, {
+  label: 'StyledHelperText',
+})(({ theme }) => ({
+  lineHeight: 1.5,
+  paddingBottom: theme.spacing(),
+  paddingTop: theme.spacing(),
+}));
+
+export const StyledActionsPanel = styled(ActionsPanel, {
+  label: 'StyledActionsPanel',
+})(() => ({
+  display: 'flex',
+  justifyContent: 'right',
+  padding: 0,
+}));
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.tsx
new file mode 100644
index 00000000000..019050b040c
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.tsx
@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { FormProvider, useForm } from 'react-hook-form';
+import { useHistory, useLocation } from 'react-router-dom';
+
+import { Link } from 'src/components/Link';
+import { Notice } from 'src/components/Notice/Notice';
+import { SupportLink } from 'src/components/SupportLink';
+import { Typography } from 'src/components/Typography';
+import { getQueryParamFromQueryString } from 'src/utilities/queryParams';
+
+import { BucketRateLimitTable } from '../BucketLanding/BucketRateLimitTable';
+import { BucketBreadcrumb } from './BucketBreadcrumb';
+import {
+  StyledActionsPanel,
+  StyledHelperText,
+  StyledRootContainer,
+  StyledText,
+} from './BucketProperties.styles';
+
+import type { ObjectStorageBucket } from '@linode/api-v4';
+
+interface Props {
+  bucket: ObjectStorageBucket;
+}
+
+export interface UpdateBucketRateLimitPayload {
+  rateLimit: string;
+}
+
+export const BucketProperties = React.memo((props: Props) => {
+  const { bucket } = props;
+  const { endpoint_type, hostname, label } = bucket;
+
+  const form = useForm<UpdateBucketRateLimitPayload>({
+    defaultValues: {
+      rateLimit: '1',
+    },
+  });
+
+  const {
+    formState: { errors, isDirty, isSubmitting },
+    handleSubmit,
+  } = form;
+
+  const location = useLocation();
+  const history = useHistory();
+  const prefix = getQueryParamFromQueryString(location.search, 'prefix');
+
+  const onSubmit = () => {
+    // TODO: OBJGen2 - Handle Bucket Rate Limit update logic once the endpoint for updating is available.
+    // The 'data' argument is expected -> data: UpdateBucketRateLimitPayload
+  };
+
+  return (
+    <FormProvider {...form}>
+      <BucketBreadcrumb bucketName={label} history={history} prefix={prefix} />
+      <StyledText>{hostname || 'Loading...'}</StyledText>
+
+      <StyledRootContainer>
+        <Typography variant="h2">Bucket Rate Limits</Typography>
+
+        {errors.root?.message ? (
+          <Notice text={errors.root?.message} variant="error" />
+        ) : null}
+
+        {/* TODO: OBJGen2 - We need to handle link in upcoming PR */}
+        <StyledHelperText>
+          Specifies the maximum Requests Per Second (RPS) for an Endpoint. To
+          increase it to High,{' '}
+          <SupportLink
+            text="open a support ticket"
+            title="Request to Increase Bucket Rate Limits"
+          />
+          . Understand <Link to="#">bucket rate limits</Link>.
+        </StyledHelperText>
+
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <BucketRateLimitTable endpointType={endpoint_type} />
+          <StyledActionsPanel
+            primaryButtonProps={{
+              disabled: !isDirty,
+              label: 'Save',
+              loading: isSubmitting,
+              type: 'submit',
+            }}
+          />
+        </form>
+      </StyledRootContainer>
+    </FormProvider>
+  );
+});
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
index b907ddf48e1..d3db2065c70 100644
--- a/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/index.tsx
@@ -27,6 +27,11 @@ const BucketSSL = React.lazy(() =>
     default: module.BucketSSL,
   }))
 );
+const BucketProperties = React.lazy(() =>
+  import('./BucketProperties').then((module) => ({
+    default: module.BucketProperties,
+  }))
+);
 
 interface MatchProps {
   bucketName: string;
@@ -54,10 +59,11 @@ export const BucketDetailLanding = React.memo((props: Props) => {
   };
   const { bucketName, clusterId } = props.match.params;
 
-  const { endpoint_type: endpointType } =
-    bucketsData?.buckets.find(({ label }) => label === bucketName) ?? {};
+  const bucket = bucketsData?.buckets.find(({ label }) => label === bucketName);
 
-  const isSSLEnabled = endpointType !== 'E2' && endpointType === 'E3';
+  const { endpoint_type } = bucket ?? {};
+
+  const isSSLEnabled = endpoint_type !== 'E2' && endpoint_type === 'E3';
 
   const tabs = [
     {
@@ -68,6 +74,14 @@ export const BucketDetailLanding = React.memo((props: Props) => {
       routeName: `${props.match.url}/access`,
       title: 'Access',
     },
+    ...(flags.objectStorageGen2?.enabled
+      ? [
+          {
+            routeName: `${props.match.url}/properties`,
+            title: 'Properties',
+          },
+        ]
+      : []),
     ...(!isSSLEnabled
       ? [
           {
@@ -112,16 +126,21 @@ export const BucketDetailLanding = React.memo((props: Props) => {
         <React.Suspense fallback={<SuspenseLoader />}>
           <TabPanels>
             <SafeTabPanel index={0}>
-              <ObjectList {...props} endpointType={endpointType} />
+              <ObjectList {...props} endpointType={endpoint_type} />
             </SafeTabPanel>
             <SafeTabPanel index={1}>
               <BucketAccess
                 bucketName={bucketName}
                 clusterId={clusterId}
-                endpointType={endpointType}
+                endpointType={endpoint_type}
               />
             </SafeTabPanel>
-            <SafeTabPanel index={2}>
+            {flags.objectStorageGen2?.enabled && bucket && (
+              <SafeTabPanel index={2}>
+                <BucketProperties bucket={bucket} />
+              </SafeTabPanel>
+            )}
+            <SafeTabPanel index={tabs.length - 1}>
               <BucketSSL bucketName={bucketName} clusterId={clusterId} />
             </SafeTabPanel>
           </TabPanels>
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
index 58f39322eb8..3f698f1800b 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+import { useController, useFormContext } from 'react-hook-form';
 
+import { FormControlLabel } from 'src/components/FormControlLabel';
 import { Radio } from 'src/components/Radio/Radio';
 import { Table } from 'src/components/Table';
 import { TableBody } from 'src/components/TableBody';
@@ -7,6 +9,7 @@ import { TableCell } from 'src/components/TableCell';
 import { TableHead } from 'src/components/TableHead';
 import { TableRow } from 'src/components/TableRow';
 
+import type { UpdateBucketRateLimitPayload } from '../BucketDetail/BucketProperties';
 import type { ObjectStorageEndpointTypes } from '@linode/api-v4';
 
 /**
@@ -26,10 +29,14 @@ const tableData = ({ endpointType }: BucketRateLimitTableProps) => {
   return [
     {
       checked: true,
+      id: '1',
+      label: 'Basic',
       values: ['2,000', '500', '100', '200', '400'],
     },
     {
       checked: false,
+      id: '2',
+      label: 'High',
       values: [
         isE3 ? '20,000' : '5,000',
         isE3 ? '2,000' : '1,000',
@@ -43,43 +50,18 @@ const tableData = ({ endpointType }: BucketRateLimitTableProps) => {
 
 export const BucketRateLimitTable = ({
   endpointType,
-}: BucketRateLimitTableProps) => (
-  <Table
-    sx={{
-      marginBottom: 3,
-    }}
-  >
-    <TableHead>
-      <TableRow>
-        {tableHeaders.map((header, index) => {
-          return (
-            <TableCell
-              sx={{
-                '&&:last-child': {
-                  paddingRight: 2,
-                },
-              }}
-              key={`${index}-${header}`}
-            >
-              {header}
-            </TableCell>
-          );
-        })}
-      </TableRow>
-    </TableHead>
-    <TableBody>
-      {tableData({ endpointType }).map((row, rowIndex) => (
-        <TableRow key={rowIndex}>
-          <TableCell>
-            <Radio
-              checked={row.checked}
-              disabled
-              name="limit-selection"
-              onChange={() => {}}
-              value="2"
-            />
-          </TableCell>
-          {row.values.map((value, index) => {
+}: BucketRateLimitTableProps) => {
+  const { control } = useFormContext<UpdateBucketRateLimitPayload>();
+  const { field } = useController({
+    control,
+    name: 'rateLimit',
+  });
+
+  return (
+    <Table sx={{ marginBottom: 3 }}>
+      <TableHead>
+        <TableRow>
+          {tableHeaders.map((header, index) => {
             return (
               <TableCell
                 sx={{
@@ -87,14 +69,47 @@ export const BucketRateLimitTable = ({
                     paddingRight: 2,
                   },
                 }}
-                key={`${index}-${value}`}
+                key={`${index}-${header}`}
               >
-                {value}
+                {header}
               </TableCell>
             );
           })}
         </TableRow>
-      ))}
-    </TableBody>
-  </Table>
-);
+      </TableHead>
+      <TableBody>
+        {tableData({ endpointType }).map((row, rowIndex) => (
+          <TableRow key={rowIndex}>
+            <TableCell>
+              <FormControlLabel
+                control={
+                  <Radio
+                    checked={field.value === row.id}
+                    disabled
+                    onChange={() => field.onChange(row.id)}
+                    value={row.id}
+                  />
+                }
+                label={row.label}
+              />
+            </TableCell>
+            {row.values.map((value, index) => {
+              return (
+                <TableCell
+                  sx={{
+                    '&&:last-child': {
+                      paddingRight: 2,
+                    },
+                  }}
+                  key={`${index}-${value}`}
+                >
+                  {value}
+                </TableCell>
+              );
+            })}
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+};

From 638289a2e7281fd8a767ccf4d2673ffc56c42b4c Mon Sep 17 00:00:00 2001
From: Dmytro Chyrva <dchyrva@akamai.com>
Date: Wed, 28 Aug 2024 15:21:57 +0000
Subject: [PATCH 38/49] change: [M3-8075] - "Create Volume" button text changed
 to "Add Volume". (#10808)

* change: [M3-8075] - "Create Volume" button text changed to "Add Volume".

* Update packages/manager/.changeset/pr-10808-changed-1724315097131.md

* Fix failure on create-volume.spec.ts and do some clean up

---------

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Co-authored-by: mjac0bs <mjacobs@akamai.com>
---
 .../pr-10808-changed-1724315097131.md         |  5 ++
 .../core/volumes/create-volume.smoke.spec.ts  |  6 +--
 .../e2e/core/volumes/create-volume.spec.ts    | 49 ++++++++++---------
 .../LinodeStorage/LinodeVolumes.tsx           |  2 +-
 4 files changed, 35 insertions(+), 27 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10808-changed-1724315097131.md

diff --git a/packages/manager/.changeset/pr-10808-changed-1724315097131.md b/packages/manager/.changeset/pr-10808-changed-1724315097131.md
new file mode 100644
index 00000000000..655fd7dbb93
--- /dev/null
+++ b/packages/manager/.changeset/pr-10808-changed-1724315097131.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+"Create Volume" button text to "Add Volume" ([#10808](https://github.com/linode/manager/pull/10808))
diff --git a/packages/manager/cypress/e2e/core/volumes/create-volume.smoke.spec.ts b/packages/manager/cypress/e2e/core/volumes/create-volume.smoke.spec.ts
index 8370d199606..0b44440546a 100644
--- a/packages/manager/cypress/e2e/core/volumes/create-volume.smoke.spec.ts
+++ b/packages/manager/cypress/e2e/core/volumes/create-volume.smoke.spec.ts
@@ -154,7 +154,7 @@ describe('volumes', () => {
     // Create a new volume.
     cy.findByText('Storage').should('be.visible').click();
 
-    ui.button.findByTitle('Create Volume').should('be.visible').click();
+    ui.button.findByTitle('Add Volume').should('be.visible').click();
 
     mockGetLinodeVolumes(mockLinode.id, [newVolume]).as('getVolumes');
     ui.drawer
@@ -284,9 +284,9 @@ describe('volumes', () => {
     cy.findByText(mockLinode.label).should('be.visible').click();
     cy.wait(['@getVolumes', '@getLinodeDetail']);
 
-    // Open the Create Volume drawer.
+    // Open the Add Volume drawer.
     cy.findByText('Storage').should('be.visible').click();
-    ui.button.findByTitle('Create Volume').should('be.visible').click();
+    ui.button.findByTitle('Add Volume').should('be.visible').click();
     cy.wait(['@getVolumeTypesError']);
 
     mockGetLinodeVolumes(mockLinode.id, [newVolume]).as('getVolumes');
diff --git a/packages/manager/cypress/e2e/core/volumes/create-volume.spec.ts b/packages/manager/cypress/e2e/core/volumes/create-volume.spec.ts
index 25115abf26e..9a0230826f2 100644
--- a/packages/manager/cypress/e2e/core/volumes/create-volume.spec.ts
+++ b/packages/manager/cypress/e2e/core/volumes/create-volume.spec.ts
@@ -3,7 +3,6 @@ import { createTestLinode } from 'support/util/linodes';
 import { createLinodeRequestFactory } from 'src/factories/linodes';
 import { authenticate } from 'support/api/authentication';
 import { cleanUp } from 'support/util/cleanup';
-import { containsClick, fbtVisible, fbtClick, getClick } from 'support/helpers';
 import { interceptCreateVolume } from 'support/intercepts/volumes';
 import { randomNumber, randomString, randomLabel } from 'support/util/random';
 import { chooseRegion } from 'support/util/regions';
@@ -44,16 +43,16 @@ describe('volume create flow', () => {
     });
 
     // Fill out and submit volume create form.
-    containsClick('Label').type(volume.label);
-    containsClick('Size').type(`{selectall}{backspace}${volume.size}`);
+    cy.contains('Label').click().type(volume.label);
+    cy.contains('Size').click().type(`{selectall}{backspace}${volume.size}`);
     ui.regionSelect.find().click().type(`${volume.region}{enter}`);
 
-    fbtClick('Create Volume');
+    cy.findByText('Create Volume').click();
     cy.wait('@createVolume');
 
     // Validate volume configuration drawer opens, then close it.
-    fbtVisible('Volume scheduled for creation.');
-    getClick('[data-qa-close-drawer="true"]');
+    cy.findByText('Volume scheduled for creation.').should('be.visible');
+    cy.get('[data-qa-close-drawer="true"]').click();
 
     // Confirm that volume is listed on landing page with expected configuration.
     cy.findByText(volume.label)
@@ -97,8 +96,10 @@ describe('volume create flow', () => {
         });
 
         // Fill out and submit volume create form.
-        containsClick('Label').type(volume.label);
-        containsClick('Size').type(`{selectall}{backspace}${volume.size}`);
+        cy.contains('Label').click().type(volume.label);
+        cy.contains('Size')
+          .click()
+          .type(`{selectall}{backspace}${volume.size}`);
         ui.regionSelect.find().click().type(`${volume.region}{enter}`);
 
         cy.findByLabelText('Linode')
@@ -111,12 +112,12 @@ describe('volume create flow', () => {
           .should('be.visible')
           .click();
 
-        fbtClick('Create Volume');
+        cy.findByText('Create Volume').click();
         cy.wait('@createVolume');
 
         // Confirm volume configuration drawer opens, then close it.
-        fbtVisible('Volume scheduled for creation.');
-        getClick('[data-qa-close-drawer="true"]');
+        cy.findByText('Volume scheduled for creation.').should('be.visible');
+        cy.get('[data-qa-close-drawer="true"]').click();
 
         // Confirm that volume is listed on landing page with expected configuration.
         cy.findByText(volume.label)
@@ -133,8 +134,8 @@ describe('volume create flow', () => {
         cy.findByText(volume.label)
           .closest('tr')
           .within(() => {
-            fbtVisible(volume.label);
-            fbtVisible(`${volume.size} GB`);
+            cy.findByText(volume.label).should('be.visible');
+            cy.findByText(`${volume.size} GB`).should('be.visible');
           });
       }
     );
@@ -164,27 +165,29 @@ describe('volume create flow', () => {
           localStorageOverrides: pageSizeOverride,
         });
 
-        // Click "Create Volume" button, fill out and submit volume create drawer form.
-        fbtClick('Create Volume');
+        // Click "Add Volume" button, fill out and submit volume create drawer form.
+        cy.findByText('Add Volume').click();
         cy.get('[data-qa-drawer="true"]').within(() => {
-          fbtVisible(`Create Volume for ${linode.label}`);
-          containsClick('Create and Attach Volume');
-          containsClick('Label').type(volume.label);
-          containsClick('Size').type(`{selectall}{backspace}${volume.size}`);
-          fbtClick('Create Volume');
+          cy.findByText(`Create Volume for ${linode.label}`).should(
+            'be.visible'
+          );
+          cy.contains('Create and Attach Volume').click();
+          cy.contains('Label').click().type(volume.label);
+          cy.contains('Size').type(`{selectall}{backspace}${volume.size}`);
+          cy.findByText('Create Volume').click();
         });
 
         // Confirm volume configuration drawer opens, then close it.
         cy.get('[data-qa-drawer="true"]').within(() => {
-          getClick('[data-qa-close-drawer="true"]');
+          cy.get('[data-qa-close-drawer="true"]').click();
         });
 
         // Confirm that volume is listed on Linode 'Storage' details page.
         cy.findByText(volume.label)
           .closest('tr')
           .within(() => {
-            fbtVisible(volume.label);
-            fbtVisible(`${volume.size} GB`);
+            cy.findByText(volume.label).should('be.visible');
+            cy.findByText(`${volume.size} GB`).should('be.visible');
           });
 
         // Confirm that volume is listed on landing page with expected configuration.
diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
index c8d7e1b3b81..102df2b3f55 100644
--- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
+++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx
@@ -194,7 +194,7 @@ export const LinodeVolumes = () => {
           disabled={isLinodesGrantReadOnly}
           onClick={handleCreateVolume}
         >
-          Create Volume
+          Add Volume
         </Button>
       </Paper>
       <Table>

From 6c9ad93851b2c22bf3c4b7a5964d3057d4145a37 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Wed, 28 Aug 2024 12:15:21 -0400
Subject: [PATCH 39/49] fix: [M3-8466] - Improve validation rules for create
 bucket schema (#10842)

* Add more validation to our create bucket schema

* Added changeset: Error validation for letter casing now correctly appears for labels.

* Fix changeset

---------

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
---
 .../validation/.changeset/pr-10842-fixed-1724786185430.md    | 5 +++++
 packages/validation/src/buckets.schema.ts                    | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 packages/validation/.changeset/pr-10842-fixed-1724786185430.md

diff --git a/packages/validation/.changeset/pr-10842-fixed-1724786185430.md b/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
new file mode 100644
index 00000000000..368483e1310
--- /dev/null
+++ b/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
@@ -0,0 +1,5 @@
+---
+"@linode/validation": Fixed
+---
+
+Error validation for letter casing when creating object storage bucket now correctly appears for labels. ([#10842](https://github.com/linode/manager/pull/10842))
diff --git a/packages/validation/src/buckets.schema.ts b/packages/validation/src/buckets.schema.ts
index 3154665200b..02c74449a9c 100644
--- a/packages/validation/src/buckets.schema.ts
+++ b/packages/validation/src/buckets.schema.ts
@@ -8,6 +8,10 @@ export const CreateBucketSchema = object()
       label: string()
         .required('Label is required.')
         .matches(/^\S*$/, 'Label must not contain spaces.')
+        .matches(
+          /^[a-z0-9.-]*$/,
+          'Label must consist only of lowercase letters, numbers, . (period), and - (dash).'
+        )
         .min(3, 'Label must be between 3 and 63 characters.')
         .max(63, 'Label must be between 3 and 63 characters.')
         .test(

From 14b02430623d770ddb6c60ac91957aec4863ed88 Mon Sep 17 00:00:00 2001
From: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Date: Wed, 28 Aug 2024 13:49:31 -0400
Subject: [PATCH 40/49] test: [M3-8432] - Cypress integration test for Object
 Storage Gen2: E0 endpoint, some additional unit tests (#10774)

* starting unit tests for obj storage

* bucket rate limit table unit tests

* integration test for endpoint e0

* spacing disappeared?

* create new folder for objStorage gen2 cypress tests

* fixed test statement..

* Added changeset: Added cypress test for Object Storage Gen2 Create flow for endpoint type E0, added unit tests for new Gen2 components

* update comments for test

* include testid

* ignore previous comment, updated flags for integration test

* initial feedback pass

* feedback additional pass

* update flags, brb figuring out using mocks instead of intercepts

* use mocks instead of intercepts

* address feedback

* reset mocks before tests

* using waitfor instead?

* unskip test/updates

* additional checks on unit test @jaalah-akamai

* server.boundary ??

* add additional timeout to waitFor

* skipping bucket table tests - bit more investigating than I thought
---
 .../pr-10774-tests-1723501645286.md           |   5 +
 .../bucket-create-gen2.spec.ts                | 200 ++++++++++++++++++
 .../support/intercepts/object-storage.ts      |  22 +-
 .../BucketRateLimitTable.test.tsx             |  49 +++++
 .../BucketLanding/BucketRateLimitTable.tsx    |   2 +-
 .../OMC_CreateBucketDrawer.test.tsx           | 100 +++++++++
 6 files changed, 374 insertions(+), 4 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10774-tests-1723501645286.md
 create mode 100644 packages/manager/cypress/e2e/core/objectStorageGen2/bucket-create-gen2.spec.ts
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.test.tsx
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.test.tsx

diff --git a/packages/manager/.changeset/pr-10774-tests-1723501645286.md b/packages/manager/.changeset/pr-10774-tests-1723501645286.md
new file mode 100644
index 00000000000..26478266f9a
--- /dev/null
+++ b/packages/manager/.changeset/pr-10774-tests-1723501645286.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Added cypress test for Object Storage Gen2 Create flow for endpoint type E0, added unit tests for new Gen2 components ([#10774](https://github.com/linode/manager/pull/10774))
diff --git a/packages/manager/cypress/e2e/core/objectStorageGen2/bucket-create-gen2.spec.ts b/packages/manager/cypress/e2e/core/objectStorageGen2/bucket-create-gen2.spec.ts
new file mode 100644
index 00000000000..9b28f1f4cd5
--- /dev/null
+++ b/packages/manager/cypress/e2e/core/objectStorageGen2/bucket-create-gen2.spec.ts
@@ -0,0 +1,200 @@
+import { mockGetAccount } from 'support/intercepts/account';
+import { mockAppendFeatureFlags } from 'support/intercepts/feature-flags';
+import {
+  mockGetObjectStorageEndpoints,
+  mockGetBuckets,
+  mockDeleteBucket,
+  mockCreateBucket,
+} from 'support/intercepts/object-storage';
+import { mockGetRegions } from 'support/intercepts/regions';
+import { ui } from 'support/ui';
+import { randomLabel } from 'support/util/random';
+import {
+  accountFactory,
+  objectStorageBucketFactoryGen2,
+  objectStorageEndpointsFactory,
+  regionFactory,
+} from 'src/factories';
+import { chooseRegion } from 'support/util/regions';
+import type { ObjectStorageEndpoint } from '@linode/api-v4';
+
+describe('Object Storage Gen2 create bucket tests', () => {
+  // Moved these constants to top of scope - they will likely be used for other obj storage gen2 bucket create tests
+  const mockRegions = regionFactory.buildList(10, {
+    capabilities: ['Object Storage'],
+  });
+  const mockRegion = chooseRegion({ regions: [...mockRegions] });
+
+  const mockEndpoints: ObjectStorageEndpoint[] = [
+    objectStorageEndpointsFactory.build({
+      endpoint_type: 'E0',
+      region: mockRegion.id,
+      s3_endpoint: null,
+    }),
+    objectStorageEndpointsFactory.build({
+      endpoint_type: 'E1',
+      region: mockRegion.id,
+      s3_endpoint: null,
+    }),
+    objectStorageEndpointsFactory.build({
+      endpoint_type: 'E1',
+      region: mockRegion.id,
+      s3_endpoint: 'us-sea-1.linodeobjects.com',
+    }),
+    objectStorageEndpointsFactory.build({
+      endpoint_type: 'E2',
+      region: mockRegion.id,
+      s3_endpoint: null,
+    }),
+    objectStorageEndpointsFactory.build({
+      endpoint_type: 'E3',
+      region: mockRegion.id,
+      s3_endpoint: null,
+    }),
+  ];
+
+  /**
+   * Confirms UI flow for creating a gen2 Object Storage bucket with endpoint E0
+   * Confirms all endpoints are displayed regardless if there's multiple of the same type
+   * Confirms S3 endpoint hostname displayed to differentiate between identical options in the dropdown
+   */
+  it('can create a bucket with endpoint type 0', () => {
+    const endpointTypeE0 = 'Legacy (E0)';
+    const bucketLabel = randomLabel();
+
+    //wait for the newly 'created' mocked bucket to appear
+    const mockBucket = objectStorageBucketFactoryGen2.build({
+      label: bucketLabel,
+      region: mockRegion.id,
+      endpoint_type: 'E0',
+      s3_endpoint: undefined,
+    });
+
+    mockGetBuckets([]).as('getBuckets');
+    mockDeleteBucket(bucketLabel, mockRegion.id).as('deleteBucket');
+    mockCreateBucket({
+      label: bucketLabel,
+      endpoint_type: 'E0',
+      cors_enabled: true,
+      region: mockRegion.id,
+    }).as('createBucket');
+
+    mockAppendFeatureFlags({
+      objMultiCluster: true,
+      objectStorageGen2: { enabled: true },
+    }).as('getFeatureFlags');
+    mockGetAccount(
+      accountFactory.build({
+        capabilities: [
+          'Object Storage',
+          'Object Storage Endpoint Types',
+          'Object Storage Access Key Regions',
+        ],
+      })
+    ).as('getAccount');
+
+    mockGetObjectStorageEndpoints(mockEndpoints).as(
+      'getObjectStorageEndpoints'
+    );
+
+    mockGetRegions(mockRegions);
+
+    cy.visitWithLogin('/object-storage/buckets/create');
+    cy.wait([
+      '@getFeatureFlags',
+      '@getBuckets',
+      '@getAccount',
+      '@getObjectStorageEndpoints',
+    ]);
+
+    ui.drawer
+      .findByTitle('Create Bucket')
+      .should('be.visible')
+      .within(() => {
+        cy.findByText('Label').click().type(bucketLabel);
+        ui.regionSelect.find().click().type(`${mockRegion.label}{enter}`);
+        cy.findByLabelText('Object Storage Endpoint Type')
+          .should('be.visible')
+          .click();
+
+        // verify that all mocked endpoints show up as options
+        ui.autocompletePopper
+          .findByTitle('Standard (E1)')
+          .should('be.visible')
+          .should('be.enabled');
+        ui.autocompletePopper
+          .findByTitle('Standard (E1) us-sea-1.linodeobjects.com')
+          .should('be.visible')
+          .should('be.enabled');
+        ui.autocompletePopper
+          .findByTitle('Standard (E2)')
+          .should('be.visible')
+          .should('be.enabled');
+        ui.autocompletePopper
+          .findByTitle('Standard (E3)')
+          .should('be.visible')
+          .should('be.enabled');
+
+        // Select E0 endpoint
+        ui.autocompletePopper
+          .findByTitle('Legacy (E0)')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+
+        // Confirm bucket rate limits text for E0 endpoint
+        cy.findByText('Bucket Rate Limits').should('be.visible');
+        cy.contains(
+          'This endpoint type supports up to 750 Requests Per Second (RPS). Understand bucket rate limits'
+        ).should('be.visible');
+
+        // Confirm bucket rate limit table should not exist when E0 endpoint is selected
+        cy.get('[data-testid="bucket-rate-limit-table"]').should('not.exist');
+
+        ui.buttonGroup
+          .findButtonByTitle('Create Bucket')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+      });
+
+    mockGetBuckets([mockBucket]).as('getBuckets');
+    cy.wait(['@getBuckets']);
+
+    // Confirm request body has expected data
+    cy.wait('@createBucket').then((xhr) => {
+      const requestPayload = xhr.request.body;
+      expect(requestPayload['endpoint_type']).to.equal('E0');
+      expect(requestPayload['cors_enabled']).to.equal(true);
+    });
+
+    ui.drawer.find().should('not.exist');
+
+    // Confirm that bucket is created, initiate deletion for cleanup
+    cy.findByText(endpointTypeE0).should('be.visible');
+    cy.findByText(bucketLabel)
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        cy.findByText(mockRegion.label).should('be.visible');
+        ui.button.findByTitle('Delete').should('be.visible').click();
+      });
+
+    ui.dialog
+      .findByTitle(`Delete Bucket ${bucketLabel}`)
+      .should('be.visible')
+      .within(() => {
+        cy.findByLabelText('Bucket Name').click().type(bucketLabel);
+        ui.buttonGroup
+          .findButtonByTitle('Delete')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+      });
+
+    // Confirm bucket gets deleted
+    mockGetBuckets([]).as('getBuckets');
+    cy.wait(['@deleteBucket', '@getBuckets']);
+    cy.findByText(bucketLabel).should('not.exist');
+  });
+});
diff --git a/packages/manager/cypress/support/intercepts/object-storage.ts b/packages/manager/cypress/support/intercepts/object-storage.ts
index ae266ee9482..0515ca8266b 100644
--- a/packages/manager/cypress/support/intercepts/object-storage.ts
+++ b/packages/manager/cypress/support/intercepts/object-storage.ts
@@ -8,10 +8,13 @@ import { apiMatcher } from 'support/util/intercepts';
 import { paginateResponse } from 'support/util/paginate';
 import { makeResponse } from 'support/util/response';
 
+import { objectStorageBucketFactoryGen2 } from 'src/factories';
+
 import type {
   CreateObjectStorageBucketPayload,
   ObjectStorageBucket,
   ObjectStorageCluster,
+  ObjectStorageEndpoint,
   ObjectStorageKey,
 } from '@linode/api-v4';
 
@@ -92,7 +95,12 @@ export const mockCreateBucket = (
   return cy.intercept(
     'POST',
     apiMatcher('object-storage/buckets'),
-    makeResponse(bucket)
+    makeResponse(
+      objectStorageBucketFactoryGen2.build({
+        ...bucket,
+        s3_endpoint: undefined,
+      })
+    )
   );
 };
 
@@ -483,8 +491,16 @@ export const interceptUpdateBucketAccess = (
 /**
  * Intercepts GET request to get object storage endpoints.
  *
+ * @param endpoints - Object Storage endpoints for which to mock response
+ *
  * @returns Cypress chainable.
  */
-export const interceptGetObjectStorageEndpoints = (): Cypress.Chainable<null> => {
-  return cy.intercept('GET', apiMatcher(`object-storage/endpoints`));
+export const mockGetObjectStorageEndpoints = (
+  endpoints: ObjectStorageEndpoint[]
+): Cypress.Chainable<null> => {
+  return cy.intercept(
+    'GET',
+    apiMatcher(`object-storage/endpoints*`),
+    paginateResponse(endpoints)
+  );
 };
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.test.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.test.tsx
new file mode 100644
index 00000000000..69110f0ccda
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.test.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+
+import { renderWithTheme } from 'src/utilities/testHelpers';
+
+import { BucketRateLimitTable } from './BucketRateLimitTable';
+
+// recent bucket rate limit changes cause these tests to fail + bug when opening up Create Bucket drawer.
+// commenting out these tests for now + will investigate in a separate PR (need to investigate further)
+describe.skip('BucketRateLimitTable', () => {
+  it('should render a BucketRateLimitTable', () => {
+    const { getAllByRole, getByText, queryByText } = renderWithTheme(
+      <BucketRateLimitTable endpointType="E2" />
+    );
+
+    // ensure table headers render as expected
+    const headers = ['Limits', 'GET', 'PUT', 'LIST', 'DELETE', 'OTHER'];
+    headers.forEach((header) => {
+      expect(getByText(header)).toBeInTheDocument();
+    });
+
+    // ensure all rows render
+    const rows = getAllByRole('row');
+    // 1 header row + 2 data rows
+    expect(rows).toHaveLength(3);
+
+    // if endpoint type is not E3, table data should not contain value 20,000
+    const limitValue5000 = getByText('5,000');
+    expect(limitValue5000).toBeVisible();
+    const limitValue20000 = queryByText('20,000');
+    expect(limitValue20000).not.toBeInTheDocument();
+  });
+
+  it('should update the limit table value for an E3 endpoint', () => {
+    const { getAllByRole, getByText, queryByText } = renderWithTheme(
+      <BucketRateLimitTable endpointType="E3" />
+    );
+
+    // ensure all rows render
+    const rows = getAllByRole('row');
+    // 1 header row + 2 data rows
+    expect(rows).toHaveLength(3);
+
+    // if endpoint type is E3, table data should contain value 20,000
+    const limitValue20000 = getByText('20,000');
+    expect(limitValue20000).toBeVisible();
+    const limitValue5000 = queryByText('5,000');
+    expect(limitValue5000).not.toBeInTheDocument();
+  });
+});
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
index 3f698f1800b..4cd414406dd 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx
@@ -58,7 +58,7 @@ export const BucketRateLimitTable = ({
   });
 
   return (
-    <Table sx={{ marginBottom: 3 }}>
+    <Table data-testid="bucket-rate-limit-table" sx={{ marginBottom: 3 }}>
       <TableHead>
         <TableRow>
           {tableHeaders.map((header, index) => {
diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.test.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.test.tsx
new file mode 100644
index 00000000000..a600017fb90
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.test.tsx
@@ -0,0 +1,100 @@
+import { fireEvent, waitFor } from '@testing-library/react';
+import * as React from 'react';
+
+import { objectStorageEndpointsFactory } from 'src/factories';
+import { makeResourcePage } from 'src/mocks/serverHandlers';
+import { HttpResponse, http, server } from 'src/mocks/testServer';
+import { renderWithThemeAndHookFormContext } from 'src/utilities/testHelpers';
+
+import { OMC_CreateBucketDrawer } from './OMC_CreateBucketDrawer';
+
+const props = {
+  isOpen: true,
+  onClose: vi.fn(),
+};
+
+describe('OMC_CreateBucketDrawer', () => {
+  beforeEach(() => {
+    vi.resetAllMocks();
+  });
+
+  it('should render the drawer', () => {
+    const {
+      getByTestId,
+      getByText,
+      queryByText,
+    } = renderWithThemeAndHookFormContext({
+      component: <OMC_CreateBucketDrawer {...props} />,
+      options: {
+        flags: {
+          objMultiCluster: true,
+          objectStorageGen2: { enabled: true },
+        },
+      },
+    });
+
+    expect(getByTestId('drawer-title')).toBeVisible();
+    expect(getByText('Label')).toBeVisible();
+    expect(getByText('Region')).toBeVisible();
+    expect(getByText('Cancel')).toBeVisible();
+    expect(getByTestId('create-bucket-button')).toBeVisible();
+    expect(queryByText('Object Storage Endpoint Type')).not.toBeInTheDocument();
+  });
+
+  it(
+    'should display the endpoint selector if endpoints exist',
+    server.boundary(async () => {
+      server.use(
+        http.get('*/v4/object-storage/endpoints', () => {
+          return HttpResponse.json(
+            makeResourcePage([
+              objectStorageEndpointsFactory.build({
+                endpoint_type: 'E0',
+                region: 'us-sea',
+                s3_endpoint: null,
+              }),
+            ])
+          );
+        })
+      );
+
+      const { getByText, queryByText } = renderWithThemeAndHookFormContext({
+        component: <OMC_CreateBucketDrawer {...props} />,
+        options: {
+          flags: {
+            objMultiCluster: true,
+            objectStorageGen2: { enabled: true },
+          },
+        },
+      });
+
+      expect(
+        queryByText('Object Storage Endpoint Type')
+      ).not.toBeInTheDocument();
+
+      await waitFor(
+        () =>
+          expect(getByText('Object Storage Endpoint Type')).toBeInTheDocument(),
+        {
+          timeout: 2000,
+        }
+      );
+
+      // Additional verification after waitFor
+      const endpointTypeElement = getByText('Object Storage Endpoint Type');
+      expect(endpointTypeElement).toBeVisible();
+      expect(endpointTypeElement.tagName).toBe('LABEL');
+    })
+  );
+
+  it('should close the drawer', () => {
+    const { getByText } = renderWithThemeAndHookFormContext({
+      component: <OMC_CreateBucketDrawer {...props} />,
+    });
+
+    const cancelButton = getByText('Cancel');
+    expect(cancelButton).toBeVisible();
+    fireEvent.click(cancelButton);
+    expect(props.onClose).toHaveBeenCalled();
+  });
+});

From fb93fa56002e169228e4a8c129e7488515e36d92 Mon Sep 17 00:00:00 2001
From: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>
Date: Wed, 28 Aug 2024 16:10:40 -0400
Subject: [PATCH 41/49] fix: [M3-8500] - Restricted users without account
 access unable to create Linodes on Linode Create v2 (#10846)

* initial fix

* Added changeset: Restricted users without account access unable to create Linodes on Linode Create v2

---------

Co-authored-by: Banks Nussman <banks@nussman.us>
---
 .../.changeset/pr-10846-fixed-1724859567426.md     |  5 +++++
 .../src/features/Linodes/LinodeCreatev2/index.tsx  | 14 +++++++++-----
 .../features/Linodes/LinodeCreatev2/resolvers.ts   |  9 ++++++---
 .../features/Linodes/LinodeCreatev2/utilities.ts   | 13 +++++++++++++
 4 files changed, 33 insertions(+), 8 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10846-fixed-1724859567426.md

diff --git a/packages/manager/.changeset/pr-10846-fixed-1724859567426.md b/packages/manager/.changeset/pr-10846-fixed-1724859567426.md
new file mode 100644
index 00000000000..1c37ba54784
--- /dev/null
+++ b/packages/manager/.changeset/pr-10846-fixed-1724859567426.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Restricted users without account access unable to create Linodes on Linode Create v2 ([#10846](https://github.com/linode/manager/pull/10846))
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
index 0a7e7524887..e3dde917e42 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/index.tsx
@@ -20,6 +20,7 @@ import {
   useCloneLinodeMutation,
   useCreateLinodeMutation,
 } from 'src/queries/linodes/linodes';
+import { useProfile } from 'src/queries/profile/profile';
 import {
   sendLinodeCreateFormInputEvent,
   sendLinodeCreateFormSubmitEvent,
@@ -58,18 +59,21 @@ import {
 import { VLAN } from './VLAN';
 import { VPC } from './VPC/VPC';
 
-import type { LinodeCreateFormValues } from './utilities';
+import type {
+  LinodeCreateFormContext,
+  LinodeCreateFormValues,
+} from './utilities';
 import type { SubmitHandler } from 'react-hook-form';
 
 export const LinodeCreatev2 = () => {
   const { params, setParams } = useLinodeCreateQueryParams();
+  const { secureVMNoticesEnabled } = useSecureVMNoticesEnabled();
+  const { data: profile } = useProfile();
 
   const queryClient = useQueryClient();
 
-  const { secureVMNoticesEnabled } = useSecureVMNoticesEnabled();
-
-  const form = useForm<LinodeCreateFormValues>({
-    context: { secureVMNoticesEnabled },
+  const form = useForm<LinodeCreateFormValues, LinodeCreateFormContext>({
+    context: { profile, secureVMNoticesEnabled },
     defaultValues: () => defaultValues(params, queryClient),
     mode: 'onBlur',
     resolver: getLinodeCreateResolver(params.type, queryClient),
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts b/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
index e95f38d40f4..5981245a8d7 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
@@ -13,14 +13,17 @@ import {
 import { getLinodeCreatePayload } from './utilities';
 
 import type { LinodeCreateType } from '../LinodesCreate/types';
-import type { LinodeCreateFormValues } from './utilities';
+import type {
+  LinodeCreateFormContext,
+  LinodeCreateFormValues,
+} from './utilities';
 import type { QueryClient } from '@tanstack/react-query';
 import type { FieldErrors, Resolver } from 'react-hook-form';
 
 export const getLinodeCreateResolver = (
   tab: LinodeCreateType | undefined,
   queryClient: QueryClient
-): Resolver<LinodeCreateFormValues, { secureVMNoticesEnabled: boolean }> => {
+): Resolver<LinodeCreateFormValues, LinodeCreateFormContext> => {
   const schema = linodeCreateResolvers[tab ?? 'OS'];
   return async (values, context, options) => {
     const transformedValues = getLinodeCreatePayload(structuredClone(values));
@@ -46,7 +49,7 @@ export const getLinodeCreateResolver = (
       getRegionCountryGroup(selectedRegion)
     );
 
-    if (hasSelectedAnEURegion) {
+    if (hasSelectedAnEURegion && !context?.profile?.restricted) {
       const agreements = await queryClient.ensureQueryData(
         accountQueries.agreements
       );
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
index b0c92b33886..a5b136b5044 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
@@ -20,6 +20,7 @@ import type {
   CreateLinodeRequest,
   InterfacePayload,
   Linode,
+  Profile,
 } from '@linode/api-v4';
 import type { QueryClient } from '@tanstack/react-query';
 import type { FieldErrors } from 'react-hook-form';
@@ -260,6 +261,18 @@ export interface LinodeCreateFormValues extends CreateLinodeRequest {
   linode?: Linode | null;
 }
 
+export interface LinodeCreateFormContext {
+  /**
+   * Profile data is used in the Linode Create v2 resolver because
+   * restricted users are subject to different validation.
+   */
+  profile: Profile | undefined;
+  /**
+   * Used for dispaying warnings to internal Akamai employees.
+   */
+  secureVMNoticesEnabled: boolean;
+}
+
 /**
  * This function initializes the Linode Create flow form
  * when the form mounts.

From 38eabf3c1b926d228794e0a3d2456c3607546551 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <125309814+jaalah-akamai@users.noreply.github.com>
Date: Wed, 28 Aug 2024 16:28:11 -0400
Subject: [PATCH 42/49] fix: [M3-8467] - Improve validation rules for create
 bucket schema (#10847)

* More validation

* Update packages/validation/.changeset/pr-10842-fixed-1724786185430.md

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>

* Review updates

---------

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
---
 .../BucketLanding/OMC_CreateBucketDrawer.tsx           |  2 +-
 .../.changeset/pr-10842-fixed-1724786185430.md         |  2 +-
 packages/validation/src/buckets.schema.ts              | 10 +++++++---
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx
index f38daab7343..4cce7084f1a 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx
@@ -124,7 +124,7 @@ export const OMC_CreateBucketDrawer = (props: Props) => {
       region: '',
       s3_endpoint: undefined,
     },
-    mode: 'onChange',
+    mode: 'onBlur',
     resolver: yupResolver(CreateBucketSchema),
   });
 
diff --git a/packages/validation/.changeset/pr-10842-fixed-1724786185430.md b/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
index 368483e1310..c5cc711f3ad 100644
--- a/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
+++ b/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
@@ -2,4 +2,4 @@
 "@linode/validation": Fixed
 ---
 
-Error validation for letter casing when creating object storage bucket now correctly appears for labels. ([#10842](https://github.com/linode/manager/pull/10842))
+Lack of `label` error validation for letter casing and symbols when creating Object Storage bucket ([#10842](https://github.com/linode/manager/pull/10842), [#10847](https://github.com/linode/manager/pull/10847))
diff --git a/packages/validation/src/buckets.schema.ts b/packages/validation/src/buckets.schema.ts
index 02c74449a9c..e3d0d486608 100644
--- a/packages/validation/src/buckets.schema.ts
+++ b/packages/validation/src/buckets.schema.ts
@@ -7,12 +7,16 @@ export const CreateBucketSchema = object()
     {
       label: string()
         .required('Label is required.')
+        .min(3, 'Label must be between 3 and 63 characters.')
         .matches(/^\S*$/, 'Label must not contain spaces.')
         .matches(
-          /^[a-z0-9.-]*$/,
-          'Label must consist only of lowercase letters, numbers, . (period), and - (dash).'
+          /^[a-z0-9].*[a-z0-9]$/,
+          'Label must start and end with a letter or number.'
+        )
+        .matches(
+          /^(?!.*[.-]{2})[a-z0-9.-]+$/,
+          'Label must contain only lowercase letters, numbers, periods (.), and hyphens (-). Adjacent periods and hyphens are not allowed.'
         )
-        .min(3, 'Label must be between 3 and 63 characters.')
         .max(63, 'Label must be between 3 and 63 characters.')
         .test(
           'unique-label',

From 2c891f971f51e18f007ec220db003f33dae84639 Mon Sep 17 00:00:00 2001
From: Hussain Khalil <122488130+hkhalil-akamai@users.noreply.github.com>
Date: Wed, 28 Aug 2024 16:51:09 -0400
Subject: [PATCH 43/49] fix: [M3-8492] - Create Linode Firewall warning not
 appearing (#10838)

* Simplify type for `firewall_id` field

* Use `undefined` instead of -1 for no firewall selection

* Remove redundant `useEffect`

* Tweaks

* Undo changes to validation package

* Added changeset: Firewall warning not appearing in Create Linode flow

* Added changeset: Remove `null` from `CreateLinodeRequest.firewall_id`

* Fix `validateDOMNesting` warning

* Fix `firewallOverride` in CLI payload

* Re-add null to `firewall_id`

* Remove debug
---
 .../pr-10838-fixed-1724705410961.md           |  5 +++
 .../SelectFirewallPanel.tsx                   | 10 ++---
 .../Linodes/LinodeCreatev2/Firewall.tsx       |  2 +-
 .../LinodeCreatev2/FirewallAuthorization.tsx  | 41 +++++++----------
 .../Linodes/LinodeCreatev2/resolvers.ts       |  3 +-
 .../Linodes/LinodeCreatev2/utilities.ts       |  6 ++-
 .../Linodes/LinodesCreate/LinodeCreate.tsx    | 44 ++++++++-----------
 .../LinodesCreate/LinodeCreateContainer.tsx   |  9 ++--
 8 files changed, 54 insertions(+), 66 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10838-fixed-1724705410961.md

diff --git a/packages/manager/.changeset/pr-10838-fixed-1724705410961.md b/packages/manager/.changeset/pr-10838-fixed-1724705410961.md
new file mode 100644
index 00000000000..7903e0317b5
--- /dev/null
+++ b/packages/manager/.changeset/pr-10838-fixed-1724705410961.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Firewall warning not appearing in Create Linode flow ([#10838](https://github.com/linode/manager/pull/10838))
diff --git a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
index 6a16cb8a44f..ff9f53e57cb 100644
--- a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
+++ b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx
@@ -20,9 +20,9 @@ import type { Firewall, FirewallDeviceEntityType } from '@linode/api-v4';
 interface Props {
   disabled?: boolean;
   entityType: FirewallDeviceEntityType | undefined;
-  handleFirewallChange: (firewallID: number) => void;
+  handleFirewallChange: (firewallID: number | undefined) => void;
   helperText: JSX.Element;
-  selectedFirewallId: number;
+  selectedFirewallId: number | undefined;
 }
 
 export const SelectFirewallPanel = (props: Props) => {
@@ -60,7 +60,7 @@ export const SelectFirewallPanel = (props: Props) => {
   }));
 
   const selectedFirewall =
-    selectedFirewallId !== -1
+    selectedFirewallId !== undefined
       ? firewallsDropdownOptions.find(
           (option) => option.value === selectedFirewallId
         ) || null
@@ -94,14 +94,12 @@ export const SelectFirewallPanel = (props: Props) => {
             />
           )}
         <Autocomplete
-          onChange={(_, selection) =>
-            handleFirewallChange(selection?.value ?? -1)
-          }
           disabled={disabled}
           errorText={error?.[0].reason}
           label="Assign Firewall"
           loading={isLoading}
           noOptionsText="No Firewalls available"
+          onChange={(_, selection) => handleFirewallChange(selection?.value)}
           options={firewallsDropdownOptions}
           placeholder={'None'}
           value={selectedFirewall}
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
index 374303ff6b9..00020a49f31 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/Firewall.tsx
@@ -55,7 +55,7 @@ export const Firewall = () => {
     if (firewallId !== undefined) {
       clearErrors('firewallOverride');
     }
-    field.onChange(firewallId ?? null);
+    field.onChange(firewallId);
   };
 
   const firewallFormEventOptions: LinodeCreateFormEventOptions = {
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/FirewallAuthorization.tsx b/packages/manager/src/features/Linodes/LinodeCreatev2/FirewallAuthorization.tsx
index 08981d673a6..418bbed7792 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/FirewallAuthorization.tsx
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/FirewallAuthorization.tsx
@@ -1,5 +1,4 @@
-import { Typography } from '@mui/material';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useController, useFormContext } from 'react-hook-form';
 
 import { AkamaiBanner } from 'src/components/AkamaiBanner/AkamaiBanner';
@@ -12,25 +11,16 @@ import type { LinodeCreateFormValues } from './utilities';
 
 export const FirewallAuthorization = () => {
   const flags = useFlags();
-  const {
-    clearErrors,
-    control,
-    watch,
-  } = useFormContext<LinodeCreateFormValues>();
+  const { control, watch } = useFormContext<LinodeCreateFormValues>();
   const { field, fieldState } = useController({
     control,
     name: 'firewallOverride',
   });
 
   const watchFirewall = watch('firewall_id');
-  useEffect(() => {
-    if (isNotNullOrUndefined(watchFirewall)) {
-      clearErrors('firewallOverride');
-    }
-  }, [clearErrors, watchFirewall]);
 
   if (
-    watchFirewall !== undefined ||
+    isNotNullOrUndefined(watchFirewall) ||
     !(fieldState.isDirty || fieldState.error)
   ) {
     return;
@@ -39,19 +29,18 @@ export const FirewallAuthorization = () => {
   return (
     <AkamaiBanner
       action={
-        <Typography color="inherit">
-          <FormControlLabel
-            label={
-              flags.secureVmCopy?.firewallAuthorizationLabel ??
-              'I am authorized to create a Linode without a firewall'
-            }
-            checked={field.value ?? false}
-            className="error-for-scroll"
-            control={<Checkbox />}
-            disableTypography
-            onChange={field.onChange}
-          />
-        </Typography>
+        <FormControlLabel
+          label={
+            flags.secureVmCopy?.firewallAuthorizationLabel ??
+            'I am authorized to create a Linode without a firewall'
+          }
+          checked={field.value ?? false}
+          className="error-for-scroll"
+          control={<Checkbox />}
+          disableTypography
+          onChange={field.onChange}
+          sx={{ fontSize: 14 }}
+        />
       }
       text={
         flags.secureVmCopy?.firewallAuthorizationWarning ??
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts b/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
index 5981245a8d7..b98622b04b1 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/resolvers.ts
@@ -4,6 +4,7 @@ import { CreateLinodeSchema } from '@linode/validation';
 import { accountQueries } from 'src/queries/account/queries';
 import { regionQueries } from 'src/queries/regions/regions';
 import { getRegionCountryGroup, isEURegion } from 'src/utilities/formatRegion';
+import { isNullOrUndefined } from 'src/utilities/nullOrUndefined';
 
 import {
   CreateLinodeFromBackupSchema,
@@ -70,7 +71,7 @@ export const getLinodeCreateResolver = (
     const secureVMViolation =
       context?.secureVMNoticesEnabled &&
       !values.firewallOverride &&
-      !values.firewall_id;
+      isNullOrUndefined(values.firewall_id);
 
     if (secureVMViolation) {
       (errors as FieldErrors<LinodeCreateFormValues>)['firewallOverride'] = {
diff --git a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
index a5b136b5044..631d6f417cb 100644
--- a/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
+++ b/packages/manager/src/features/Linodes/LinodeCreatev2/utilities.ts
@@ -148,7 +148,11 @@ export const tabs: LinodeCreateType[] = [
 export const getLinodeCreatePayload = (
   formValues: LinodeCreateFormValues
 ): CreateLinodeRequest => {
-  const values = omit(formValues, ['linode', 'hasSignedEUAgreement']);
+  const values = omit(formValues, [
+    'linode',
+    'hasSignedEUAgreement',
+    'firewallOverride',
+  ]);
   if (values.metadata?.user_data) {
     values.metadata.user_data = utoa(values.metadata.user_data);
   }
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
index d214eee5753..96eed67ab62 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreate.tsx
@@ -119,10 +119,10 @@ export interface LinodeCreateProps {
   assignPublicIPv4Address: boolean;
   autoassignIPv4WithinVPC: boolean;
   checkValidation: LinodeCreateValidation;
-  checkedFirewallAuthorizaton: boolean;
+  checkedFirewallAuthorization: boolean;
   createType: CreateTypes;
   diskEncryptionEnabled: boolean;
-  firewallId?: number;
+  firewallId: number | undefined;
   handleAgreementChange: () => void;
   handleFirewallAuthorizationChange: () => void;
   handleFirewallChange: (firewallId: number) => void;
@@ -297,8 +297,7 @@ export class LinodeCreate extends React.PureComponent<
         isDiskEncryptionFeatureEnabled && regionSupportsDiskEncryption
           ? diskEncryptionPayload
           : undefined,
-      firewall_id:
-        this.props.firewallId !== -1 ? this.props.firewallId : undefined,
+      firewall_id: this.props.firewallId,
       image: this.props.selectedImageID,
       label: this.props.label,
       placement_group:
@@ -602,7 +601,7 @@ export class LinodeCreate extends React.PureComponent<
     const {
       account,
       accountBackupsEnabled,
-      checkedFirewallAuthorizaton,
+      checkedFirewallAuthorization,
       errors,
       flags,
       formIsSubmitting,
@@ -793,11 +792,7 @@ export class LinodeCreate extends React.PureComponent<
       });
     }
 
-    if (
-      this.props.firewallId !== null &&
-      this.props.firewallId !== undefined &&
-      this.props.firewallId !== -1
-    ) {
+    if (this.props.firewallId !== undefined) {
       displaySections.push({
         title: 'Firewall Assigned',
       });
@@ -835,8 +830,8 @@ export class LinodeCreate extends React.PureComponent<
 
     const secureVMViolation =
       showFirewallAuthorization &&
-      !checkedFirewallAuthorizaton &&
-      this.props.firewallId === undefined;
+      this.props.firewallId === undefined &&
+      !checkedFirewallAuthorization;
 
     return (
       <StyledForm ref={this.createLinodeFormRef}>
@@ -1003,9 +998,9 @@ export class LinodeCreate extends React.PureComponent<
                       createType:
                         (this.tabs[selectedTab].title as LinodeCreateType) ??
                         'OS',
-                      label: 'Choosing a Plan',
                       headerName: 'Linode Plan',
                       interaction: 'click',
+                      label: 'Choosing a Plan',
                     });
                   }}
                   href="https://www.linode.com/docs/guides/choosing-a-compute-instance-plan/"
@@ -1106,8 +1101,8 @@ export class LinodeCreate extends React.PureComponent<
                           (this.tabs[selectedTab].title as LinodeCreateType) ??
                           'OS',
                         headerName: 'Firewall',
-                        label: 'Learn more',
                         interaction: 'click',
+                        label: 'Learn more',
                       })
                     }
                     to={FIREWALL_GET_STARTED_LINK}
@@ -1120,7 +1115,7 @@ export class LinodeCreate extends React.PureComponent<
               disabled={userCannotCreateLinode}
               entityType="linode"
               handleFirewallChange={this.props.handleFirewallChange}
-              selectedFirewallId={this.props.firewallId || -1}
+              selectedFirewallId={this.props.firewallId}
             />
           )}
           <AddonsPanel
@@ -1181,16 +1176,15 @@ export class LinodeCreate extends React.PureComponent<
               flags.secureVmCopy?.firewallAuthorizationWarning ? (
                 <AkamaiBanner
                   action={
-                    <Typography color="inherit">
-                      <FormControlLabel
-                        checked={checkedFirewallAuthorizaton}
-                        className="error-for-scroll"
-                        control={<Checkbox />}
-                        disableTypography
-                        label={flags.secureVmCopy.firewallAuthorizationLabel}
-                        onChange={handleFirewallAuthorizationChange}
-                      />
-                    </Typography>
+                    <FormControlLabel
+                      checked={checkedFirewallAuthorization}
+                      className="error-for-scroll"
+                      control={<Checkbox />}
+                      disableTypography
+                      label={flags.secureVmCopy.firewallAuthorizationLabel}
+                      onChange={handleFirewallAuthorizationChange}
+                      sx={{ fontSize: 14 }}
+                    />
                   }
                   text={flags.secureVmCopy.firewallAuthorizationWarning}
                   warning
diff --git a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreateContainer.tsx b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreateContainer.tsx
index f88bfdb86d2..a22ee2d6371 100644
--- a/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreateContainer.tsx
+++ b/packages/manager/src/features/Linodes/LinodesCreate/LinodeCreateContainer.tsx
@@ -25,6 +25,7 @@ import { withSecureVMNoticesEnabled } from 'src/containers/withSecureVMNoticesEn
 import withAgreements from 'src/features/Account/Agreements/withAgreements';
 import { hasPlacementGroupReachedCapacity } from 'src/features/PlacementGroups/utils';
 import { reportAgreementSigningError } from 'src/queries/account/agreements';
+import { accountQueries } from 'src/queries/account/queries';
 import {
   sendCreateLinodeEvent,
   sendLinodeCreateFlowDocsClickEvent,
@@ -36,11 +37,11 @@ import {
 import { capitalize } from 'src/utilities/capitalize';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
 import { extendType } from 'src/utilities/extendType';
+import { isEURegion } from 'src/utilities/formatRegion';
 import {
   getGDPRDetails,
   getSelectedRegionGroup,
 } from 'src/utilities/formatRegion';
-import { isEURegion } from 'src/utilities/formatRegion';
 import { isNotNullOrUndefined } from 'src/utilities/nullOrUndefined';
 import { UNKNOWN_PRICE } from 'src/utilities/pricing/constants';
 import { getLinodeRegionPrice } from 'src/utilities/pricing/linodes';
@@ -89,7 +90,6 @@ import type { CreateTypes } from 'src/store/linodeCreate/linodeCreate.actions';
 import type { MapState } from 'src/store/types';
 import type { ExtendedType } from 'src/utilities/extendType';
 import type { ExtendedIP } from 'src/utilities/ipUtils';
-import { accountQueries } from 'src/queries/account/queries';
 
 const DEFAULT_IMAGE = 'linode/debian11';
 
@@ -371,7 +371,7 @@ class LinodeCreateContainer extends React.PureComponent<CombinedProps, State> {
     }));
   };
 
-  handleFirewallChange = (firewallId: number) => {
+  handleFirewallChange = (firewallId: number | undefined) => {
     this.setState({ selectedfirewallId: firewallId });
   };
 
@@ -903,9 +903,6 @@ class LinodeCreateContainer extends React.PureComponent<CombinedProps, State> {
             accountBackupsEnabled={
               this.props.accountSettings.data?.backups_enabled ?? false
             }
-            checkedFirewallAuthorizaton={
-              this.state.checkedFirewallAuthorization
-            }
             handleFirewallAuthorizationChange={
               this.handleFirewallAuthorizationChange
             }

From a169d1d846f2f68fb79fdcb77a404176f6832157 Mon Sep 17 00:00:00 2001
From: skulpok-akamai <skulpok@akamai.com>
Date: Thu, 29 Aug 2024 15:36:18 +0200
Subject: [PATCH 44/49] fix: [M3-7305] - Correct Object Storage folder links
 containing special characters (#10822)

* Add Intellij IDEA module files to .gitignore.

* fix: [M3-7305] - Correct Object Storage folder links containing special characters.

* Added changeset: Correct Object Storage folder links containing special characters.

* fix: [M3-7305] - code review comment applied: table explicit declaration replaced with wrapWithTableBody

* fix: [M3-7305] - corrected import for TableRowProps.

* Update packages/manager/.changeset/pr-10819-fixed-1724404332335.md

Co-authored-by: cpathipa <119517080+cpathipa@users.noreply.github.com>

* Update packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.test.tsx

Co-authored-by: cpathipa <119517080+cpathipa@users.noreply.github.com>

* fix typo

---------

Co-authored-by: cpathipa <119517080+cpathipa@users.noreply.github.com>
Co-authored-by: Alban Bailly <abailly@akamai.com>
---
 .gitignore                                    |  1 +
 .../pr-10819-fixed-1724404332335.md           |  5 ++++
 .../BucketDetail/FolderTableRow.test.tsx      | 27 +++++++++++++++++++
 .../BucketDetail/FolderTableRow.tsx           | 21 ++++++++++-----
 4 files changed, 48 insertions(+), 6 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10819-fixed-1724404332335.md
 create mode 100644 packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.test.tsx

diff --git a/.gitignore b/.gitignore
index 933adffc825..734136b05e8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,6 +11,7 @@ lib
 # editor configuration
 .vscode
 .idea
+**/*.iml
 
 # misc
 .DS_Store
diff --git a/packages/manager/.changeset/pr-10819-fixed-1724404332335.md b/packages/manager/.changeset/pr-10819-fixed-1724404332335.md
new file mode 100644
index 00000000000..5a970fae343
--- /dev/null
+++ b/packages/manager/.changeset/pr-10819-fixed-1724404332335.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Correct links to Object Storage folders that contain special characters. ([#10819](https://github.com/linode/manager/pull/10819))
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.test.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.test.tsx
new file mode 100644
index 00000000000..ae323daa598
--- /dev/null
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.test.tsx
@@ -0,0 +1,27 @@
+import { render } from '@testing-library/react';
+import * as React from 'react';
+
+import { FolderTableRow } from 'src/features/ObjectStorage/BucketDetail/FolderTableRow';
+import { wrapWithTableBody } from 'src/utilities/testHelpers';
+
+import type { FolderTableRowProps } from 'src/features/ObjectStorage/BucketDetail/FolderTableRow';
+
+describe('FolderTableRow', () => {
+  it('renders a link with URI-encoded special characters', () => {
+    const specialCharsProps: FolderTableRowProps = {
+      displayName: 'folder-with-special-chars...',
+      folderName: 'folder-with-special-chars <>#%+{}|^[]`;?:@=&$',
+      handleClickDelete: () => {},
+      manuallyCreated: false,
+    };
+
+    const { getByRole } = render(
+      wrapWithTableBody(<FolderTableRow {...specialCharsProps} />)
+    );
+
+    expect(getByRole('link')).toHaveAttribute(
+      'href',
+      '/?prefix=folder-with-special-chars%20%3C%3E%23%25%2B%7B%7D%7C%5E%5B%5D%60%3B%3F%3A%40%3D%26%24'
+    );
+  });
+});
diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.tsx
index f37af952753..72d2b094a38 100644
--- a/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketDetail/FolderTableRow.tsx
@@ -6,29 +6,38 @@ import { Link } from 'react-router-dom';
 import { EntityIcon } from 'src/components/EntityIcon/EntityIcon';
 import { Hidden } from 'src/components/Hidden';
 import { TableCell } from 'src/components/TableCell';
-import { TableRow } from 'src/components/TableRow';
+import { TableRow, TableRowProps } from 'src/components/TableRow';
 
 import { FolderActionMenu } from './FolderActionMenu';
 
-interface Props {
+export interface FolderTableRowProps extends TableRowProps {
   displayName: string;
   folderName: string;
   handleClickDelete: (objectName: string) => void;
   manuallyCreated: boolean;
 }
 
-export const FolderTableRow = (props: Props) => {
-  const { displayName, folderName, handleClickDelete } = props;
+export const FolderTableRow = (props: FolderTableRowProps) => {
+  const {
+    displayName,
+    folderName,
+    handleClickDelete,
+    manuallyCreated,
+    ...tableRowProps
+  } = props;
 
   return (
-    <TableRow key={folderName} {...props}>
+    <TableRow key={folderName} {...tableRowProps}>
       <TableCell parentColumn="Object">
         <Grid alignItems="center" container spacing={2} wrap="nowrap">
           <StyledIconWrapper>
             <EntityIcon size={22} variant="folder" />
           </StyledIconWrapper>
           <Grid>
-            <Link className="secondaryLink" to={`?prefix=${folderName}`}>
+            <Link
+              className="secondaryLink"
+              to={`?prefix=${encodeURIComponent(folderName)}`}
+            >
               {displayName}
             </Link>
           </Grid>

From 94be125aff1f39f284cef1cde501f6544127829e Mon Sep 17 00:00:00 2001
From: Alban Bailly <abailly@akamai.com>
Date: Thu, 29 Aug 2024 10:22:31 -0400
Subject: [PATCH 45/49] Cloud version 1.127.0, API v4 version 0.125.0, and
 Validation version 0.52.0

---
 ...r-10769-upcoming-features-1723465718778.md |  5 --
 .../pr-10786-added-1723662117687.md           |  5 --
 .../pr-10801-changed-1724274276545.md         |  5 --
 ...r-10805-upcoming-features-1724163902024.md |  5 --
 packages/api-v4/CHANGELOG.md                  | 17 +++++
 packages/api-v4/package.json                  |  2 +-
 .../pr-10745-changed-1723666784731.md         |  5 --
 .../pr-10761-tests-1723056815829.md           |  5 --
 .../pr-10762-tech-stories-1723134446106.md    |  5 --
 ...r-10769-upcoming-features-1723465772614.md |  5 --
 .../pr-10774-tests-1723501645286.md           |  5 --
 ...r-10776-upcoming-features-1723515799181.md |  5 --
 .../pr-10781-tests-1723573598915.md           |  5 --
 .../pr-10784-added-1723651941893.md           |  5 --
 ...r-10786-upcoming-features-1723662207016.md |  5 --
 ...r-10787-upcoming-features-1723672538179.md |  5 --
 .../pr-10788-tests-1724160607781.md           |  5 --
 .../pr-10789-changed-1724075831126.md         |  5 --
 .../pr-10789-changed-1724075913480.md         |  5 --
 ...r-10790-upcoming-features-1724031092075.md |  5 --
 .../pr-10791-changed-1723820950904.md         |  5 --
 ...r-10793-upcoming-features-1723845275155.md |  5 --
 ...r-10795-upcoming-features-1724084768188.md |  5 --
 ...r-10796-upcoming-features-1724152512210.md |  5 --
 .../pr-10800-tech-stories-1724094117438.md    |  5 --
 ...r-10801-upcoming-features-1724274214381.md |  5 --
 ...r-10803-upcoming-features-1724100276144.md |  5 --
 ...r-10805-upcoming-features-1724163948287.md |  5 --
 ...r-10807-upcoming-features-1724226251911.md |  5 --
 .../pr-10808-changed-1724315097131.md         |  5 --
 .../pr-10809-changed-1724354812801.md         |  5 --
 .../pr-10811-tests-1724336950451.md           |  5 --
 .../pr-10818-tests-1724394944251.md           |  5 --
 .../pr-10819-fixed-1724404332335.md           |  5 --
 ...r-10821-upcoming-features-1724414057285.md |  5 --
 .../pr-10824-fixed-1724428840947.md           |  5 --
 .../pr-10826-tests-1724431261722.md           |  5 --
 .../pr-10827-tech-stories-1724432793341.md    |  5 --
 .../pr-10828-fixed-1724688319150.md           |  5 --
 .../pr-10828-tests-1724688351092.md           |  5 --
 .../pr-10829-tech-stories-1724462593074.md    |  5 --
 .../pr-10830-tech-stories-1724469419694.md    |  5 --
 .../pr-10832-tests-1724681646686.md           |  5 --
 .../pr-10833-fixed-1724689652747.md           |  5 --
 .../pr-10836-tech-stories-1724703621384.md    |  5 --
 .../pr-10838-fixed-1724705410961.md           |  5 --
 .../pr-10840-tech-stories-1724713234913.md    |  5 --
 .../pr-10846-fixed-1724859567426.md           |  5 --
 packages/manager/CHANGELOG.md                 | 65 +++++++++++++++++++
 packages/manager/package.json                 |  2 +-
 .../pr-10842-fixed-1724786185430.md           |  5 --
 packages/validation/CHANGELOG.md              |  7 ++
 packages/validation/package.json              |  2 +-
 53 files changed, 92 insertions(+), 238 deletions(-)
 delete mode 100644 packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
 delete mode 100644 packages/api-v4/.changeset/pr-10786-added-1723662117687.md
 delete mode 100644 packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
 delete mode 100644 packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
 delete mode 100644 packages/manager/.changeset/pr-10745-changed-1723666784731.md
 delete mode 100644 packages/manager/.changeset/pr-10761-tests-1723056815829.md
 delete mode 100644 packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
 delete mode 100644 packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
 delete mode 100644 packages/manager/.changeset/pr-10774-tests-1723501645286.md
 delete mode 100644 packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md
 delete mode 100644 packages/manager/.changeset/pr-10781-tests-1723573598915.md
 delete mode 100644 packages/manager/.changeset/pr-10784-added-1723651941893.md
 delete mode 100644 packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
 delete mode 100644 packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
 delete mode 100644 packages/manager/.changeset/pr-10788-tests-1724160607781.md
 delete mode 100644 packages/manager/.changeset/pr-10789-changed-1724075831126.md
 delete mode 100644 packages/manager/.changeset/pr-10789-changed-1724075913480.md
 delete mode 100644 packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md
 delete mode 100644 packages/manager/.changeset/pr-10791-changed-1723820950904.md
 delete mode 100644 packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
 delete mode 100644 packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
 delete mode 100644 packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
 delete mode 100644 packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md
 delete mode 100644 packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
 delete mode 100644 packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
 delete mode 100644 packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md
 delete mode 100644 packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
 delete mode 100644 packages/manager/.changeset/pr-10808-changed-1724315097131.md
 delete mode 100644 packages/manager/.changeset/pr-10809-changed-1724354812801.md
 delete mode 100644 packages/manager/.changeset/pr-10811-tests-1724336950451.md
 delete mode 100644 packages/manager/.changeset/pr-10818-tests-1724394944251.md
 delete mode 100644 packages/manager/.changeset/pr-10819-fixed-1724404332335.md
 delete mode 100644 packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md
 delete mode 100644 packages/manager/.changeset/pr-10824-fixed-1724428840947.md
 delete mode 100644 packages/manager/.changeset/pr-10826-tests-1724431261722.md
 delete mode 100644 packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md
 delete mode 100644 packages/manager/.changeset/pr-10828-fixed-1724688319150.md
 delete mode 100644 packages/manager/.changeset/pr-10828-tests-1724688351092.md
 delete mode 100644 packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md
 delete mode 100644 packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md
 delete mode 100644 packages/manager/.changeset/pr-10832-tests-1724681646686.md
 delete mode 100644 packages/manager/.changeset/pr-10833-fixed-1724689652747.md
 delete mode 100644 packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md
 delete mode 100644 packages/manager/.changeset/pr-10838-fixed-1724705410961.md
 delete mode 100644 packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md
 delete mode 100644 packages/manager/.changeset/pr-10846-fixed-1724859567426.md
 delete mode 100644 packages/validation/.changeset/pr-10842-fixed-1724786185430.md

diff --git a/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md b/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
deleted file mode 100644
index 4edc74fe1c9..00000000000
--- a/packages/api-v4/.changeset/pr-10769-upcoming-features-1723465718778.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/api-v4": Upcoming Features
----
-
-Update the type for AclpConfig ([#10769](https://github.com/linode/manager/pull/10769))
diff --git a/packages/api-v4/.changeset/pr-10786-added-1723662117687.md b/packages/api-v4/.changeset/pr-10786-added-1723662117687.md
deleted file mode 100644
index 960ca5330b4..00000000000
--- a/packages/api-v4/.changeset/pr-10786-added-1723662117687.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/api-v4": Added
----
-
-Managed Databases V2` capability and types ([#10786](https://github.com/linode/manager/pull/10786))
diff --git a/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md b/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
deleted file mode 100644
index d52b1ff5d74..00000000000
--- a/packages/api-v4/.changeset/pr-10801-changed-1724274276545.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/api-v4": Changed
----
-
-Deprecated `getClusters` ([#10801](https://github.com/linode/manager/pull/10801))
diff --git a/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md b/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
deleted file mode 100644
index 46b8dd2d56c..00000000000
--- a/packages/api-v4/.changeset/pr-10805-upcoming-features-1724163902024.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/api-v4": Upcoming Features
----
-
-Change resource_id to resource_ids in CloudPulseMetricRequest interface and add two new interfaces. Add getCloudPulseServiceTypes to fetch list of service types & modify getDashboards function to accept serviceType parameter ([#10805](https://github.com/linode/manager/pull/10805))
diff --git a/packages/api-v4/CHANGELOG.md b/packages/api-v4/CHANGELOG.md
index 5310b2b6755..ad18b28f4b9 100644
--- a/packages/api-v4/CHANGELOG.md
+++ b/packages/api-v4/CHANGELOG.md
@@ -1,3 +1,20 @@
+## [2024-09-03] - v0.125.0
+
+
+### Added:
+
+- Managed Databases V2 capability and types ([#10786](https://github.com/linode/manager/pull/10786))
+
+### Changed:
+
+- Deprecate `getClusters` ([#10801](https://github.com/linode/manager/pull/10801))
+
+### Upcoming Features:
+
+- Update `AclpConfig` type ([#10769](https://github.com/linode/manager/pull/10769))
+- Add service types and `getCloudPulseServiceTypes` request ([#10805](https://github.com/linode/manager/pull/10805))
+
+
 ## [2024-08-19] - v0.124.0
 
 ### Added:
diff --git a/packages/api-v4/package.json b/packages/api-v4/package.json
index 2a590b140f7..2b6b3b95700 100644
--- a/packages/api-v4/package.json
+++ b/packages/api-v4/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@linode/api-v4",
-  "version": "0.124.0",
+  "version": "y",
   "homepage": "https://github.com/linode/manager/tree/develop/packages/api-v4",
   "bugs": {
     "url": "https://github.com/linode/manager/issues"
diff --git a/packages/manager/.changeset/pr-10745-changed-1723666784731.md b/packages/manager/.changeset/pr-10745-changed-1723666784731.md
deleted file mode 100644
index 1db2047bf20..00000000000
--- a/packages/manager/.changeset/pr-10745-changed-1723666784731.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-Improve support ticket form  pre-population and field labels ([#10745](https://github.com/linode/manager/pull/10745))
diff --git a/packages/manager/.changeset/pr-10761-tests-1723056815829.md b/packages/manager/.changeset/pr-10761-tests-1723056815829.md
deleted file mode 100644
index 31314c0aa7b..00000000000
--- a/packages/manager/.changeset/pr-10761-tests-1723056815829.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Add test for Linode create error flows ([#10761](https://github.com/linode/manager/pull/10761))
diff --git a/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md b/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
deleted file mode 100644
index 665493fde8a..00000000000
--- a/packages/manager/.changeset/pr-10762-tech-stories-1723134446106.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Improve local Storybook performance ([#10762](https://github.com/linode/manager/pull/10762))
diff --git a/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md b/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
deleted file mode 100644
index 2c7e4fd5794..00000000000
--- a/packages/manager/.changeset/pr-10769-upcoming-features-1723465772614.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Enhance support for passing Xfilters in existing databases fetch all instances query and Add a new query method for supporting custom filter using inbuilt API-V4 query factories for services like linode, dbaas etc., for upcoming CloudpulseCustomSelection component ([#10769](https://github.com/linode/manager/pull/10769))
diff --git a/packages/manager/.changeset/pr-10774-tests-1723501645286.md b/packages/manager/.changeset/pr-10774-tests-1723501645286.md
deleted file mode 100644
index 26478266f9a..00000000000
--- a/packages/manager/.changeset/pr-10774-tests-1723501645286.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Added cypress test for Object Storage Gen2 Create flow for endpoint type E0, added unit tests for new Gen2 components ([#10774](https://github.com/linode/manager/pull/10774))
diff --git a/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md b/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md
deleted file mode 100644
index 6191af6f59d..00000000000
--- a/packages/manager/.changeset/pr-10776-upcoming-features-1723515799181.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Hide CORS and SSL for OBJ Gen2 ([#10776](https://github.com/linode/manager/pull/10776))
diff --git a/packages/manager/.changeset/pr-10781-tests-1723573598915.md b/packages/manager/.changeset/pr-10781-tests-1723573598915.md
deleted file mode 100644
index 92b25bc8c5a..00000000000
--- a/packages/manager/.changeset/pr-10781-tests-1723573598915.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Add test for Linode VPC config not recommended notices ([#10781](https://github.com/linode/manager/pull/10781))
diff --git a/packages/manager/.changeset/pr-10784-added-1723651941893.md b/packages/manager/.changeset/pr-10784-added-1723651941893.md
deleted file mode 100644
index 3d28dae816f..00000000000
--- a/packages/manager/.changeset/pr-10784-added-1723651941893.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Added
----
-
-CheckoutBar Story ([#10784](https://github.com/linode/manager/pull/10784))
diff --git a/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md b/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
deleted file mode 100644
index 60c3e568960..00000000000
--- a/packages/manager/.changeset/pr-10786-upcoming-features-1723662207016.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Update DBaaS menu item with V1 or V2 capability, add mock data ([#10786](https://github.com/linode/manager/pull/10786))
diff --git a/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md b/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
deleted file mode 100644
index f3a4d6841f4..00000000000
--- a/packages/manager/.changeset/pr-10787-upcoming-features-1723672538179.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add 'Encrypt Volume' checkbox in Edit Volume drawer ([#10787](https://github.com/linode/manager/pull/10787))
diff --git a/packages/manager/.changeset/pr-10788-tests-1724160607781.md b/packages/manager/.changeset/pr-10788-tests-1724160607781.md
deleted file mode 100644
index f834d75adb3..00000000000
--- a/packages/manager/.changeset/pr-10788-tests-1724160607781.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Refactor StackScript create test to be resilient to Image deprecations ([#10788](https://github.com/linode/manager/pull/10788))
diff --git a/packages/manager/.changeset/pr-10789-changed-1724075831126.md b/packages/manager/.changeset/pr-10789-changed-1724075831126.md
deleted file mode 100644
index 1a181987e1e..00000000000
--- a/packages/manager/.changeset/pr-10789-changed-1724075831126.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-Open LISH in a popup window rather than a new tab ([#10789](https://github.com/linode/manager/pull/10789))
diff --git a/packages/manager/.changeset/pr-10789-changed-1724075913480.md b/packages/manager/.changeset/pr-10789-changed-1724075913480.md
deleted file mode 100644
index 4923307c7fb..00000000000
--- a/packages/manager/.changeset/pr-10789-changed-1724075913480.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-Use static number of rows in column in LISH to prevent resize and cursor positioning problems ([#10789](https://github.com/linode/manager/pull/10789))
diff --git a/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md b/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md
deleted file mode 100644
index 6e121f0bea1..00000000000
--- a/packages/manager/.changeset/pr-10790-upcoming-features-1724031092075.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Updated Bucket Rate Limits ([#10790](https://github.com/linode/manager/pull/10790))
diff --git a/packages/manager/.changeset/pr-10791-changed-1723820950904.md b/packages/manager/.changeset/pr-10791-changed-1723820950904.md
deleted file mode 100644
index f9ed3e7ddfe..00000000000
--- a/packages/manager/.changeset/pr-10791-changed-1723820950904.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-Move manual snapshot error message from Linode Backups page to snapshot confirmation dialog ([#10791](https://github.com/linode/manager/pull/10791))
diff --git a/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md b/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
deleted file mode 100644
index af5e1c985df..00000000000
--- a/packages/manager/.changeset/pr-10793-upcoming-features-1723845275155.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add "Encryption" column to Linode Volumes table ([#10793](https://github.com/linode/manager/pull/10793))
diff --git a/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md b/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
deleted file mode 100644
index 58439d5a717..00000000000
--- a/packages/manager/.changeset/pr-10795-upcoming-features-1724084768188.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add bucket management Properties Tab for Object Storage Gen2 ([#10795](https://github.com/linode/manager/pull/10795))
diff --git a/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md b/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
deleted file mode 100644
index c3649a92a72..00000000000
--- a/packages/manager/.changeset/pr-10796-upcoming-features-1724152512210.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Display Endpoint Type alongside each endpoint hostname in Regions Column & Hostnames Drawers ([#10796](https://github.com/linode/manager/pull/10796))
diff --git a/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md b/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md
deleted file mode 100644
index 0886b75b4b2..00000000000
--- a/packages/manager/.changeset/pr-10800-tech-stories-1724094117438.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Remove `patch-package` package ([#10800](https://github.com/linode/manager/pull/10800))
diff --git a/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md b/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
deleted file mode 100644
index a8a7db694ee..00000000000
--- a/packages/manager/.changeset/pr-10801-upcoming-features-1724274214381.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add useRegionQuery and cleanup bucket landing page ([#10801](https://github.com/linode/manager/pull/10801))
diff --git a/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md b/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
deleted file mode 100644
index 3fa7cdbabd1..00000000000
--- a/packages/manager/.changeset/pr-10803-upcoming-features-1724100276144.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add 'Encrypt Volume' checkbox to Clone Volume drawer ([#10803](https://github.com/linode/manager/pull/10803))
diff --git a/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md b/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md
deleted file mode 100644
index 9c34b95554a..00000000000
--- a/packages/manager/.changeset/pr-10805-upcoming-features-1724163948287.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Modify CloudPulseDashboardSelect and its relevant queries to support multiple service types in the list ([#10805](https://github.com/linode/manager/pull/10805))
diff --git a/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md b/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
deleted file mode 100644
index b710ea68af5..00000000000
--- a/packages/manager/.changeset/pr-10807-upcoming-features-1724226251911.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add new CloudPulseCustomSelect component and integrate with the global filter builder ([#10807](https://github.com/linode/manager/pull/10807))
diff --git a/packages/manager/.changeset/pr-10808-changed-1724315097131.md b/packages/manager/.changeset/pr-10808-changed-1724315097131.md
deleted file mode 100644
index 655fd7dbb93..00000000000
--- a/packages/manager/.changeset/pr-10808-changed-1724315097131.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-"Create Volume" button text to "Add Volume" ([#10808](https://github.com/linode/manager/pull/10808))
diff --git a/packages/manager/.changeset/pr-10809-changed-1724354812801.md b/packages/manager/.changeset/pr-10809-changed-1724354812801.md
deleted file mode 100644
index 34116e2d1f9..00000000000
--- a/packages/manager/.changeset/pr-10809-changed-1724354812801.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Changed
----
-
-Storybook nav organization ([#10809](https://github.com/linode/manager/pull/10809))
diff --git a/packages/manager/.changeset/pr-10811-tests-1724336950451.md b/packages/manager/.changeset/pr-10811-tests-1724336950451.md
deleted file mode 100644
index 6f4175005c7..00000000000
--- a/packages/manager/.changeset/pr-10811-tests-1724336950451.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Resolve StackScripts pagination test failure ([#10811](https://github.com/linode/manager/pull/10811))
diff --git a/packages/manager/.changeset/pr-10818-tests-1724394944251.md b/packages/manager/.changeset/pr-10818-tests-1724394944251.md
deleted file mode 100644
index 9ce4d41ea24..00000000000
--- a/packages/manager/.changeset/pr-10818-tests-1724394944251.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Add unit test cases for CheckoutBar component ([#10818](https://github.com/linode/manager/pull/10818))
diff --git a/packages/manager/.changeset/pr-10819-fixed-1724404332335.md b/packages/manager/.changeset/pr-10819-fixed-1724404332335.md
deleted file mode 100644
index 5a970fae343..00000000000
--- a/packages/manager/.changeset/pr-10819-fixed-1724404332335.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-Correct links to Object Storage folders that contain special characters. ([#10819](https://github.com/linode/manager/pull/10819))
diff --git a/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md b/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md
deleted file mode 100644
index bb6b4d6c586..00000000000
--- a/packages/manager/.changeset/pr-10821-upcoming-features-1724414057285.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Upcoming Features
----
-
-Add bucket rate limit info to Object Storage Bucket Details drawer ([#10821](https://github.com/linode/manager/pull/10821))
diff --git a/packages/manager/.changeset/pr-10824-fixed-1724428840947.md b/packages/manager/.changeset/pr-10824-fixed-1724428840947.md
deleted file mode 100644
index 94eda937dd4..00000000000
--- a/packages/manager/.changeset/pr-10824-fixed-1724428840947.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-Event handlers making a proportional number of GET requests to the number of incoming events ([#10824](https://github.com/linode/manager/pull/10824))
diff --git a/packages/manager/.changeset/pr-10826-tests-1724431261722.md b/packages/manager/.changeset/pr-10826-tests-1724431261722.md
deleted file mode 100644
index 44f90061d7f..00000000000
--- a/packages/manager/.changeset/pr-10826-tests-1724431261722.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Resolve StackScript Linode deploy test flake ([#10826](https://github.com/linode/manager/pull/10826))
diff --git a/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md b/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md
deleted file mode 100644
index 5cf22e645af..00000000000
--- a/packages/manager/.changeset/pr-10827-tech-stories-1724432793341.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Update storybook to fix IP package vulnerability ([#10827](https://github.com/linode/manager/pull/10827))
diff --git a/packages/manager/.changeset/pr-10828-fixed-1724688319150.md b/packages/manager/.changeset/pr-10828-fixed-1724688319150.md
deleted file mode 100644
index d416acf6081..00000000000
--- a/packages/manager/.changeset/pr-10828-fixed-1724688319150.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-Inaccessible, non-theme error text color in confirmation dialogs ([#10828](https://github.com/linode/manager/pull/10828))
diff --git a/packages/manager/.changeset/pr-10828-tests-1724688351092.md b/packages/manager/.changeset/pr-10828-tests-1724688351092.md
deleted file mode 100644
index 3ebde0bb023..00000000000
--- a/packages/manager/.changeset/pr-10828-tests-1724688351092.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Add unit tests for Confirmation Dialogs ([#10828](https://github.com/linode/manager/pull/10828))
diff --git a/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md b/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md
deleted file mode 100644
index 28f08628074..00000000000
--- a/packages/manager/.changeset/pr-10829-tech-stories-1724462593074.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Update jsdom to remove WS package vulnerability ([#10829](https://github.com/linode/manager/pull/10829))
diff --git a/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md b/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md
deleted file mode 100644
index 5a3b4d68cdc..00000000000
--- a/packages/manager/.changeset/pr-10830-tech-stories-1724469419694.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Dependencies updates and resolution for `braces` package vulnerability ([#10830](https://github.com/linode/manager/pull/10830))
diff --git a/packages/manager/.changeset/pr-10832-tests-1724681646686.md b/packages/manager/.changeset/pr-10832-tests-1724681646686.md
deleted file mode 100644
index bdee7bb7728..00000000000
--- a/packages/manager/.changeset/pr-10832-tests-1724681646686.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tests
----
-
-Allow region select helpers to be used with mock data ([#10832](https://github.com/linode/manager/pull/10832))
diff --git a/packages/manager/.changeset/pr-10833-fixed-1724689652747.md b/packages/manager/.changeset/pr-10833-fixed-1724689652747.md
deleted file mode 100644
index 00a3b183d68..00000000000
--- a/packages/manager/.changeset/pr-10833-fixed-1724689652747.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-CreateSSHKeyDrawer being hidden by Rebuild Linode dialog ([#10833](https://github.com/linode/manager/pull/10833))
diff --git a/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md b/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md
deleted file mode 100644
index 5ceebc8d2f3..00000000000
--- a/packages/manager/.changeset/pr-10836-tech-stories-1724703621384.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Update browserlist to latest version ([#10836](https://github.com/linode/manager/pull/10836))
diff --git a/packages/manager/.changeset/pr-10838-fixed-1724705410961.md b/packages/manager/.changeset/pr-10838-fixed-1724705410961.md
deleted file mode 100644
index 7903e0317b5..00000000000
--- a/packages/manager/.changeset/pr-10838-fixed-1724705410961.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-Firewall warning not appearing in Create Linode flow ([#10838](https://github.com/linode/manager/pull/10838))
diff --git a/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md b/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md
deleted file mode 100644
index 79a55ef77ca..00000000000
--- a/packages/manager/.changeset/pr-10840-tech-stories-1724713234913.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Tech Stories
----
-
-Tag Linode Create v2 with form events ([#10840](https://github.com/linode/manager/pull/10840))
diff --git a/packages/manager/.changeset/pr-10846-fixed-1724859567426.md b/packages/manager/.changeset/pr-10846-fixed-1724859567426.md
deleted file mode 100644
index 1c37ba54784..00000000000
--- a/packages/manager/.changeset/pr-10846-fixed-1724859567426.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/manager": Fixed
----
-
-Restricted users without account access unable to create Linodes on Linode Create v2 ([#10846](https://github.com/linode/manager/pull/10846))
diff --git a/packages/manager/CHANGELOG.md b/packages/manager/CHANGELOG.md
index d56c2f42db3..abc35edd1f6 100644
--- a/packages/manager/CHANGELOG.md
+++ b/packages/manager/CHANGELOG.md
@@ -4,6 +4,71 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [2024-09-03] - v1.127.0
+
+
+### Added:
+
+- CheckoutBar Story ([#10784](https://github.com/linode/manager/pull/10784))
+
+### Changed:
+
+- Improve support ticket form pre-population and field labels ([#10745](https://github.com/linode/manager/pull/10745))
+- Open LISH in a popup window rather than a new tab ([#10789](https://github.com/linode/manager/pull/10789))
+- Use static number of rows in column in LISH to prevent resize and cursor positioning problems ([#10789](https://github.com/linode/manager/pull/10789))
+- Move manual snapshot error message from Linode Backups page to snapshot confirmation dialog ([#10791](https://github.com/linode/manager/pull/10791))
+- "Create Volume" button text to "Add Volume" ([#10808](https://github.com/linode/manager/pull/10808))
+- Storybook navigation bar organization ([#10809](https://github.com/linode/manager/pull/10809))
+
+### Fixed:
+
+- Inability to open Object Storage folders that contain special characters ([#10819](https://github.com/linode/manager/pull/10819))
+- Event handlers making a proportional number of GET requests to the number of incoming events ([#10824](https://github.com/linode/manager/pull/10824))
+- Inaccessible, non-theme error text color in confirmation dialogs ([#10828](https://github.com/linode/manager/pull/10828))
+- CreateSSHKeyDrawer being hidden by Rebuild Linode dialog ([#10833](https://github.com/linode/manager/pull/10833))
+- Firewall warning not appearing in Create Linode flow ([#10838](https://github.com/linode/manager/pull/10838))
+- Restricted users without account access unable to create Linodes on Linode Create v2 ([#10846](https://github.com/linode/manager/pull/10846))
+
+### Tech Stories:
+
+- Improve local Storybook performance ([#10762](https://github.com/linode/manager/pull/10762))
+- Remove `patch-package` dependency ([#10800](https://github.com/linode/manager/pull/10800))
+- Update `storybook` to fix `ip` package vulnerability ([#10827](https://github.com/linode/manager/pull/10827))
+- Update `jsdom` to remove `ws` package vulnerability ([#10829](https://github.com/linode/manager/pull/10829))
+- Dependencies updates and resolution for `braces` package vulnerability ([#10830](https://github.com/linode/manager/pull/10830))
+- Update `browserlist` to latest version ([#10836](https://github.com/linode/manager/pull/10836))
+- Tag Linode Create v2 with form events ([#10840](https://github.com/linode/manager/pull/10840))
+
+### Tests:
+
+- Add test for Linode create error flows ([#10761](https://github.com/linode/manager/pull/10761))
+- Add Cypress test for Object Storage Gen2 Create flow for endpoint type E0, added unit tests for new Gen2 components ([#10774](https://github.com/linode/manager/pull/10774))
+- Add unit tests for new Gen2 components ([#10774](https://github.com/linode/manager/pull/10774))
+- Add test for Linode VPC config not recommended notices ([#10781](https://github.com/linode/manager/pull/10781))
+- Refactor StackScript create test to be resilient to Image deprecations ([#10788](https://github.com/linode/manager/pull/10788))
+- Resolve StackScripts pagination test failure ([#10811](https://github.com/linode/manager/pull/10811))
+- Add unit test cases for CheckoutBar component ([#10818](https://github.com/linode/manager/pull/10818))
+- Resolve StackScript Linode deploy test flake ([#10826](https://github.com/linode/manager/pull/10826))
+- Add unit tests for Confirmation Dialogs ([#10828](https://github.com/linode/manager/pull/10828))
+- Allow region select helpers to be used with mock data ([#10832](https://github.com/linode/manager/pull/10832))
+
+### Upcoming Features:
+
+- Enhance support for CloudPulse X-Filters ([#10769](https://github.com/linode/manager/pull/10769))
+- Hide CORS and SSL for OBJ Gen2 ([#10776](https://github.com/linode/manager/pull/10776))
+- Update DBaaS menu item with V1 or V2 capability, add mock data ([#10786](https://github.com/linode/manager/pull/10786))
+- Add “Encrypt Volume” checkbox in Edit Volume drawer ([#10787](https://github.com/linode/manager/pull/10787))
+- Update Bucket Rate Limits ([#10790](https://github.com/linode/manager/pull/10790))
+- Add "Encryption" column to Linode Volumes table ([#10793](https://github.com/linode/manager/pull/10793))
+- Add bucket management Properties Tab for Object Storage Gen2 ([#10795](https://github.com/linode/manager/pull/10795))
+- Display Endpoint Type alongside each endpoint hostname in Regions Column & Hostnames Drawers ([#10796](https://github.com/linode/manager/pull/10796))
+- Add useRegionQuery and cleanup bucket landing page ([#10801](https://github.com/linode/manager/pull/10801))
+- Add 'Encrypt Volume' checkbox to Clone Volume drawer ([#10803](https://github.com/linode/manager/pull/10803))
+- Modify CloudPulseDashboardSelect and its relevant queries to support multiple service types ([#10805](https://github.com/linode/manager/pull/10805))
+- Add new CloudPulseCustomSelect component and integrate with the global filter builder ([#10807](https://github.com/linode/manager/pull/10807))
+- Add bucket rate limit info to Object Storage Bucket Details drawer ([#10821](https://github.com/linode/manager/pull/10821))
+
+
 ## [2024-08-22] - v1.126.1
 
 ### Fix:
diff --git a/packages/manager/package.json b/packages/manager/package.json
index a7134241805..b9d8690d519 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -2,7 +2,7 @@
   "name": "linode-manager",
   "author": "Linode",
   "description": "The Linode Manager website",
-  "version": "1.126.1",
+  "version": "y",
   "private": true,
   "type": "module",
   "bugs": {
diff --git a/packages/validation/.changeset/pr-10842-fixed-1724786185430.md b/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
deleted file mode 100644
index c5cc711f3ad..00000000000
--- a/packages/validation/.changeset/pr-10842-fixed-1724786185430.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@linode/validation": Fixed
----
-
-Lack of `label` error validation for letter casing and symbols when creating Object Storage bucket ([#10842](https://github.com/linode/manager/pull/10842), [#10847](https://github.com/linode/manager/pull/10847))
diff --git a/packages/validation/CHANGELOG.md b/packages/validation/CHANGELOG.md
index b71b911287f..1160cd22c08 100644
--- a/packages/validation/CHANGELOG.md
+++ b/packages/validation/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [2024-09-03] - v0.52.0
+
+
+### Fixed:
+
+- Lack of `label` error validation for letter casing and symbols when creating Object Storage bucket ([#10842](https://github.com/linode/manager/pull/10842), [#10847](https://github.com/linode/manager/pull/10847))
+
 ## [2024-08-05] - v0.51.0
 
 
diff --git a/packages/validation/package.json b/packages/validation/package.json
index 285493a1b04..2549dccaee2 100644
--- a/packages/validation/package.json
+++ b/packages/validation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@linode/validation",
-  "version": "0.51.0",
+  "version": "y",
   "description": "Yup validation schemas for use with the Linode APIv4",
   "type": "module",
   "main": "lib/index.cjs",

From def0778127234b318e2a1b69a29a087de50fd012 Mon Sep 17 00:00:00 2001
From: Alban Bailly <abailly@akamai.com>
Date: Thu, 29 Aug 2024 10:35:27 -0400
Subject: [PATCH 46/49] Fix package.json versions

---
 packages/api-v4/package.json     | 2 +-
 packages/manager/package.json    | 2 +-
 packages/validation/package.json | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/api-v4/package.json b/packages/api-v4/package.json
index 2b6b3b95700..e692d259f3d 100644
--- a/packages/api-v4/package.json
+++ b/packages/api-v4/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@linode/api-v4",
-  "version": "y",
+  "version": "0.125.0",
   "homepage": "https://github.com/linode/manager/tree/develop/packages/api-v4",
   "bugs": {
     "url": "https://github.com/linode/manager/issues"
diff --git a/packages/manager/package.json b/packages/manager/package.json
index b9d8690d519..c7de8fa0381 100644
--- a/packages/manager/package.json
+++ b/packages/manager/package.json
@@ -2,7 +2,7 @@
   "name": "linode-manager",
   "author": "Linode",
   "description": "The Linode Manager website",
-  "version": "y",
+  "version": "1.127.0",
   "private": true,
   "type": "module",
   "bugs": {
diff --git a/packages/validation/package.json b/packages/validation/package.json
index 2549dccaee2..477bc81f799 100644
--- a/packages/validation/package.json
+++ b/packages/validation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@linode/validation",
-  "version": "y",
+  "version": "0.52.0",
   "description": "Yup validation schemas for use with the Linode APIv4",
   "type": "module",
   "main": "lib/index.cjs",

From 2986d19d655340170f1caac72706295ae19eff93 Mon Sep 17 00:00:00 2001
From: jmarmolm <jmarmolm@akamai.com>
Date: Tue, 3 Sep 2024 11:11:20 -0400
Subject: [PATCH 47/49] change: increased block storage max volume size to 16TB
 (#10865)

* new: increased block storage max volume size to 16TB

* Update changelogs

---------

Co-authored-by: Jaalah Ramos <jaalah.ramos@gmail.com>
---
 packages/api-v4/CHANGELOG.md         | 1 +
 packages/api-v4/src/constants.ts     | 2 +-
 packages/manager/CHANGELOG.md        | 1 +
 packages/manager/src/constants.ts    | 2 +-
 packages/validation/CHANGELOG.md     | 6 +++++-
 packages/validation/src/constants.ts | 2 +-
 6 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/api-v4/CHANGELOG.md b/packages/api-v4/CHANGELOG.md
index ad18b28f4b9..e897c5dcad3 100644
--- a/packages/api-v4/CHANGELOG.md
+++ b/packages/api-v4/CHANGELOG.md
@@ -8,6 +8,7 @@
 ### Changed:
 
 - Deprecate `getClusters` ([#10801](https://github.com/linode/manager/pull/10801))
+- Increase block storage max volume size to 16TB ([#10865](https://github.com/linode/manager/pull/10865))
 
 ### Upcoming Features:
 
diff --git a/packages/api-v4/src/constants.ts b/packages/api-v4/src/constants.ts
index ed26b4f7482..73a67980fda 100644
--- a/packages/api-v4/src/constants.ts
+++ b/packages/api-v4/src/constants.ts
@@ -4,4 +4,4 @@ export const BETA_API_ROOT = API_ROOT + 'beta';
 // Value from  1-4 reflecting a minimum score from zxcvbn
 export const MINIMUM_PASSWORD_STRENGTH = 4;
 
-export const MAX_VOLUME_SIZE = 10240;
+export const MAX_VOLUME_SIZE = 16384;
diff --git a/packages/manager/CHANGELOG.md b/packages/manager/CHANGELOG.md
index abc35edd1f6..ffcc8ea809e 100644
--- a/packages/manager/CHANGELOG.md
+++ b/packages/manager/CHANGELOG.md
@@ -19,6 +19,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - Move manual snapshot error message from Linode Backups page to snapshot confirmation dialog ([#10791](https://github.com/linode/manager/pull/10791))
 - "Create Volume" button text to "Add Volume" ([#10808](https://github.com/linode/manager/pull/10808))
 - Storybook navigation bar organization ([#10809](https://github.com/linode/manager/pull/10809))
+- Increase block storage max volume size to 16TB ([#10865](https://github.com/linode/manager/pull/10865))
 
 ### Fixed:
 
diff --git a/packages/manager/src/constants.ts b/packages/manager/src/constants.ts
index 5f670a92209..1d01abb8eaa 100644
--- a/packages/manager/src/constants.ts
+++ b/packages/manager/src/constants.ts
@@ -88,7 +88,7 @@ export const DATETIME_DISPLAY_FORMAT = 'yyyy-MM-dd HH:mm';
 export const ISO_DATE_FORMAT = 'yyyy-MM-dd';
 export const ISO_DATETIME_NO_TZ_FORMAT = "yyyy-MM-dd'T'HH:mm:ss";
 
-export const MAX_VOLUME_SIZE = 10240;
+export const MAX_VOLUME_SIZE = 16384;
 
 /**
  * As per the current support polocy
diff --git a/packages/validation/CHANGELOG.md b/packages/validation/CHANGELOG.md
index 1160cd22c08..9b6a47f0457 100644
--- a/packages/validation/CHANGELOG.md
+++ b/packages/validation/CHANGELOG.md
@@ -5,6 +5,10 @@
 
 - Lack of `label` error validation for letter casing and symbols when creating Object Storage bucket ([#10842](https://github.com/linode/manager/pull/10842), [#10847](https://github.com/linode/manager/pull/10847))
 
+### Changed:
+
+- Increase block storage max volume size to 16TB ([#10865](https://github.com/linode/manager/pull/10865))
+
 ## [2024-08-05] - v0.51.0
 
 
@@ -33,7 +37,7 @@
 ### Changed:
 
 - Breaking: change Placement Group `is_strict` to `placement_group_policy` and `affinity_type` to `placement_group_type` ([#10651](https://github.com/linode/manager/pull/10651))
-  
+
 ## [2024-07-08] - v0.49.0
 
 ### Added:
diff --git a/packages/validation/src/constants.ts b/packages/validation/src/constants.ts
index 22dedfa50fc..39b605fcb2b 100644
--- a/packages/validation/src/constants.ts
+++ b/packages/validation/src/constants.ts
@@ -1 +1 @@
-export const MAX_VOLUME_SIZE = 10240;
+export const MAX_VOLUME_SIZE = 16384;

From cec1df40d18448d6b9b8fb993693f28607cebc54 Mon Sep 17 00:00:00 2001
From: Connie Liu <139280159+coliu-akamai@users.noreply.github.com>
Date: Tue, 3 Sep 2024 11:42:48 -0400
Subject: [PATCH 48/49] Update changelog to use correct PR number for Upcoming
 Features entry (#10873)

---
 packages/manager/CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manager/CHANGELOG.md b/packages/manager/CHANGELOG.md
index ffcc8ea809e..879802e170d 100644
--- a/packages/manager/CHANGELOG.md
+++ b/packages/manager/CHANGELOG.md
@@ -61,7 +61,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - Add “Encrypt Volume” checkbox in Edit Volume drawer ([#10787](https://github.com/linode/manager/pull/10787))
 - Update Bucket Rate Limits ([#10790](https://github.com/linode/manager/pull/10790))
 - Add "Encryption" column to Linode Volumes table ([#10793](https://github.com/linode/manager/pull/10793))
-- Add bucket management Properties Tab for Object Storage Gen2 ([#10795](https://github.com/linode/manager/pull/10795))
+- Add bucket management Properties Tab for Object Storage Gen2 ([#10797](https://github.com/linode/manager/pull/10797))
 - Display Endpoint Type alongside each endpoint hostname in Regions Column & Hostnames Drawers ([#10796](https://github.com/linode/manager/pull/10796))
 - Add useRegionQuery and cleanup bucket landing page ([#10801](https://github.com/linode/manager/pull/10801))
 - Add 'Encrypt Volume' checkbox to Clone Volume drawer ([#10803](https://github.com/linode/manager/pull/10803))

From ffa43bb2eb44d740e3025e96c248be06b85527e2 Mon Sep 17 00:00:00 2001
From: Jaalah Ramos <jaalah.ramos@gmail.com>
Date: Tue, 3 Sep 2024 15:25:30 -0400
Subject: [PATCH 49/49] fix: cherry-picked our changes to feature flag rate
 limit text

---
 .../BucketLanding/BucketDetailsDrawer.tsx            | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
index 7b774484f9e..0b4109f8eca 100644
--- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
+++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx
@@ -59,6 +59,12 @@ export const BucketDetailsDrawer = React.memo(
       account?.capabilities ?? []
     );
 
+    const isObjectStorageGen2Enabled = isFeatureEnabledV2(
+      'Object Storage Endpoint Types',
+      Boolean(flags.objectStorageGen2?.enabled),
+      account?.capabilities ?? []
+    );
+
     // @TODO OBJGen2 - We could clean this up when OBJ Gen2 is in GA.
     const { data: clusters } = useObjectStorageClusters(
       !isObjMultiClusterEnabled
@@ -141,7 +147,7 @@ export const BucketDetailsDrawer = React.memo(
         )}
         {/* @TODO OBJ Multicluster: use region instead of cluster if isObjMultiClusterEnabled
          to getBucketAccess and updateBucketAccess.  */}
-        {
+        {isObjectStorageGen2Enabled && (
           <>
             <Typography data-testid="bucketRateLimit" variant="h3">
               Bucket Rate Limits
@@ -154,9 +160,9 @@ export const BucketDetailsDrawer = React.memo(
                 <Link to="#">Understand bucket rate limits</Link>.
               </Typography>
             )}
+            <Divider spacingBottom={16} spacingTop={16} />
           </>
-        }
-        {<Divider spacingBottom={16} spacingTop={16} />}
+        )}
         {cluster && label && (
           <AccessSelect
             getAccess={() =>