From 08e269ecbbb3462b7e3ba61799bdbb5c203dd421 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 10:36:08 +0200
Subject: [PATCH 01/16] refactor(sanity): update bundles metada to releases
 metadata

---
 .../_singletons/context/BundlesMetadataContext.ts    | 12 ------------
 .../_singletons/context/ReleasesMetadataContext.ts   | 12 ++++++++++++
 packages/sanity/src/_singletons/index.ts             |  2 +-
 ...dataProvider.tsx => ReleasesMetadataProvider.tsx} | 12 ++++++------
 .../core/releases/plugin/ReleasesStudioLayout.tsx    |  2 +-
 .../src/core/releases/tool/useBundlesMetadata.ts     |  2 +-
 6 files changed, 21 insertions(+), 21 deletions(-)
 delete mode 100644 packages/sanity/src/_singletons/context/BundlesMetadataContext.ts
 create mode 100644 packages/sanity/src/_singletons/context/ReleasesMetadataContext.ts
 rename packages/sanity/src/core/releases/contexts/{BundlesMetadataProvider.tsx => ReleasesMetadataProvider.tsx} (89%)

diff --git a/packages/sanity/src/_singletons/context/BundlesMetadataContext.ts b/packages/sanity/src/_singletons/context/BundlesMetadataContext.ts
deleted file mode 100644
index f57635eda1d..00000000000
--- a/packages/sanity/src/_singletons/context/BundlesMetadataContext.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {createContext} from 'sanity/_createContext'
-
-import type {BundlesMetadataContextValue} from '../../core/releases/contexts/BundlesMetadataProvider'
-
-/**
- * @internal
- * @hidden
- */
-export const BundlesMetadataContext = createContext<BundlesMetadataContextValue | null>(
-  'sanity/_singletons/context/bundles-metadata',
-  null,
-)
diff --git a/packages/sanity/src/_singletons/context/ReleasesMetadataContext.ts b/packages/sanity/src/_singletons/context/ReleasesMetadataContext.ts
new file mode 100644
index 00000000000..cbe9a7b726e
--- /dev/null
+++ b/packages/sanity/src/_singletons/context/ReleasesMetadataContext.ts
@@ -0,0 +1,12 @@
+import {createContext} from 'sanity/_createContext'
+
+import type {ReleasesMetadataContextValue} from '../../core/releases/contexts/ReleasesMetadataProvider'
+
+/**
+ * @internal
+ * @hidden
+ */
+export const ReleasesMetadataContext = createContext<ReleasesMetadataContextValue | null>(
+  'sanity/_singletons/context/releases-metadata',
+  null,
+)
diff --git a/packages/sanity/src/_singletons/index.ts b/packages/sanity/src/_singletons/index.ts
index b61d32838f2..eef15b098d0 100644
--- a/packages/sanity/src/_singletons/index.ts
+++ b/packages/sanity/src/_singletons/index.ts
@@ -1,6 +1,5 @@
 export * from './context/ActiveWorkspaceMatcherContext'
 export * from './context/AddonDatasetContext'
-export * from './context/BundlesMetadataContext'
 export * from './context/CalendarContext'
 export * from './context/ChangeIndicatorTrackerContexts'
 export * from './context/ColorSchemeSetValueContext'
@@ -44,6 +43,7 @@ export * from './context/PresenceTrackerContexts'
 export * from './context/PreviewCardContext'
 export * from './context/ReferenceInputOptionsContext'
 export * from './context/ReferenceItemRefContext'
+export * from './context/ReleasesMetadataContext'
 export * from './context/ReleasesTableContext'
 export * from './context/ResourceCacheContext'
 export * from './context/ReviewChangesContext'
diff --git a/packages/sanity/src/core/releases/contexts/BundlesMetadataProvider.tsx b/packages/sanity/src/core/releases/contexts/ReleasesMetadataProvider.tsx
similarity index 89%
rename from packages/sanity/src/core/releases/contexts/BundlesMetadataProvider.tsx
rename to packages/sanity/src/core/releases/contexts/ReleasesMetadataProvider.tsx
index f01fd7da60e..065d9f51fd8 100644
--- a/packages/sanity/src/core/releases/contexts/BundlesMetadataProvider.tsx
+++ b/packages/sanity/src/core/releases/contexts/ReleasesMetadataProvider.tsx
@@ -1,7 +1,7 @@
 import {useCallback, useContext, useEffect, useMemo, useState} from 'react'
 import {useObservable} from 'react-rx'
 import {useBundlesStore} from 'sanity'
-import {BundlesMetadataContext} from 'sanity/_singletons'
+import {ReleasesMetadataContext} from 'sanity/_singletons'
 
 import {type MetadataWrapper} from '../../store/bundles/createBundlesMetadataAggregator'
 import {type BundlesMetadata} from '../tool/useBundlesMetadata'
@@ -9,7 +9,7 @@ import {type BundlesMetadata} from '../tool/useBundlesMetadata'
 /**
  * @internal
  */
-export interface BundlesMetadataContextValue {
+export interface ReleasesMetadataContextValue {
   state: MetadataWrapper
   addBundleIdsToListener: (slugs: string[]) => void
   removeBundleIdsFromListener: (slugs: string[]) => void
@@ -88,20 +88,20 @@ const BundlesMetadataProviderInner = ({children}: {children: React.ReactNode}) =
   )
 
   return (
-    <BundlesMetadataContext.Provider value={context}>{children}</BundlesMetadataContext.Provider>
+    <ReleasesMetadataContext.Provider value={context}>{children}</ReleasesMetadataContext.Provider>
   )
 }
 
 export const BundlesMetadataProvider = ({children}: {children: React.ReactNode}) => {
-  const context = useContext(BundlesMetadataContext)
+  const context = useContext(ReleasesMetadataContext)
 
   // Avoid mounting the provider if it's already provided by a parent
   if (context) return children
   return <BundlesMetadataProviderInner>{children}</BundlesMetadataProviderInner>
 }
 
-export const useBundlesMetadataProvider = (): BundlesMetadataContextValue => {
-  const contextValue = useContext(BundlesMetadataContext)
+export const useBundlesMetadataProvider = (): ReleasesMetadataContextValue => {
+  const contextValue = useContext(ReleasesMetadataContext)
 
   return (
     contextValue || {
diff --git a/packages/sanity/src/core/releases/plugin/ReleasesStudioLayout.tsx b/packages/sanity/src/core/releases/plugin/ReleasesStudioLayout.tsx
index b946153f9c5..41abcbd8b91 100644
--- a/packages/sanity/src/core/releases/plugin/ReleasesStudioLayout.tsx
+++ b/packages/sanity/src/core/releases/plugin/ReleasesStudioLayout.tsx
@@ -1,6 +1,6 @@
 import {type LayoutProps} from '../../config'
 import {AddonDatasetProvider} from '../../studio'
-import {BundlesMetadataProvider} from '../contexts/BundlesMetadataProvider'
+import {BundlesMetadataProvider} from '../contexts/ReleasesMetadataProvider'
 
 export function ReleasesStudioLayout(props: LayoutProps) {
   // TODO: Replace for useReleasesEnabled
diff --git a/packages/sanity/src/core/releases/tool/useBundlesMetadata.ts b/packages/sanity/src/core/releases/tool/useBundlesMetadata.ts
index cf4e9378690..318ce2eb560 100644
--- a/packages/sanity/src/core/releases/tool/useBundlesMetadata.ts
+++ b/packages/sanity/src/core/releases/tool/useBundlesMetadata.ts
@@ -1,6 +1,6 @@
 import {useEffect, useState} from 'react'
 
-import {useBundlesMetadataProvider} from '../contexts/BundlesMetadataProvider'
+import {useBundlesMetadataProvider} from '../contexts/ReleasesMetadataProvider'
 
 export interface BundlesMetadata {
   /**

From 9822704533d7e169a8ab458a9a98df3c19aa35d1 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 10:47:55 +0200
Subject: [PATCH 02/16] refactor(sanity): rename bundlebadge to releasebadge

---
 .../core/bundles/components/BundlesMenu.tsx   |  4 +--
 .../{BundleBadge.tsx => ReleaseBadge.tsx}     |  4 +--
 .../dialog/BundleIconEditorPicker.tsx         |  4 +--
 .../dialog/__tests__/BundleForm.test.tsx      | 26 +++++++++----------
 .../src/core/bundles/components/index.ts      |  2 +-
 packages/sanity/src/core/index.ts             |  2 +-
 .../overview/ReleasesOverviewColumnDefs.tsx   |  4 +--
 .../perspective/GlobalPerspectiveMenu.tsx     |  4 +--
 .../perspective/DocumentPerspectiveMenu.tsx   | 10 +++++--
 9 files changed, 33 insertions(+), 27 deletions(-)
 rename packages/sanity/src/core/bundles/components/{BundleBadge.tsx => ReleaseBadge.tsx} (96%)

diff --git a/packages/sanity/src/core/bundles/components/BundlesMenu.tsx b/packages/sanity/src/core/bundles/components/BundlesMenu.tsx
index 402c22e1b9c..bf44bf949c1 100644
--- a/packages/sanity/src/core/bundles/components/BundlesMenu.tsx
+++ b/packages/sanity/src/core/bundles/components/BundlesMenu.tsx
@@ -11,7 +11,7 @@ import {useBundles} from '../../store/bundles/useBundles'
 import {usePerspective} from '../hooks'
 import {LATEST} from '../util/const'
 import {isDraftOrPublished} from '../util/util'
-import {BundleBadge} from './BundleBadge'
+import {ReleaseBadge} from './ReleaseBadge'
 
 const StyledMenu = styled(Menu)`
   min-width: 200px;
@@ -103,7 +103,7 @@ export const BundlesMenu = memo(function BundlesMenu(props: BundleListProps): Re
                             placement="bottom-start"
                           >
                             <Flex>
-                              <BundleBadge
+                              <ReleaseBadge
                                 hue={bundle.hue}
                                 icon={bundle.icon}
                                 padding={2}
diff --git a/packages/sanity/src/core/bundles/components/BundleBadge.tsx b/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
similarity index 96%
rename from packages/sanity/src/core/bundles/components/BundleBadge.tsx
rename to packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
index 529cc867adc..1f32f4f5c16 100644
--- a/packages/sanity/src/core/bundles/components/BundleBadge.tsx
+++ b/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
@@ -27,7 +27,7 @@ const BadgeRoot = styled(Flex)<{
 /**
  * @internal
  */
-export function BundleBadge(
+export function ReleaseBadge(
   props: Partial<
     BundleDocument & {
       icon: IconSymbol
@@ -45,7 +45,7 @@ export function BundleBadge(
     <BadgeRoot
       gap={padding}
       padding={padding}
-      data-testid={`bundle-badge-color-${hue}`}
+      data-testid={`release-badge-color-${hue}`}
       $hue={hue}
       $isDisabled={isDisabled}
     >
diff --git a/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx b/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx
index 4288e580e59..aedf30befa0 100644
--- a/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx
@@ -7,7 +7,7 @@ import {styled} from 'styled-components'
 
 import {Button, Popover, TooltipDelayGroupProvider} from '../../../../ui-components'
 import {type BundleDocument} from '../../../store/bundles/types'
-import {BundleBadge} from '../BundleBadge'
+import {ReleaseBadge} from '../ReleaseBadge'
 
 const StyledStack = styled(Stack)`
   border-top: 1px solid var(--card-border-color);
@@ -134,7 +134,7 @@ export function BundleIconEditorPicker(props: {
           data-testid="icon-picker-button"
         >
           <Box style={{margin: -8}}>
-            <BundleBadge hue={value.hue} icon={value.icon} />
+            <ReleaseBadge hue={value.hue} icon={value.icon} />
           </Box>
         </Button>
       </div>
diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx
index 9339b53b7a5..04b978ebf52 100644
--- a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx
@@ -68,41 +68,41 @@ describe('BundleForm', () => {
     })
 
     it('should render the form fields', () => {
-      expect(screen.getByTestId('bundle-form-title')).toBeInTheDocument()
-      expect(screen.getByTestId('bundle-form-description')).toBeInTheDocument()
-      //expect(screen.getByTestId('bundle-form-publish-at')).toBeInTheDocument()
+      expect(screen.getByTestId('release-form-title')).toBeInTheDocument()
+      expect(screen.getByTestId('release-form-description')).toBeInTheDocument()
+      //expect(screen.getByTestId('release-form-publish-at')).toBeInTheDocument()
     })
 
     it('should call onChange when title input value changes', () => {
-      const titleInput = screen.getByTestId('bundle-form-title')
+      const titleInput = screen.getByTestId('release-form-title')
       fireEvent.change(titleInput, {target: {value: 'Bundle 1'}})
 
       expect(onChangeMock).toHaveBeenCalledWith({...valueMock, title: 'Bundle 1'})
     })
 
     it('should call onChange when description textarea value changes', () => {
-      const descriptionTextarea = screen.getByTestId('bundle-form-description')
+      const descriptionTextarea = screen.getByTestId('release-form-description')
       fireEvent.change(descriptionTextarea, {target: {value: 'New Description'}})
 
       expect(onChangeMock).toHaveBeenCalledWith({...valueMock, description: 'New Description'})
     })
 
     /*it('should call onChange when publishAt input value changes', () => {
-    const publishAtInput = screen.getByTestId('bundle-form-publish-at')
+    const publishAtInput = screen.getByTestId('release-form-publish-at')
     fireEvent.change(publishAtInput, {target: {value: '2022-01-01'}})
 
     expect(onChangeMock).toHaveBeenCalledWith({...valueMock, publishAt: '2022-01-01'})
   })
 
   it('should call onChange with undefined when publishAt input value is empty', () => {
-    const publishAtInput = screen.getByTestId('bundle-form-publish-at')
+    const publishAtInput = screen.getByTestId('release-form-publish-at')
     fireEvent.change(publishAtInput, {target: {value: ' '}})
 
     expect(onChangeMock).toHaveBeenCalledWith({...valueMock, publishAt: ''})
   })*/
 
     /*it('should show an error when the publishAt input value is invalid', () => {
-    const publishAtInput = screen.getByTestId('bundle-form-publish-at')
+    const publishAtInput = screen.getByTestId('release-form-publish-at')
     fireEvent.change(publishAtInput, {target: {value: 'invalid-date'}})
 
     expect(screen.getByTestId('input-validation-icon-error')).toBeInTheDocument()
@@ -155,7 +155,7 @@ describe('BundleForm', () => {
     })
 
     it('should allow for any title to be used', async () => {
-      const titleInput = screen.getByTestId('bundle-form-title')
+      const titleInput = screen.getByTestId('release-form-title')
       expect(titleInput).toHaveValue(existingBundleValue.title)
       // the slug of this title already exists,
       // but the slug for the existing edited bundle will not be changed
@@ -165,12 +165,12 @@ describe('BundleForm', () => {
     })
 
     it('should populate the form with the existing bundle values', () => {
-      expect(screen.getByTestId('bundle-form-title')).toHaveValue(existingBundleValue.title)
-      expect(screen.getByTestId('bundle-form-description')).toHaveValue(
+      expect(screen.getByTestId('release-form-title')).toHaveValue(existingBundleValue.title)
+      expect(screen.getByTestId('release-form-description')).toHaveValue(
         existingBundleValue.description,
       )
-      screen.getByTestId('bundle-badge-color-magenta')
-      screen.getByTestId('bundle-badge-icon-heart-filled')
+      screen.getByTestId('release-badge-color-magenta')
+      screen.getByTestId('release-badge-icon-heart-filled')
     })
   })
 })
diff --git a/packages/sanity/src/core/bundles/components/index.ts b/packages/sanity/src/core/bundles/components/index.ts
index 1d65239d954..3e293e8c4f7 100644
--- a/packages/sanity/src/core/bundles/components/index.ts
+++ b/packages/sanity/src/core/bundles/components/index.ts
@@ -1,3 +1,3 @@
-export * from './BundleBadge'
 export * from './BundlesMenu'
 export * from './panes/BundleActions'
+export * from './ReleaseBadge'
diff --git a/packages/sanity/src/core/index.ts b/packages/sanity/src/core/index.ts
index 1ad13634a2d..92ebe717704 100644
--- a/packages/sanity/src/core/index.ts
+++ b/packages/sanity/src/core/index.ts
@@ -1,9 +1,9 @@
 export {
   BundleActions,
-  BundleBadge,
   BundlesMenu,
   getDocumentIsInPerspective,
   LATEST,
+  ReleaseBadge,
   useDocumentVersions,
   usePerspective,
 } from './bundles'
diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverviewColumnDefs.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverviewColumnDefs.tsx
index 1e09d6175cd..9bf6263c364 100644
--- a/packages/sanity/src/core/releases/tool/overview/ReleasesOverviewColumnDefs.tsx
+++ b/packages/sanity/src/core/releases/tool/overview/ReleasesOverviewColumnDefs.tsx
@@ -3,7 +3,7 @@ import {type TFunction, Translate, useTranslation} from 'sanity'
 import {useRouter} from 'sanity/router'
 
 import {Tooltip} from '../../../../ui-components'
-import {BundleBadge} from '../../../bundles'
+import {ReleaseBadge} from '../../../bundles'
 import {RelativeTime, UserAvatar} from '../../../components'
 import {type TableRowProps} from '../../components/Table/Table'
 import {Headers} from '../../components/Table/TableHeader'
@@ -36,7 +36,7 @@ const ReleaseNameCell: Column<TableBundle>['cell'] = ({cellProps, datum: bundle}
         <Card {...cardProps} padding={2} radius={2}>
           <Flex align="center" gap={2}>
             <Box flex="none">
-              <BundleBadge hue={bundle.hue} icon={bundle.icon} />
+              <ReleaseBadge hue={bundle.hue} icon={bundle.icon} />
             </Box>
             <Stack flex={1} space={2}>
               <Flex align="center" gap={2}>
diff --git a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
index 04b1b88e138..b5667262f05 100644
--- a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
@@ -5,9 +5,9 @@ import {useCallback, useMemo, useState} from 'react'
 import {useTranslation} from 'sanity'
 
 import {MenuItem} from '../../../../../ui-components'
-import {BundleBadge} from '../../../../bundles/components/BundleBadge'
 import {BundlesMenu} from '../../../../bundles/components/BundlesMenu'
 import {BundleDetailsDialog} from '../../../../bundles/components/dialog/BundleDetailsDialog'
+import {ReleaseBadge} from '../../../../bundles/components/ReleaseBadge'
 import {usePerspective} from '../../../../bundles/hooks/usePerspective'
 import {useBundles} from '../../../../store/bundles'
 
@@ -37,7 +37,7 @@ export function GlobalPerspectiveMenu(): JSX.Element {
   const bundleMenuButton = useMemo(
     () => (
       <Button mode="bleed" padding={0} radius="full">
-        <BundleBadge hue={hue} icon={icon} openButton padding={2} title={title} />
+        <ReleaseBadge hue={hue} icon={icon} openButton padding={2} title={title} />
       </Button>
     ),
     [hue, icon, title],
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
index 4740a8fe26a..e742e2ad8ec 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
@@ -4,7 +4,13 @@ import {Box, Button} from '@sanity/ui'
 // eslint-disable-next-line camelcase
 import {getTheme_v2} from '@sanity/ui/theme'
 import {memo, useMemo} from 'react'
-import {BundleBadge, type BundleDocument, BundlesMenu, usePerspective, useTranslation} from 'sanity'
+import {
+  type BundleDocument,
+  BundlesMenu,
+  ReleaseBadge,
+  usePerspective,
+  useTranslation,
+} from 'sanity'
 import {IntentLink} from 'sanity/router'
 import {css, styled} from 'styled-components'
 
@@ -45,7 +51,7 @@ const ReleaseLink = ({release}: {release: Partial<BundleDocument>}) => {
       rel="noopener noreferrer"
       as={IntentLink}
     >
-      <BundleBadge hue={hue} title={title} icon={icon} padding={2} />
+      <ReleaseBadge hue={hue} title={title} icon={icon} padding={2} />
     </BadgeButton>
   )
 }

From bfc69d902ca1a68f585521c231a83faa4957b8a7 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 10:59:24 +0200
Subject: [PATCH 03/16] refactor(sanity): rename bundlesMenu to ReleasesMenu

---
 .../{BundlesMenu.tsx => ReleasesMenu.tsx}     |  6 ++---
 ...lesMenu.test.tsx => ReleasesMenu.test.tsx} | 26 +++++++++----------
 .../src/core/bundles/components/index.ts      |  2 +-
 packages/sanity/src/core/index.ts             |  2 +-
 .../BundleMenuButton/BundleMenuButton.tsx     |  2 +-
 .../detail/__tests__/ReleaseReview.test.tsx   |  4 +--
 .../detail/__tests__/ReleaseSummary.test.tsx  |  4 +--
 .../perspective/GlobalPerspectiveMenu.tsx     |  4 +--
 .../perspective/DocumentPerspectiveMenu.tsx   |  8 +++---
 9 files changed, 29 insertions(+), 29 deletions(-)
 rename packages/sanity/src/core/bundles/components/{BundlesMenu.tsx => ReleasesMenu.tsx} (97%)
 rename packages/sanity/src/core/bundles/components/__tests__/{BundlesMenu.test.tsx => ReleasesMenu.test.tsx} (89%)

diff --git a/packages/sanity/src/core/bundles/components/BundlesMenu.tsx b/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
similarity index 97%
rename from packages/sanity/src/core/bundles/components/BundlesMenu.tsx
rename to packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
index bf44bf949c1..68028378941 100644
--- a/packages/sanity/src/core/bundles/components/BundlesMenu.tsx
+++ b/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
@@ -33,7 +33,7 @@ interface BundleListProps {
 /**
  * @internal
  */
-export const BundlesMenu = memo(function BundlesMenu(props: BundleListProps): ReactElement {
+export const ReleasesMenu = memo(function ReleasesMenu(props: BundleListProps): ReactElement {
   const {bundles, loading, actions, button, perspective} = props
   const {deletedBundles} = useBundles()
   const {currentGlobalBundle, setPerspective} = usePerspective(perspective)
@@ -64,9 +64,9 @@ export const BundlesMenu = memo(function BundlesMenu(props: BundleListProps): Re
     <>
       <MenuButton
         button={button}
-        id="bundle-menu"
+        id="release-menu"
         menu={
-          <StyledMenu data-testid="bundle-menu">
+          <StyledMenu data-testid="release-menu">
             {loading ? (
               <Flex padding={4} justify="center" data-testid="spinner">
                 <Spinner muted />
diff --git a/packages/sanity/src/core/bundles/components/__tests__/BundlesMenu.test.tsx b/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
similarity index 89%
rename from packages/sanity/src/core/bundles/components/__tests__/BundlesMenu.test.tsx
rename to packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
index 87343ccce82..72c17a3b568 100644
--- a/packages/sanity/src/core/bundles/components/__tests__/BundlesMenu.test.tsx
+++ b/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
@@ -8,7 +8,7 @@ import {createTestProvider} from '../../../../../test/testUtils/TestProvider'
 import {Button} from '../../../../ui-components'
 import {usePerspective} from '../../hooks/usePerspective'
 import {LATEST} from '../../util/const'
-import {BundlesMenu} from '../BundlesMenu'
+import {ReleasesMenu} from '../ReleasesMenu'
 
 jest.mock('../../hooks/usePerspective', () => ({
   usePerspective: jest.fn().mockReturnValue({
@@ -27,7 +27,7 @@ jest.mock('../../../store/bundles/useBundles', () => ({
 
 const mockUseBundles = useBundles as jest.Mock<typeof useBundles>
 
-describe('BundlesMenu', () => {
+describe('ReleasesMenu', () => {
   const mockUsePerspective = usePerspective as jest.Mock
   const ButtonTest = <Button text="Button Test" />
   const mockBundles: BundleDocument[] = [
@@ -75,7 +75,7 @@ describe('BundlesMenu', () => {
 
   it('should render loading spinner when loading is true', async () => {
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={[]} loading />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={[]} loading />, {
       wrapper,
     })
 
@@ -84,14 +84,14 @@ describe('BundlesMenu', () => {
     fireEvent.click(screen.getByRole('button', {name: 'Button Test'}))
 
     act(() => {
-      expect(screen.getByTestId('bundle-menu')).toBeInTheDocument()
+      expect(screen.getByTestId('release-menu')).toBeInTheDocument()
       expect(screen.getByTestId('spinner')).toBeInTheDocument()
     })
   })
 
   it('should render latest bundle menu item when bundles are null', async () => {
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={null} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={null} loading={false} />, {
       wrapper,
     })
 
@@ -109,7 +109,7 @@ describe('BundlesMenu', () => {
       ...bundle,
       archivedAt: '2024-07-29T01:49:56.066Z',
     }))
-    render(<BundlesMenu button={ButtonTest} bundles={archivedBundles} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={archivedBundles} loading={false} />, {
       wrapper,
     })
 
@@ -128,7 +128,7 @@ describe('BundlesMenu', () => {
     })
 
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={[]} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={[]} loading={false} />, {
       wrapper,
     })
 
@@ -147,7 +147,7 @@ describe('BundlesMenu', () => {
     })
 
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
       wrapper,
     })
 
@@ -161,7 +161,7 @@ describe('BundlesMenu', () => {
 
   it('should render bundle menu items when bundles are provided', async () => {
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
       wrapper,
     })
 
@@ -182,7 +182,7 @@ describe('BundlesMenu', () => {
     })
 
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
       wrapper,
     })
 
@@ -199,7 +199,7 @@ describe('BundlesMenu', () => {
 
     const wrapper = await createTestProvider()
     render(
-      <BundlesMenu button={ButtonTest} bundles={mockBundles} loading={false} actions={actions} />,
+      <ReleasesMenu button={ButtonTest} bundles={mockBundles} loading={false} actions={actions} />,
       {
         wrapper,
       },
@@ -227,7 +227,7 @@ describe('BundlesMenu', () => {
       },
     })
     const wrapper = await createTestProvider()
-    render(<BundlesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
+    render(<ReleasesMenu button={ButtonTest} bundles={mockBundles} loading={false} />, {
       wrapper,
     })
 
@@ -254,7 +254,7 @@ describe('BundlesMenu', () => {
     })
     const wrapper = await createTestProvider()
     render(
-      <BundlesMenu
+      <ReleasesMenu
         button={ButtonTest}
         bundles={[
           ...mockBundles,
diff --git a/packages/sanity/src/core/bundles/components/index.ts b/packages/sanity/src/core/bundles/components/index.ts
index 3e293e8c4f7..6ee3e5f4116 100644
--- a/packages/sanity/src/core/bundles/components/index.ts
+++ b/packages/sanity/src/core/bundles/components/index.ts
@@ -1,3 +1,3 @@
-export * from './BundlesMenu'
 export * from './panes/BundleActions'
 export * from './ReleaseBadge'
+export * from './ReleasesMenu'
diff --git a/packages/sanity/src/core/index.ts b/packages/sanity/src/core/index.ts
index 92ebe717704..021a87d45f5 100644
--- a/packages/sanity/src/core/index.ts
+++ b/packages/sanity/src/core/index.ts
@@ -1,9 +1,9 @@
 export {
   BundleActions,
-  BundlesMenu,
   getDocumentIsInPerspective,
   LATEST,
   ReleaseBadge,
+  ReleasesMenu,
   useDocumentVersions,
   usePerspective,
 } from './bundles'
diff --git a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx b/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
index a3febb6b88e..b8cede282ac 100644
--- a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
+++ b/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
@@ -108,7 +108,7 @@ export const BundleMenuButton = ({disabled, bundle, documentCount}: BundleMenuBu
             data-testid="release-menu-button"
           />
         }
-        id="bundle-menu"
+        id="release-menu"
         menu={
           <Menu>
             <MenuItem
diff --git a/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseReview.test.tsx b/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseReview.test.tsx
index c9ca04ad766..4d9226ff358 100644
--- a/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseReview.test.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseReview.test.tsx
@@ -131,8 +131,8 @@ jest.mock('sanity/router', () => ({
   }),
 }))
 
-jest.mock('../../../../bundles/components/BundlesMenu', () => ({
-  BundlesMenu: () => <div>BundlesMenu</div>,
+jest.mock('../../../../bundles/components/ReleasesMenu', () => ({
+  ReleasesMenu: () => <div>ReleasesMenu</div>,
 }))
 
 jest.mock('../../../../preview/useObserveDocument', () => {
diff --git a/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseSummary.test.tsx b/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseSummary.test.tsx
index b740ca92459..4d16bf0136c 100644
--- a/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseSummary.test.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/__tests__/ReleaseSummary.test.tsx
@@ -23,8 +23,8 @@ jest.mock('../../../../user-color', () => ({
   useUserColor: jest.fn().mockReturnValue('red'),
 }))
 
-jest.mock('../../../../bundles/components/BundlesMenu', () => ({
-  BundlesMenu: () => <div>BundlesMenu</div>,
+jest.mock('../../../../bundles/components/ReleasesMenu', () => ({
+  ReleasesMenu: () => <div>ReleasesMenu</div>,
 }))
 
 const timeNow = new Date()
diff --git a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
index b5667262f05..6d03ef6d7b6 100644
--- a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
@@ -5,9 +5,9 @@ import {useCallback, useMemo, useState} from 'react'
 import {useTranslation} from 'sanity'
 
 import {MenuItem} from '../../../../../ui-components'
-import {BundlesMenu} from '../../../../bundles/components/BundlesMenu'
 import {BundleDetailsDialog} from '../../../../bundles/components/dialog/BundleDetailsDialog'
 import {ReleaseBadge} from '../../../../bundles/components/ReleaseBadge'
+import {ReleasesMenu} from '../../../../bundles/components/ReleasesMenu'
 import {usePerspective} from '../../../../bundles/hooks/usePerspective'
 import {useBundles} from '../../../../store/bundles'
 
@@ -52,7 +52,7 @@ export function GlobalPerspectiveMenu(): JSX.Element {
 
   return (
     <>
-      <BundlesMenu
+      <ReleasesMenu
         button={bundleMenuButton}
         bundles={menuBundles}
         loading={loading}
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
index e742e2ad8ec..04ba63fe2c9 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
@@ -6,8 +6,8 @@ import {getTheme_v2} from '@sanity/ui/theme'
 import {memo, useMemo} from 'react'
 import {
   type BundleDocument,
-  BundlesMenu,
   ReleaseBadge,
+  ReleasesMenu,
   usePerspective,
   useTranslation,
 } from 'sanity'
@@ -63,7 +63,7 @@ export const DocumentPerspectiveMenu = memo(function DocumentPerspectiveMenu() {
 
   const {documentVersions, existsInBundle} = useDocumentPane()
 
-  const bundlesMenuButton = useMemo(
+  const releasesMenuButton = useMemo(
     () => (
       <StudioButton
         tooltipProps={{content: t('bundle.version-list.tooltip')}}
@@ -81,8 +81,8 @@ export const DocumentPerspectiveMenu = memo(function DocumentPerspectiveMenu() {
       {/** TODO IS THIS STILL NEEDED? VS THE PICKER IN STUDIO NAVBAR? */}
 
       <Box flex="none">
-        <BundlesMenu
-          button={bundlesMenuButton}
+        <ReleasesMenu
+          button={releasesMenuButton}
           bundles={documentVersions}
           loading={!documentVersions}
           perspective={paneRouter.perspective}

From 679da8468d0ff0834efcd1e41421966578dd6eb1 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 11:03:05 +0200
Subject: [PATCH 04/16] refactor(sanity): rename BundleDetailsDialog to
 ReleaseDetailDialog

---
 .../{BundleDetailsDialog.tsx => ReleaseDetailsDialog.tsx} | 4 ++--
 .../dialog/__tests__/BundleDetailsDialog.test.tsx         | 8 ++++----
 .../components/BundleMenuButton/BundleMenuButton.tsx      | 4 ++--
 .../src/core/releases/tool/overview/ReleasesOverview.tsx  | 4 ++--
 .../navbar/perspective/GlobalPerspectiveMenu.tsx          | 4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)
 rename packages/sanity/src/core/bundles/components/dialog/{BundleDetailsDialog.tsx => ReleaseDetailsDialog.tsx} (96%)

diff --git a/packages/sanity/src/core/bundles/components/dialog/BundleDetailsDialog.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
similarity index 96%
rename from packages/sanity/src/core/bundles/components/dialog/BundleDetailsDialog.tsx
rename to packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
index b80964451a5..c4fd913f016 100644
--- a/packages/sanity/src/core/bundles/components/dialog/BundleDetailsDialog.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
@@ -16,14 +16,14 @@ import {usePerspective} from '../../hooks/usePerspective'
 import {createReleaseId} from '../../util/createReleaseId'
 import {BundleForm} from './BundleForm'
 
-interface BundleDetailsDialogProps {
+interface ReleaseDetailsDialogProps {
   onCancel: () => void
   onSubmit: () => void
   bundle?: BundleDocument
   origin?: OriginInfo['origin']
 }
 
-export function BundleDetailsDialog(props: BundleDetailsDialogProps): JSX.Element {
+export function ReleaseDetailsDialog(props: ReleaseDetailsDialogProps): JSX.Element {
   const {onCancel, onSubmit, bundle, origin} = props
   const toast = useToast()
   const {createBundle, updateBundle} = useBundleOperations()
diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx
index ba152e28738..669502d03bd 100644
--- a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx
@@ -5,7 +5,7 @@ import {type BundleDocument, useBundles} from 'sanity'
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
 import {useBundleOperations} from '../../../../store/bundles/useBundleOperations'
 import {usePerspective} from '../../../hooks/usePerspective'
-import {BundleDetailsDialog} from '../BundleDetailsDialog'
+import {ReleaseDetailsDialog} from '../ReleaseDetailsDialog'
 
 /*jest.mock('../../../../../core/hooks/useDateTimeFormat', () => ({
   useDateTimeFormat: jest.fn(),
@@ -31,7 +31,7 @@ jest.mock('../../../hooks/usePerspective', () => ({
 const mockUseBundleStore = useBundles as jest.Mock<typeof useBundles>
 //const mockUseDateTimeFormat = useDateTimeFormat as jest.Mock
 
-describe('BundleDetailsDialog', () => {
+describe('ReleaseDetailsDialog', () => {
   beforeEach(() => {
     jest.clearAllMocks()
   })
@@ -55,7 +55,7 @@ describe('BundleDetailsDialog', () => {
       //mockUseDateTimeFormat.mockReturnValue({format: jest.fn().mockReturnValue('Mocked date')})
 
       const wrapper = await createTestProvider()
-      render(<BundleDetailsDialog onCancel={onCancelMock} onSubmit={onSubmitMock} />, {wrapper})
+      render(<ReleaseDetailsDialog onCancel={onCancelMock} onSubmit={onSubmitMock} />, {wrapper})
     })
 
     it('should render the dialog', () => {
@@ -127,7 +127,7 @@ describe('BundleDetailsDialog', () => {
 
       const wrapper = await createTestProvider()
       render(
-        <BundleDetailsDialog
+        <ReleaseDetailsDialog
           onCancel={onCancelMock}
           onSubmit={onSubmitMock}
           bundle={existingBundleValue}
diff --git a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx b/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
index b8cede282ac..ede4417e916 100644
--- a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
+++ b/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
@@ -16,7 +16,7 @@ import {
   DeletedRelease,
   UnarchivedRelease,
 } from '../../../bundles/__telemetry__/releases.telemetry'
-import {BundleDetailsDialog} from '../../../bundles/components/dialog/BundleDetailsDialog'
+import {ReleaseDetailsDialog} from '../../../bundles/components/dialog/ReleaseDetailsDialog'
 import {Translate, useTranslation} from '../../../i18n'
 import {type BundleDocument} from '../../../store/bundles/types'
 import {useBundleOperations} from '../../../store/bundles/useBundleOperations'
@@ -164,7 +164,7 @@ export const BundleMenuButton = ({disabled, bundle, documentCount}: BundleMenuBu
         </Dialog>
       )}
       {selectedAction === 'edit' && (
-        <BundleDetailsDialog
+        <ReleaseDetailsDialog
           onCancel={resetSelectedAction}
           onSubmit={resetSelectedAction}
           bundle={bundle}
diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
index 670a7270190..9f00ed22ec8 100644
--- a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
+++ b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
@@ -4,7 +4,7 @@ import {isBefore} from 'date-fns'
 import {type MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState} from 'react'
 
 import {Button, Button as StudioButton} from '../../../../ui-components'
-import {BundleDetailsDialog} from '../../../bundles/components/dialog/BundleDetailsDialog'
+import {ReleaseDetailsDialog} from '../../../bundles/components/dialog/ReleaseDetailsDialog'
 import {useTranslation} from '../../../i18n'
 import {type BundleDocument, useBundles} from '../../../store'
 import {BundleMenuButton} from '../../components/BundleMenuButton/BundleMenuButton'
@@ -144,7 +144,7 @@ export function ReleasesOverview() {
     if (!isCreateBundleDialogOpen) return null
 
     return (
-      <BundleDetailsDialog
+      <ReleaseDetailsDialog
         onCancel={() => setIsCreateBundleDialogOpen(false)}
         onSubmit={() => setIsCreateBundleDialogOpen(false)}
         origin="release-plugin"
diff --git a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
index 6d03ef6d7b6..131bae71092 100644
--- a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
@@ -5,7 +5,7 @@ import {useCallback, useMemo, useState} from 'react'
 import {useTranslation} from 'sanity'
 
 import {MenuItem} from '../../../../../ui-components'
-import {BundleDetailsDialog} from '../../../../bundles/components/dialog/BundleDetailsDialog'
+import {ReleaseDetailsDialog} from '../../../../bundles/components/dialog/ReleaseDetailsDialog'
 import {ReleaseBadge} from '../../../../bundles/components/ReleaseBadge'
 import {ReleasesMenu} from '../../../../bundles/components/ReleasesMenu'
 import {usePerspective} from '../../../../bundles/hooks/usePerspective'
@@ -60,7 +60,7 @@ export function GlobalPerspectiveMenu(): JSX.Element {
       />
 
       {createBundleDialogOpen && (
-        <BundleDetailsDialog onCancel={handleClose} onSubmit={handleClose} origin="structure" />
+        <ReleaseDetailsDialog onCancel={handleClose} onSubmit={handleClose} origin="structure" />
       )}
     </>
   )

From 6c313dd14c3f5daecd076cae53962ef9cb4255dc Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 11:33:16 +0200
Subject: [PATCH 05/16] refactor(sanity): rename bundleForm to ReleaseForm

---
 .../dialog/ReleaseDetailsDialog.tsx           |  2 +-
 .../{BundleForm.tsx => ReleaseForm.tsx}       |  6 ++---
 ...ndleForm.test.tsx => ReleaseForm.test.tsx} | 27 +++++++++----------
 .../__workshop__/BundlesStoreStory.tsx        |  2 +-
 4 files changed, 17 insertions(+), 20 deletions(-)
 rename packages/sanity/src/core/bundles/components/dialog/{BundleForm.tsx => ReleaseForm.tsx} (97%)
 rename packages/sanity/src/core/bundles/components/dialog/__tests__/{BundleForm.test.tsx => ReleaseForm.test.tsx} (92%)

diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
index c4fd913f016..351e15b32cb 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
@@ -14,7 +14,7 @@ import {
 } from '../../__telemetry__/releases.telemetry'
 import {usePerspective} from '../../hooks/usePerspective'
 import {createReleaseId} from '../../util/createReleaseId'
-import {BundleForm} from './BundleForm'
+import {BundleForm} from './ReleaseForm'
 
 interface ReleaseDetailsDialogProps {
   onCancel: () => void
diff --git a/packages/sanity/src/core/bundles/components/dialog/BundleForm.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
similarity index 97%
rename from packages/sanity/src/core/bundles/components/dialog/BundleForm.tsx
rename to packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
index bc39cf95bf7..d7b2b1fc998 100644
--- a/packages/sanity/src/core/bundles/components/dialog/BundleForm.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
@@ -28,7 +28,7 @@ export const DEFAULT_BUNDLE: BaseBundleDocument = {
   icon: 'cube',
 }
 
-export function BundleForm(props: {
+export function ReleaseForm(props: {
   onChange: (params: FormBundleDocument) => void
   value: FormBundleDocument
 }): JSX.Element {
@@ -103,7 +103,7 @@ export function BundleForm(props: {
       <Stack space={3}>
         <FormFieldHeaderText title={t('bundle.form.title')} validation={titleErrors} />
         <TextInput
-          data-testid="bundle-form-title"
+          data-testid="release-form-title"
           onChange={handleBundleTitleChange}
           customValidity={titleErrors.length > 0 ? 'error' : undefined}
           value={title}
@@ -117,7 +117,7 @@ export function BundleForm(props: {
         <TextArea
           onChange={handleBundleDescriptionChange}
           value={description}
-          data-testid="bundle-form-description"
+          data-testid="release-form-description"
         />
       </Stack>
 
diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseForm.test.tsx
similarity index 92%
rename from packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx
rename to packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseForm.test.tsx
index 04b978ebf52..4514bad23bb 100644
--- a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleForm.test.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseForm.test.tsx
@@ -4,7 +4,7 @@ import {type BundleDocument, type FormBundleDocument, useDateTimeFormat} from 's
 
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
 import {useBundles} from '../../../../store/bundles'
-import {BundleForm} from '../BundleForm'
+import {ReleaseForm} from '../ReleaseForm'
 
 jest.mock('../../../../../core/hooks/useDateTimeFormat', () => ({
   useDateTimeFormat: jest.fn(),
@@ -17,7 +17,7 @@ jest.mock('../../../../store/bundles', () => ({
 const mockUseBundleStore = useBundles as jest.Mock<typeof useBundles>
 const mockUseDateTimeFormat = useDateTimeFormat as jest.Mock
 
-describe('BundleForm', () => {
+describe('ReleaseForm', () => {
   const onChangeMock = jest.fn()
   const onErrorMock = jest.fn()
   const valueMock: FormBundleDocument = {
@@ -62,7 +62,7 @@ describe('BundleForm', () => {
       mockUseDateTimeFormat.mockReturnValue({format: jest.fn().mockReturnValue('Mocked date')})
 
       const wrapper = await createTestProvider()
-      render(<BundleForm onChange={onChangeMock} value={valueMock} onError={onErrorMock} />, {
+      render(<ReleaseForm onChange={onChangeMock} value={valueMock} />, {
         wrapper,
       })
     })
@@ -136,22 +136,19 @@ describe('BundleForm', () => {
         },
         // Add more mock data if needed
       ]
-      mockUseBundleStore.mockReturnValue({data: mockData, loading: false, dispatch: jest.fn()})
+      mockUseBundleStore.mockReturnValue({
+        data: mockData,
+        loading: false,
+        dispatch: jest.fn(),
+        deletedBundles: {} as Record<string, BundleDocument>,
+      })
 
       mockUseDateTimeFormat.mockReturnValue({format: jest.fn().mockReturnValue('Mocked date')})
 
       const wrapper = await createTestProvider()
-      render(
-        <BundleForm
-          onChange={onChangeMock}
-          value={existingBundleValue}
-          onError={onErrorMock}
-          action="edit"
-        />,
-        {
-          wrapper,
-        },
-      )
+      render(<ReleaseForm onChange={onChangeMock} value={existingBundleValue} />, {
+        wrapper,
+      })
     })
 
     it('should allow for any title to be used', async () => {
diff --git a/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx b/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
index 60fcd577bae..fc391c4a20e 100644
--- a/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
+++ b/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
@@ -2,7 +2,7 @@ import {Card, Flex, Stack, Text} from '@sanity/ui'
 import {type ComponentType, type FormEvent, useCallback, useState} from 'react'
 
 import {Button, Dialog} from '../../../../ui-components'
-import {BundleForm} from '../../../bundles/components/dialog/BundleForm'
+import {BundleForm} from '../../../bundles/components/dialog/ReleaseForm'
 import {LoadingBlock} from '../../../components/loadingBlock/LoadingBlock'
 import {AddonDatasetProvider} from '../../../studio/addonDataset/AddonDatasetProvider'
 import {type BundleDocument} from '../types'

From e559aac71d0566787506c070dad4c34bd247ba6f Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 11:42:58 +0200
Subject: [PATCH 06/16] refactor(sanity): rename ReleaseDetailsDialog test

---
 ...BundleDetailsDialog.test.tsx => ReleaseDetailsDialog.test.tsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/sanity/src/core/bundles/components/dialog/__tests__/{BundleDetailsDialog.test.tsx => ReleaseDetailsDialog.test.tsx} (100%)

diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
similarity index 100%
rename from packages/sanity/src/core/bundles/components/dialog/__tests__/BundleDetailsDialog.test.tsx
rename to packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx

From c05706a1f1e0dd4cb175f0f4f2a6748626e01b92 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 11:50:35 +0200
Subject: [PATCH 07/16] refactor(sanity): rename BundleIconEditorPicker to
 ReleaseIconEditorPicker

---
 .../src/core/bundles/components/ReleaseBadge.tsx       |  2 +-
 .../src/core/bundles/components/dialog/ReleaseForm.tsx |  8 ++++----
 ...conEditorPicker.tsx => ReleaseIconEditorPicker.tsx} |  8 ++++----
 ...icker.test.tsx => ReleaseIconEditorPicker.test.tsx} |  9 ++++++---
 .../src/core/releases/tool/detail/ReleaseSummary.tsx   | 10 +++++-----
 5 files changed, 20 insertions(+), 17 deletions(-)
 rename packages/sanity/src/core/bundles/components/dialog/{BundleIconEditorPicker.tsx => ReleaseIconEditorPicker.tsx} (95%)
 rename packages/sanity/src/core/bundles/components/dialog/__tests__/{BundleIconEditorPicker.test.tsx => ReleaseIconEditorPicker.test.tsx} (87%)

diff --git a/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx b/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
index 1f32f4f5c16..d7554a4b0c3 100644
--- a/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
+++ b/packages/sanity/src/core/bundles/components/ReleaseBadge.tsx
@@ -52,7 +52,7 @@ export function ReleaseBadge(
       {icon && (
         <Box flex="none">
           <Text size={1}>
-            <Icon data-testid={`bundle-badge-icon-${icon.toString()}`} symbol={icon} />
+            <Icon data-testid={`release-badge-icon-${icon.toString()}`} symbol={icon} />
           </Text>
         </Box>
       )}
diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
index d7b2b1fc998..150de29d08f 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
@@ -14,7 +14,7 @@ import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/c
 import {DateTimeInput} from '../../../../ui-components/inputs/DateInputs/DateTimeInput'
 import {getCalendarLabels} from '../../../form/inputs/DateInputs/utils'
 import {type BundleDocument} from '../../../store/bundles/types'
-import {BundleIconEditorPicker, type BundleIconEditorPickerValue} from './BundleIconEditorPicker'
+import {ReleaseIconEditorPicker, type ReleaseIconEditorPickerValue} from './ReleaseIconEditorPicker'
 
 interface BaseBundleDocument extends Partial<BundleDocument> {
   hue: ColorHueKey
@@ -50,7 +50,7 @@ export function ReleaseForm(props: {
     publishedAt ? dateFormatter.format(new Date(publishedAt)) : undefined,
   )
 
-  const iconValue: BundleIconEditorPickerValue = useMemo(
+  const iconValue: ReleaseIconEditorPickerValue = useMemo(
     () => ({
       icon: icon ?? DEFAULT_BUNDLE.icon,
       hue: hue ?? DEFAULT_BUNDLE.hue,
@@ -89,7 +89,7 @@ export function ReleaseForm(props: {
   )
 
   const handleIconValueChange = useCallback(
-    (pickedIcon: BundleIconEditorPickerValue) => {
+    (pickedIcon: ReleaseIconEditorPickerValue) => {
       onChange({...value, icon: pickedIcon.icon, hue: pickedIcon.hue})
     },
     [onChange, value],
@@ -98,7 +98,7 @@ export function ReleaseForm(props: {
   return (
     <Stack space={5}>
       <Flex>
-        <BundleIconEditorPicker onChange={handleIconValueChange} value={iconValue} />
+        <ReleaseIconEditorPicker onChange={handleIconValueChange} value={iconValue} />
       </Flex>
       <Stack space={3}>
         <FormFieldHeaderText title={t('bundle.form.title')} validation={titleErrors} />
diff --git a/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
similarity index 95%
rename from packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx
rename to packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
index aedf30befa0..f46e910e398 100644
--- a/packages/sanity/src/core/bundles/components/dialog/BundleIconEditorPicker.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
@@ -17,14 +17,14 @@ const IconPickerFlex = styled(Flex)`
   max-width: 269px;
 `
 
-export interface BundleIconEditorPickerValue {
+export interface ReleaseIconEditorPickerValue {
   hue: BundleDocument['hue']
   icon: BundleDocument['icon']
 }
 
-export function BundleIconEditorPicker(props: {
-  onChange: (value: BundleIconEditorPickerValue) => void
-  value: BundleIconEditorPickerValue
+export function ReleaseIconEditorPicker(props: {
+  onChange: (value: ReleaseIconEditorPickerValue) => void
+  value: ReleaseIconEditorPickerValue
 }): JSX.Element {
   const {onChange, value} = props
 
diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleIconEditorPicker.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx
similarity index 87%
rename from packages/sanity/src/core/bundles/components/dialog/__tests__/BundleIconEditorPicker.test.tsx
rename to packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx
index 454310fb5da..4a409e99621 100644
--- a/packages/sanity/src/core/bundles/components/dialog/__tests__/BundleIconEditorPicker.test.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseIconEditorPicker.test.tsx
@@ -2,7 +2,10 @@ import {beforeEach, describe, expect, it, jest} from '@jest/globals'
 import {fireEvent, render, screen} from '@testing-library/react'
 
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
-import {BundleIconEditorPicker, type BundleIconEditorPickerValue} from '../BundleIconEditorPicker'
+import {
+  ReleaseIconEditorPicker,
+  type ReleaseIconEditorPickerValue,
+} from '../ReleaseIconEditorPicker'
 
 jest.mock('sanity', () => ({
   useTranslation: jest.fn().mockReturnValue({t: jest.fn()}),
@@ -10,7 +13,7 @@ jest.mock('sanity', () => ({
 
 describe('BundleIconEditorPicker', () => {
   const onChangeMock = jest.fn()
-  const valueMock: BundleIconEditorPickerValue = {
+  const valueMock: ReleaseIconEditorPickerValue = {
     hue: 'gray',
     icon: 'cube',
   }
@@ -19,7 +22,7 @@ describe('BundleIconEditorPicker', () => {
     onChangeMock.mockClear()
 
     const wrapper = await createTestProvider()
-    render(<BundleIconEditorPicker onChange={onChangeMock} value={valueMock} />, {wrapper})
+    render(<ReleaseIconEditorPicker onChange={onChangeMock} value={valueMock} />, {wrapper})
   })
 
   it('should render the icon picker button', () => {
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseSummary.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseSummary.tsx
index ad36018f4d6..fc85fb86b81 100644
--- a/packages/sanity/src/core/releases/tool/detail/ReleaseSummary.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/ReleaseSummary.tsx
@@ -3,9 +3,9 @@ import {AvatarStack, Box, Flex, Heading, Stack, Text, useToast} from '@sanity/ui
 import {type RefObject, useCallback, useEffect, useMemo, useState} from 'react'
 
 import {
-  BundleIconEditorPicker,
-  type BundleIconEditorPickerValue,
-} from '../../../bundles/components/dialog/BundleIconEditorPicker'
+  ReleaseIconEditorPicker,
+  type ReleaseIconEditorPickerValue,
+} from '../../../bundles/components/dialog/ReleaseIconEditorPicker'
 import {RelativeTime} from '../../../components/RelativeTime'
 import {UserAvatar} from '../../../components/userAvatar/UserAvatar'
 import {Translate, useTranslation} from '../../../i18n'
@@ -47,7 +47,7 @@ export function ReleaseSummary(props: ReleaseSummaryProps) {
   const {t} = useTranslation(releasesLocaleNamespace)
   const {updateBundle} = useBundleOperations()
 
-  const [iconValue, setIconValue] = useState<BundleIconEditorPickerValue>(setIconHue({hue, icon}))
+  const [iconValue, setIconValue] = useState<ReleaseIconEditorPickerValue>(setIconHue({hue, icon}))
   const toast = useToast()
   const handleIconValueChange = useCallback(
     async (value: {hue: BundleDocument['hue']; icon: BundleDocument['icon']}) => {
@@ -105,7 +105,7 @@ export function ReleaseSummary(props: ReleaseSummaryProps) {
     <>
       <Stack space={4} data-testid="summary" paddingTop={6} paddingBottom={5}>
         <Flex>
-          <BundleIconEditorPicker onChange={handleIconValueChange} value={iconValue} />
+          <ReleaseIconEditorPicker onChange={handleIconValueChange} value={iconValue} />
         </Flex>
 
         <Heading size={2} style={{margin: '1px 0'}} as="h1">

From 14aa1202db62bc5ec8f602729a0c72943b869ae7 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 12:08:25 +0200
Subject: [PATCH 08/16] fix(sanity): fix issues with renaming within
 ReleaseDetailsDialog

---
 .../components/dialog/ReleaseDetailsDialog.tsx       |  4 ++--
 .../dialog/__tests__/ReleaseDetailsDialog.test.tsx   | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
index 351e15b32cb..a2b59b767a2 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
@@ -14,7 +14,7 @@ import {
 } from '../../__telemetry__/releases.telemetry'
 import {usePerspective} from '../../hooks/usePerspective'
 import {createReleaseId} from '../../util/createReleaseId'
-import {BundleForm} from './ReleaseForm'
+import {ReleaseForm} from './ReleaseForm'
 
 interface ReleaseDetailsDialogProps {
   onCancel: () => void
@@ -94,7 +94,7 @@ export function ReleaseDetailsDialog(props: ReleaseDetailsDialogProps): JSX.Elem
     <Dialog header={dialogTitle} id="create-bundle-dialog" onClose={onCancel} width={1}>
       <form onSubmit={handleOnSubmit}>
         <Box padding={4}>
-          <BundleForm onChange={handleOnChange} value={value} />
+          <ReleaseForm onChange={handleOnChange} value={value} />
         </Box>
         <Flex justify="flex-end" paddingTop={5}>
           <Button
diff --git a/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
index 669502d03bd..64e664f0cea 100644
--- a/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/__tests__/ReleaseDetailsDialog.test.tsx
@@ -77,7 +77,7 @@ describe('ReleaseDetailsDialog', () => {
         //publishAt: undefined,
       }
 
-      const titleInput = screen.getByTestId('bundle-form-title')
+      const titleInput = screen.getByTestId('release-form-title')
       fireEvent.change(titleInput, {target: {value: value.title}})
 
       const submitButton = screen.getByTestId('submit-release-button')
@@ -142,20 +142,20 @@ describe('ReleaseDetailsDialog', () => {
     })
 
     it('should disable edit CTA when no title entered', () => {
-      expect(screen.getByTestId('bundle-form-title')).toHaveValue(existingBundleValue.title)
-      fireEvent.change(screen.getByTestId('bundle-form-title'), {target: {value: ''}})
+      expect(screen.getByTestId('release-form-title')).toHaveValue(existingBundleValue.title)
+      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: ''}})
 
       expect(screen.getByTestId('submit-release-button')).toBeDisabled()
 
       // whitespace should be trimmed
-      fireEvent.change(screen.getByTestId('bundle-form-title'), {target: {value: '   '}})
+      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: '   '}})
 
       expect(screen.getByTestId('submit-release-button')).toBeDisabled()
     })
 
     it('should patch the bundle document when submitted', () => {
-      fireEvent.change(screen.getByTestId('bundle-form-title'), {target: {value: 'New title  '}})
-      fireEvent.change(screen.getByTestId('bundle-form-description'), {
+      fireEvent.change(screen.getByTestId('release-form-title'), {target: {value: 'New title  '}})
+      fireEvent.change(screen.getByTestId('release-form-description'), {
         target: {value: 'New description'},
       })
       fireEvent.click(screen.getByTestId('submit-release-button'))

From 60905e4acbac1ec1f3d17fef481c85a3b9cf798a Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 12:35:57 +0200
Subject: [PATCH 09/16] refactor(sanity): rename BundleActions to
 ReleaseActions

---
 packages/sanity/src/core/bundles/components/index.ts          | 2 +-
 .../panes/{BundleActions.tsx => ReleaseActions.tsx}           | 4 ++--
 packages/sanity/src/core/index.ts                             | 2 +-
 .../panes/document/statusBar/DocumentStatusBarActions.tsx     | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)
 rename packages/sanity/src/core/bundles/components/panes/{BundleActions.tsx => ReleaseActions.tsx} (97%)

diff --git a/packages/sanity/src/core/bundles/components/index.ts b/packages/sanity/src/core/bundles/components/index.ts
index 6ee3e5f4116..e7238036643 100644
--- a/packages/sanity/src/core/bundles/components/index.ts
+++ b/packages/sanity/src/core/bundles/components/index.ts
@@ -1,3 +1,3 @@
-export * from './panes/BundleActions'
+export * from './panes/ReleaseActions'
 export * from './ReleaseBadge'
 export * from './ReleasesMenu'
diff --git a/packages/sanity/src/core/bundles/components/panes/BundleActions.tsx b/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
similarity index 97%
rename from packages/sanity/src/core/bundles/components/panes/BundleActions.tsx
rename to packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
index 6040b2cecbc..c298414190e 100644
--- a/packages/sanity/src/core/bundles/components/panes/BundleActions.tsx
+++ b/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
@@ -20,7 +20,7 @@ import {Button} from '../../../../ui-components'
 import {type BundleDocument} from '../../../store/bundles/types'
 import {AddedVersion} from '../../__telemetry__/releases.telemetry'
 
-interface BundleActionsProps {
+interface ReleaseActionsProps {
   currentGlobalBundle: BundleDocument
   /**
    * The id of the document that is displayed in the form, might be a draft, a version, or the published one.
@@ -34,7 +34,7 @@ interface BundleActionsProps {
 /**
  * @internal
  */
-export function BundleActions(props: BundleActionsProps): ReactNode {
+export function ReleaseActions(props: ReleaseActionsProps): ReactNode {
   const {currentGlobalBundle, documentType, documentId, bundleId} = props
   const publishedId = getPublishedId(documentId)
 
diff --git a/packages/sanity/src/core/index.ts b/packages/sanity/src/core/index.ts
index 021a87d45f5..9f60475c962 100644
--- a/packages/sanity/src/core/index.ts
+++ b/packages/sanity/src/core/index.ts
@@ -1,7 +1,7 @@
 export {
-  BundleActions,
   getDocumentIsInPerspective,
   LATEST,
+  ReleaseActions,
   ReleaseBadge,
   ReleasesMenu,
   useDocumentVersions,
diff --git a/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx b/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx
index 20c18880b9a..d42313741d7 100644
--- a/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx
+++ b/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx
@@ -3,12 +3,12 @@
 import {Flex, Hotkeys, LayerProvider, Stack, Text} from '@sanity/ui'
 import {memo, useCallback, useMemo, useState} from 'react'
 import {
-  BundleActions,
   type DocumentActionComponent,
   type DocumentActionDescription,
   type DocumentActionProps,
   isBundleDocument,
   LATEST,
+  ReleaseActions,
   shouldArrayDialogOpen,
   usePerspective,
   useSource,
@@ -104,7 +104,7 @@ const DocumentStatusBarActionsInner = memo(function DocumentStatusBarActionsInne
               ) : (
                 <>
                   {isBundleDocument(currentGlobalBundle) && formState?.value?._id ? (
-                    <BundleActions
+                    <ReleaseActions
                       currentGlobalBundle={currentGlobalBundle}
                       documentId={formState.value._id as string}
                       documentType={documentType}

From 96aed79b094e597bedf383f3ef9372e7b32733b5 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 12:40:57 +0200
Subject: [PATCH 10/16] refactor(sanity): fix translation

---
 .../core/bundles/components/ReleasesMenu.tsx  |  2 +-
 .../dialog/ReleaseDetailsDialog.tsx           |  2 +-
 .../bundles/components/dialog/ReleaseForm.tsx |  4 ++--
 .../dialog/ReleaseIconEditorPicker.tsx        |  4 ++--
 .../sanity/src/core/i18n/bundles/studio.ts    | 23 +++++++++++++++++++
 .../tool/overview/ReleasesOverview.tsx        |  2 +-
 .../perspective/GlobalPerspectiveMenu.tsx     |  6 ++++-
 .../document-layout/useBundleDeletedToast.tsx |  2 +-
 .../perspective/DocumentPerspectiveMenu.tsx   |  2 +-
 9 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx b/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
index 68028378941..84ea89f21bf 100644
--- a/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
+++ b/packages/sanity/src/core/bundles/components/ReleasesMenu.tsx
@@ -99,7 +99,7 @@ export const ReleasesMenu = memo(function ReleasesMenu(props: BundleListProps):
                         >
                           <Tooltip
                             disabled={!isBundleDeleted(bundle._id)}
-                            content={t('bundle.deleted-tooltip')}
+                            content={t('release.deleted-tooltip')}
                             placement="bottom-start"
                           >
                             <Flex>
diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
index a2b59b767a2..6a0f8524d25 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseDetailsDialog.tsx
@@ -88,7 +88,7 @@ export function ReleaseDetailsDialog(props: ReleaseDetailsDialogProps): JSX.Elem
   }, [])
 
   const dialogTitle =
-    formAction === 'edit' ? t('bundle.dialog.edit.title') : t('bundle.dialog.create.title')
+    formAction === 'edit' ? t('release.dialog.edit.title') : t('release.dialog.create.title')
 
   return (
     <Dialog header={dialogTitle} id="create-bundle-dialog" onClose={onCancel} width={1}>
diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
index 150de29d08f..875be0a290e 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseForm.tsx
@@ -101,7 +101,7 @@ export function ReleaseForm(props: {
         <ReleaseIconEditorPicker onChange={handleIconValueChange} value={iconValue} />
       </Flex>
       <Stack space={3}>
-        <FormFieldHeaderText title={t('bundle.form.title')} validation={titleErrors} />
+        <FormFieldHeaderText title={t('release.form.title')} validation={titleErrors} />
         <TextInput
           data-testid="release-form-title"
           onChange={handleBundleTitleChange}
@@ -112,7 +112,7 @@ export function ReleaseForm(props: {
 
       <Stack space={3}>
         <Text size={1} weight="medium">
-          {t('bundle.form.description')}
+          {t('release.form.description')}
         </Text>
         <TextArea
           onChange={handleBundleDescriptionChange}
diff --git a/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx b/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
index f46e910e398..45bad0c6d4f 100644
--- a/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
+++ b/packages/sanity/src/core/bundles/components/dialog/ReleaseIconEditorPicker.tsx
@@ -92,7 +92,7 @@ export function ReleaseIconEditorPicker(props: {
                 icon={SearchIcon}
                 onChange={handleIconSearchQueryChange}
                 padding={2}
-                placeholder={t('bundle.form.search-icon')}
+                placeholder={t('release.form.search-icon')}
                 space={2}
                 value={iconSearchQuery}
               />
@@ -125,7 +125,7 @@ export function ReleaseIconEditorPicker(props: {
     >
       <div>
         <Button
-          tooltipProps={{content: t('bundle.form.search-icon-tooltip')}}
+          tooltipProps={{content: t('release.form.search-icon-tooltip')}}
           mode="bleed"
           onClick={handleOnPickerOpen}
           ref={setButton}
diff --git a/packages/sanity/src/core/i18n/bundles/studio.ts b/packages/sanity/src/core/i18n/bundles/studio.ts
index 21268ed430d..eb86774929b 100644
--- a/packages/sanity/src/core/i18n/bundles/studio.ts
+++ b/packages/sanity/src/core/i18n/bundles/studio.ts
@@ -1156,6 +1156,29 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   /* Relative time, just now */
   'relative-time.just-now': 'just now',
 
+  /** Action message to add document to release */
+  'release.action.add-to-release': 'Add to {{title}}',
+  /** Action message for when document is already in release  */
+  'release.action.already-in-release': 'Already in release {{title}}',
+  /** Action message for creating releases */
+  'release.action.create': 'Create release',
+  /** Label for tooltip on deleted release */
+  'release.deleted-tooltip': 'This release has been deleted',
+  /** Title for creating releases dialog */
+  'release.dialog.create.title': 'Create release',
+  /** Title for editing releases dialog */
+  'release.dialog.edit.title': 'Edit release',
+  /** Label for the description form field when creating releases */
+  'release.form.description': 'Description',
+  /** Placeholder for the icon and colour picker */
+  'release.form.search-icon': 'Search icons',
+  /** Tooltip label for the icon display */
+  'release.form.search-icon-tooltip': 'Select release icon',
+  /** Label for the title form field when creating releases */
+  'release.form.title': 'Title',
+  /** Tooltip for the dropdown to show all versions of document */
+  'release.version-list.tooltip': 'See all document versions',
+
   /** Accessibility label to open search action when the search would go fullscreen (eg on narrower screens) */
   'search.action-open-aria-label': 'Open search',
   /** Action label for adding a search filter */
diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
index 9f00ed22ec8..6d3e9bcd123 100644
--- a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
+++ b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
@@ -134,7 +134,7 @@ export function ReleasesOverview() {
         icon={AddIcon}
         disabled={isCreateBundleDialogOpen}
         onClick={() => setIsCreateBundleDialogOpen(true)}
-        text={tCore('bundle.action.create')}
+        text={tCore('release.action.create')}
       />
     ),
     [isCreateBundleDialogOpen, tCore],
diff --git a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
index 131bae71092..3fb7550c32e 100644
--- a/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
+++ b/packages/sanity/src/core/studio/components/navbar/perspective/GlobalPerspectiveMenu.tsx
@@ -45,7 +45,11 @@ export function GlobalPerspectiveMenu(): JSX.Element {
 
   const bundleMenuActions = useMemo(
     () => (
-      <MenuItem icon={AddIcon} onClick={handleCreateBundleClick} text={t('bundle.action.create')} />
+      <MenuItem
+        icon={AddIcon}
+        onClick={handleCreateBundleClick}
+        text={t('release.action.create')}
+      />
     ),
     [handleCreateBundleClick, t],
   )
diff --git a/packages/sanity/src/structure/panes/document/document-layout/useBundleDeletedToast.tsx b/packages/sanity/src/structure/panes/document/document-layout/useBundleDeletedToast.tsx
index 4ef7bda2266..c912b9aaf8e 100644
--- a/packages/sanity/src/structure/panes/document/document-layout/useBundleDeletedToast.tsx
+++ b/packages/sanity/src/structure/panes/document/document-layout/useBundleDeletedToast.tsx
@@ -25,7 +25,7 @@ export const useBundleDeletedToast = () => {
           <Text muted size={1}>
             <Translate
               t={t}
-              i18nKey="bundle.deleted-toast-title"
+              i18nKey="release.deleted-toast-title"
               values={{title: deletedBundleTitle}}
             />
           </Text>
diff --git a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
index 04ba63fe2c9..43422c38fe2 100644
--- a/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
+++ b/packages/sanity/src/structure/panes/document/documentPanel/header/perspective/DocumentPerspectiveMenu.tsx
@@ -66,7 +66,7 @@ export const DocumentPerspectiveMenu = memo(function DocumentPerspectiveMenu() {
   const releasesMenuButton = useMemo(
     () => (
       <StudioButton
-        tooltipProps={{content: t('bundle.version-list.tooltip')}}
+        tooltipProps={{content: t('release.version-list.tooltip')}}
         icon={ChevronDownIcon}
         mode="bleed"
       />

From 29d3d0e755a0f825afb9983bba5d5cceb427231f Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 12:52:07 +0200
Subject: [PATCH 11/16] refactor(sanity): remove workshop story

---
 .../__workshop__/BundlesStoreStory.tsx        | 166 ------------------
 .../core/store/bundles/__workshop__/index.ts  |  14 --
 2 files changed, 180 deletions(-)
 delete mode 100644 packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
 delete mode 100644 packages/sanity/src/core/store/bundles/__workshop__/index.ts

diff --git a/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx b/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
deleted file mode 100644
index fc391c4a20e..00000000000
--- a/packages/sanity/src/core/store/bundles/__workshop__/BundlesStoreStory.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import {Card, Flex, Stack, Text} from '@sanity/ui'
-import {type ComponentType, type FormEvent, useCallback, useState} from 'react'
-
-import {Button, Dialog} from '../../../../ui-components'
-import {BundleForm} from '../../../bundles/components/dialog/ReleaseForm'
-import {LoadingBlock} from '../../../components/loadingBlock/LoadingBlock'
-import {AddonDatasetProvider} from '../../../studio/addonDataset/AddonDatasetProvider'
-import {type BundleDocument} from '../types'
-import {useBundleOperations} from '../useBundleOperations'
-import {useBundles} from '../useBundles'
-
-const withAddonDatasetProvider = <P extends object>(Component: ComponentType<P>): React.FC<P> => {
-  const WrappedComponent: React.FC<P> = (props) => (
-    <AddonDatasetProvider>
-      <Component {...props} />
-    </AddonDatasetProvider>
-  )
-  WrappedComponent.displayName = `WithAddonDatasetProvider(${Component.displayName || Component.name || 'Component'})`
-
-  return WrappedComponent
-}
-
-const initialValue = {name: '', title: '', tone: undefined /*, publishAt: undefined*/}
-
-const BundlesStoreStory = () => {
-  const {data, loading} = useBundles()
-  const {createBundle, deleteBundle, updateBundle} = useBundleOperations()
-  const [creating, setCreating] = useState(false)
-  const [updating, setUpdating] = useState(false)
-  const [editing, setEditing] = useState<BundleDocument | null>(null)
-  const [deleting, setDeleting] = useState<string | null>(null)
-  const [value, setValue] = useState<Partial<BundleDocument>>(initialValue)
-  const handleCreateBundle = useCallback(
-    async (event: FormEvent<HTMLFormElement>) => {
-      try {
-        event.preventDefault()
-        setCreating(true)
-        await createBundle(value)
-        setValue(initialValue)
-      } catch (err) {
-        console.error(err)
-      } finally {
-        setCreating(false)
-      }
-    },
-    [createBundle, value],
-  )
-
-  const handleUpdateBundle = useCallback(
-    async (bundle: BundleDocument) => {
-      try {
-        setUpdating(true)
-        await updateBundle(bundle)
-        setUpdating(false)
-        setEditing(null)
-      } catch (err) {
-        console.error(err)
-      }
-    },
-    [updateBundle],
-  )
-
-  const handleDeleteBundle = useCallback(
-    async (bundle: BundleDocument) => {
-      try {
-        setDeleting(bundle._id)
-        await deleteBundle(bundle)
-      } catch (err) {
-        console.error(err)
-      } finally {
-        setDeleting(null)
-      }
-    },
-    [deleteBundle],
-  )
-
-  return (
-    <Stack space={3}>
-      <Flex gap={2}>
-        <Card margin={3} padding={3} border style={{maxWidth: '50%'}}>
-          <form onSubmit={handleCreateBundle}>
-            <Stack space={4}>
-              <Text weight="medium">Create a new release</Text>
-              <BundleForm onChange={setValue} value={value} onError={() => {}} />
-              <Flex justify="flex-end">
-                <Button
-                  text="Create"
-                  tone="primary"
-                  type="submit"
-                  disabled={creating}
-                  loading={creating}
-                />
-              </Flex>
-            </Stack>
-          </form>
-        </Card>
-        <Card margin={3} border padding={3} style={{maxWidth: '50%'}}>
-          <div style={{maxHeight: '400px', overflow: 'scroll'}}>
-            <Text>Data</Text>
-            {loading ? <LoadingBlock /> : <pre>{JSON.stringify(data, null, 2)}</pre>}
-          </div>
-        </Card>
-      </Flex>
-      <Card margin={3} border padding={3}>
-        <Stack space={3}>
-          {data?.map((bundle) => (
-            <Card key={bundle._id} padding={3} border radius={3}>
-              <Flex align="center" gap={3} justify={'space-between'}>
-                <Text>{bundle._id}</Text>
-                <Flex align="center" gap={2}>
-                  <Button
-                    text="Delete"
-                    mode="bleed"
-                    tone="critical"
-                    // eslint-disable-next-line react/jsx-no-bind
-                    onClick={() => handleDeleteBundle(bundle)}
-                    disabled={deleting === bundle._id}
-                    loading={deleting === bundle._id}
-                  />
-                  <Button
-                    text="Edit"
-                    // eslint-disable-next-line react/jsx-no-bind
-                    onClick={() => setEditing(bundle)}
-                    disabled={deleting === bundle._id}
-                    loading={deleting === bundle._id}
-                  />
-                </Flex>
-              </Flex>
-            </Card>
-          ))}
-        </Stack>
-      </Card>
-      {editing && (
-        <Dialog
-          id="edit-bundle-dialog"
-          header="Edit release"
-          onClose={() => setEditing(null)}
-          footer={{
-            confirmButton: {
-              onClick: () => handleUpdateBundle(editing),
-              disabled: updating,
-              loading: updating,
-              tone: 'primary',
-            },
-          }}
-        >
-          {editing && (
-            <BundleForm
-              onError={() => {}}
-              // eslint-disable-next-line react/jsx-no-bind
-              onChange={(bundle) =>
-                setEditing((prev) => ({
-                  ...(prev as BundleDocument),
-                  ...bundle,
-                }))
-              }
-              value={editing}
-            />
-          )}
-        </Dialog>
-      )}
-    </Stack>
-  )
-}
-
-export default withAddonDatasetProvider(BundlesStoreStory)
diff --git a/packages/sanity/src/core/store/bundles/__workshop__/index.ts b/packages/sanity/src/core/store/bundles/__workshop__/index.ts
deleted file mode 100644
index a1ffae0f240..00000000000
--- a/packages/sanity/src/core/store/bundles/__workshop__/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {defineScope} from '@sanity/ui-workshop'
-import {lazy} from 'react'
-
-export default defineScope({
-  name: 'core/bundles',
-  title: 'bundles',
-  stories: [
-    {
-      name: 'bundles-store',
-      title: 'BundlesStore',
-      component: lazy(() => import('./BundlesStoreStory')),
-    },
-  ],
-})

From eb3e806eb5c2680c27148939fa3b7e4b25f2a08a Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 13:01:54 +0200
Subject: [PATCH 12/16] refactor(sanity): rename bundlePerspective to
 perspective on getPReviewStateObservable

---
 .../src/core/preview/utils/getPreviewStateObservable.ts     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/sanity/src/core/preview/utils/getPreviewStateObservable.ts b/packages/sanity/src/core/preview/utils/getPreviewStateObservable.ts
index 16d298ba2c9..2351a65262b 100644
--- a/packages/sanity/src/core/preview/utils/getPreviewStateObservable.ts
+++ b/packages/sanity/src/core/preview/utils/getPreviewStateObservable.ts
@@ -25,15 +25,15 @@ export function getPreviewStateObservable(
   schemaType: SchemaType,
   documentId: string,
   title: ReactNode,
-  bundlePerspective?: string,
+  perspective?: string,
 ): Observable<PreviewState> {
   const draft$ = isLiveEditEnabled(schemaType)
     ? of({snapshot: null})
     : documentPreviewStore.observeForPreview({_id: getDraftId(documentId)}, schemaType)
 
-  const version$ = bundlePerspective
+  const version$ = perspective
     ? documentPreviewStore.observeForPreview(
-        {_id: getVersionId(documentId, bundlePerspective)},
+        {_id: getVersionId(documentId, perspective)},
         schemaType,
       )
     : of({snapshot: null})

From f1b4cd06e065ff1053cfd9e80191cc8e96090a85 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Thu, 5 Sep 2024 13:08:56 +0200
Subject: [PATCH 13/16] refactor(sanity): rename BundleMenuButton to
 perspective on ReleaseMenuButton

---
 .../ReleaseMenuButton.tsx}                            |  4 ++--
 .../__tests__/ReleaseMenuButton.test.tsx}             | 11 +++++++----
 .../src/core/releases/tool/detail/ReleaseDetail.tsx   |  4 ++--
 .../core/releases/tool/overview/ReleasesOverview.tsx  |  4 ++--
 4 files changed, 13 insertions(+), 10 deletions(-)
 rename packages/sanity/src/core/releases/components/{BundleMenuButton/BundleMenuButton.tsx => ReleaseMenuButton/ReleaseMenuButton.tsx} (97%)
 rename packages/sanity/src/core/releases/components/{BundleMenuButton/__tests__/BundleMenuButton.test.tsx => ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx} (94%)

diff --git a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx b/packages/sanity/src/core/releases/components/ReleaseMenuButton/ReleaseMenuButton.tsx
similarity index 97%
rename from packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
rename to packages/sanity/src/core/releases/components/ReleaseMenuButton/ReleaseMenuButton.tsx
index ede4417e916..8b0485c2ff8 100644
--- a/packages/sanity/src/core/releases/components/BundleMenuButton/BundleMenuButton.tsx
+++ b/packages/sanity/src/core/releases/components/ReleaseMenuButton/ReleaseMenuButton.tsx
@@ -22,13 +22,13 @@ import {type BundleDocument} from '../../../store/bundles/types'
 import {useBundleOperations} from '../../../store/bundles/useBundleOperations'
 import {releasesLocaleNamespace} from '../../i18n'
 
-export type BundleMenuButtonProps = {
+export type ReleaseMenuButtonProps = {
   disabled?: boolean
   bundle?: BundleDocument
   documentCount?: number
 }
 
-export const BundleMenuButton = ({disabled, bundle, documentCount}: BundleMenuButtonProps) => {
+export const ReleaseMenuButton = ({disabled, bundle, documentCount}: ReleaseMenuButtonProps) => {
   const {deleteBundle, updateBundle} = useBundleOperations()
   const router = useRouter()
   const isBundleArchived = !!bundle?.archivedAt
diff --git a/packages/sanity/src/core/releases/components/BundleMenuButton/__tests__/BundleMenuButton.test.tsx b/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
similarity index 94%
rename from packages/sanity/src/core/releases/components/BundleMenuButton/__tests__/BundleMenuButton.test.tsx
rename to packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
index 72370c2377a..f0efff37cb4 100644
--- a/packages/sanity/src/core/releases/components/BundleMenuButton/__tests__/BundleMenuButton.test.tsx
+++ b/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
@@ -1,13 +1,12 @@
 import {beforeEach, describe, expect, jest, test} from '@jest/globals'
 import {fireEvent, render, screen} from '@testing-library/react'
-import {act} from 'react'
 import {useRouter} from 'sanity/router'
 
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
 import {type BundleDocument} from '../../../../store/bundles/types'
 import {useBundleOperations} from '../../../../store/bundles/useBundleOperations'
 import {releasesUsEnglishLocaleBundle} from '../../../i18n'
-import {BundleMenuButton, type BundleMenuButtonProps} from '../BundleMenuButton'
+import {ReleaseMenuButton, type ReleaseMenuButtonProps} from '../ReleaseMenuButton'
 
 jest.mock('sanity', () => ({
   useTranslation: jest.fn().mockReturnValue({t: jest.fn()}),
@@ -25,12 +24,16 @@ jest.mock('sanity/router', () => ({
   useRouter: jest.fn().mockReturnValue({state: {}, navigate: jest.fn()}),
 }))
 
-const renderTest = async ({bundle, documentCount = 2, disabled = false}: BundleMenuButtonProps) => {
+const renderTest = async ({
+  bundle,
+  documentCount = 2,
+  disabled = false,
+}: ReleaseMenuButtonProps) => {
   const wrapper = await createTestProvider({
     resources: [releasesUsEnglishLocaleBundle],
   })
   return render(
-    <BundleMenuButton disabled={disabled} bundle={bundle} documentCount={documentCount} />,
+    <ReleaseMenuButton disabled={disabled} bundle={bundle} documentCount={documentCount} />,
     {wrapper},
   )
 }
diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDetail.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDetail.tsx
index 45f0550c784..768e01585ad 100644
--- a/packages/sanity/src/core/releases/tool/detail/ReleaseDetail.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/ReleaseDetail.tsx
@@ -7,7 +7,7 @@ import {type RouterContextValue, useRouter} from 'sanity/router'
 import {Button} from '../../../../ui-components'
 import {Translate, useTranslation} from '../../../i18n'
 import {useBundles} from '../../../store/bundles'
-import {BundleMenuButton} from '../../components/BundleMenuButton/BundleMenuButton'
+import {ReleaseMenuButton} from '../../components/ReleaseMenuButton/ReleaseMenuButton'
 import {ReleasePublishAllButton} from '../../components/ReleasePublishAllButton/ReleasePublishAllButton'
 import {releasesLocaleNamespace} from '../../i18n'
 import {type ReleasesRouterState} from '../../types/router'
@@ -138,7 +138,7 @@ export const ReleaseDetail = () => {
                 disabled={isPublishButtonDisabled}
               />
             )}
-            <BundleMenuButton
+            <ReleaseMenuButton
               disabled={isBundleDeleted}
               bundle={headerBundle}
               documentCount={results.length}
diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
index 6d3e9bcd123..98233ae6bd2 100644
--- a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
+++ b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
@@ -7,7 +7,7 @@ import {Button, Button as StudioButton} from '../../../../ui-components'
 import {ReleaseDetailsDialog} from '../../../bundles/components/dialog/ReleaseDetailsDialog'
 import {useTranslation} from '../../../i18n'
 import {type BundleDocument, useBundles} from '../../../store'
-import {BundleMenuButton} from '../../components/BundleMenuButton/BundleMenuButton'
+import {ReleaseMenuButton} from '../../components/ReleaseMenuButton/ReleaseMenuButton'
 import {Table, type TableProps} from '../../components/Table/Table'
 import {type TableSort} from '../../components/Table/TableProvider'
 import {releasesLocaleNamespace} from '../../i18n'
@@ -167,7 +167,7 @@ export function ReleasesOverview() {
     if (bundle.isDeleted) return null
 
     return (
-      <BundleMenuButton bundle={bundle} documentCount={bundle.documentsMetadata?.documentCount} />
+      <ReleaseMenuButton bundle={bundle} documentCount={bundle.documentsMetadata?.documentCount} />
     )
   }, [])
 

From 2596253f105b69438667cd6bc871fee1ed88e8b7 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Fri, 6 Sep 2024 12:51:54 +0200
Subject: [PATCH 14/16] test(sanity): fix test for ReleaseMenuButton

---
 .../ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx  | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx b/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
index f0efff37cb4..24e715510ad 100644
--- a/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
+++ b/packages/sanity/src/core/releases/components/ReleaseMenuButton/__tests__/ReleaseMenuButton.test.tsx
@@ -1,5 +1,6 @@
 import {beforeEach, describe, expect, jest, test} from '@jest/globals'
 import {fireEvent, render, screen} from '@testing-library/react'
+import {act} from 'react'
 import {useRouter} from 'sanity/router'
 
 import {createTestProvider} from '../../../../../../test/testUtils/TestProvider'
@@ -49,7 +50,6 @@ describe('BundleMenuButton', () => {
       _type: 'release',
       archivedAt: undefined,
       title: 'activeBundle',
-      slug: 'activeBundle',
       authorId: 'author',
       _createdAt: new Date().toISOString(),
       _updatedAt: new Date().toISOString(),
@@ -78,7 +78,6 @@ describe('BundleMenuButton', () => {
       _type: 'release',
       archivedAt: new Date().toISOString(),
       title: 'activeBundle',
-      slug: 'activeBundle',
       authorId: 'author',
       _createdAt: new Date().toISOString(),
       _updatedAt: new Date().toISOString(),
@@ -106,7 +105,6 @@ describe('BundleMenuButton', () => {
       _type: 'release',
       archivedAt: new Date().toISOString(),
       title: 'activeBundle',
-      slug: 'activeBundle',
       authorId: 'author',
       _createdAt: new Date().toISOString(),
       _updatedAt: new Date().toISOString(),
@@ -138,7 +136,6 @@ describe('BundleMenuButton', () => {
       _type: 'release',
       archivedAt: new Date().toISOString(),
       title: 'activeEmptyBundle',
-      slug: 'activeEmptyBundle',
       authorId: 'author',
       _createdAt: new Date().toISOString(),
       _updatedAt: new Date().toISOString(),
@@ -171,7 +168,6 @@ describe('BundleMenuButton', () => {
       _type: 'release',
       archivedAt: new Date().toISOString(),
       title: 'activeEmptyBundle',
-      slug: 'activeEmptyBundle',
       authorId: 'author',
       _createdAt: new Date().toISOString(),
       _updatedAt: new Date().toISOString(),

From 21d5feaa08be7d2f8b3fdcf1499405a7028c7803 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Mon, 9 Sep 2024 10:25:46 +0200
Subject: [PATCH 15/16] test(sanity): clean up (remove duplicates and clean up
 button)

---
 .../core/bundles/components/__tests__/ReleasesMenu.test.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx b/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
index 72c17a3b568..27a8816fb9e 100644
--- a/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
+++ b/packages/sanity/src/core/bundles/components/__tests__/ReleasesMenu.test.tsx
@@ -64,7 +64,6 @@ describe('ReleasesMenu', () => {
       _type: 'release',
       hue: 'red',
       _id: 'f6b2c2cc-1732-4465-bfb3-dd205b5d78e9',
-      _id: 'summer-drop',
       authorId: '',
     },
   ]
@@ -195,7 +194,7 @@ describe('ReleasesMenu', () => {
   })
 
   it('should render actions when actions prop is provided', async () => {
-    const actions = <Button>Actions</Button>
+    const actions = <Button text="Actions" />
 
     const wrapper = await createTestProvider()
     render(
@@ -221,7 +220,6 @@ describe('ReleasesMenu', () => {
         'mock-deleted-bundle': {
           _id: 'mock-deleted-bundle',
           _type: 'release',
-          _id: 'mock-deleted-bundle',
           title: 'Mock Deleted Bundle',
         } as BundleDocument,
       },
@@ -247,7 +245,6 @@ describe('ReleasesMenu', () => {
         'mock-deleted-bundle': {
           _id: 'mock-deleted-bundle',
           _type: 'release',
-          _id: 'mock-deleted-bundle',
           title: 'Mock Deleted Bundle',
         } as BundleDocument,
       },
@@ -261,7 +258,6 @@ describe('ReleasesMenu', () => {
           {
             _id: 'mock-deleted-bundle',
             _type: 'release',
-            _id: 'mock-deleted-bundle',
             title: 'Mock Deleted Bundle',
           } as BundleDocument,
         ]}

From 1408182e188a6190110e9892a3de62ae02b101f3 Mon Sep 17 00:00:00 2001
From: RitaDias <anarita151@gmail.com>
Date: Tue, 10 Sep 2024 10:19:24 +0200
Subject: [PATCH 16/16] chore(sanity): remove unused bundle translations

---
 .../components/panes/ReleaseActions.tsx       |  8 ++---
 .../sanity/src/core/i18n/bundles/studio.ts    | 35 ++++---------------
 .../detail/documentTable/DocumentActions.tsx  |  6 ++--
 3 files changed, 14 insertions(+), 35 deletions(-)

diff --git a/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx b/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
index c298414190e..bbc7a6c29c0 100644
--- a/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
+++ b/packages/sanity/src/core/bundles/components/panes/ReleaseActions.tsx
@@ -113,7 +113,7 @@ export function ReleaseActions(props: ReleaseActionsProps): ReactNode {
         description: (
           <Translate
             t={t}
-            i18nKey={'bundle.action.discard-version.success'}
+            i18nKey={'release.action.discard-version.success'}
             values={{title: document.title as string}}
           />
         ),
@@ -124,7 +124,7 @@ export function ReleaseActions(props: ReleaseActionsProps): ReactNode {
       toast.push({
         closable: true,
         status: 'error',
-        title: t('bundle.action.discard-version.failure'),
+        title: t('release.action.discard-version.failure'),
       })
     }
 
@@ -135,13 +135,13 @@ export function ReleaseActions(props: ReleaseActionsProps): ReactNode {
 
   const bundleActionButtonProps = isInVersion
     ? {
-        text: t('bundle.action.discard-version', {title}),
+        text: t('release.action.discard-version', {title}),
         icon: TrashIcon,
         tone: 'caution' as const,
         onClick: handleDiscardVersion,
       }
     : {
-        text: t('bundle.action.add-to-release', {title}),
+        text: t('release.action.add-to-release', {title}),
         icon: AddIcon,
         tone: 'primary' as const,
         onClick: handleAddVersion,
diff --git a/packages/sanity/src/core/i18n/bundles/studio.ts b/packages/sanity/src/core/i18n/bundles/studio.ts
index eb86774929b..d09553bcc47 100644
--- a/packages/sanity/src/core/i18n/bundles/studio.ts
+++ b/packages/sanity/src/core/i18n/bundles/studio.ts
@@ -118,34 +118,6 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   /** Label when a release has been deleted by a different user */
   'banners.deleted-bundle-banner.text':
     "The '<strong>{{title}}</strong>' release has been deleted.",
-  /** Action message to add document to release */
-  'bundle.action.add-to-release': 'Add to {{title}}',
-  /** Action message for creating releases */
-  'bundle.action.create': 'Create release',
-  /** Action message for when document is already in release  */
-  'bundle.action.discard-version': 'Discard version',
-  /** Description for toast when version discarding failed */
-  'bundle.action.discard-version.failure': 'Failed to discard version',
-  /** Description for toast when version deletion is successfully discarded */
-  'bundle.action.discard-version.success':
-    '<strong>{{title}}</strong> version was successfully discarded',
-
-  /** Label for tooltip on deleted release */
-  'bundle.deleted-tooltip': 'This release has been deleted',
-  /** Title for creating releases dialog */
-  'bundle.dialog.create.title': 'Create release',
-  /** Title for editing releases dialog */
-  'bundle.dialog.edit.title': 'Edit release',
-  /** Label for the description form field when creating releases */
-  'bundle.form.description': 'Description',
-  /** Placeholder for the icon and colour picker */
-  'bundle.form.search-icon': 'Search icons',
-  /** Tooltip label for the icon display */
-  'bundle.form.search-icon-tooltip': 'Select release icon',
-  /** Label for the title form field when creating releases */
-  'bundle.form.title': 'Title',
-  /** Tooltip for the dropdown to show all versions of document */
-  'bundle.version-list.tooltip': 'See all document versions',
 
   /** Action message for navigating to next month */
   'calendar.action.go-to-next-month': 'Go to next month',
@@ -1162,6 +1134,13 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   'release.action.already-in-release': 'Already in release {{title}}',
   /** Action message for creating releases */
   'release.action.create': 'Create release',
+  /** Action message for when document is already in release  */
+  'release.action.discard-version': 'Discard version',
+  /** Description for toast when version discarding failed */
+  'release.action.discard-version.failure': 'Failed to discard version',
+  /** Description for toast when version deletion is successfully discarded */
+  'release.action.discard-version.success':
+    '<strong>{{title}}</strong> version was successfully discarded',
   /** Label for tooltip on deleted release */
   'release.deleted-tooltip': 'This release has been deleted',
   /** Title for creating releases dialog */
diff --git a/packages/sanity/src/core/releases/tool/detail/documentTable/DocumentActions.tsx b/packages/sanity/src/core/releases/tool/detail/documentTable/DocumentActions.tsx
index 24e706efa08..8a9178ccdfa 100644
--- a/packages/sanity/src/core/releases/tool/detail/documentTable/DocumentActions.tsx
+++ b/packages/sanity/src/core/releases/tool/detail/documentTable/DocumentActions.tsx
@@ -38,7 +38,7 @@ export const DocumentActions = memo(
           description: (
             <Translate
               t={coreT}
-              i18nKey={'bundle.action.discard-version.success'}
+              i18nKey={'release.action.discard-version.success'}
               values={{title: document.document.title as string}}
             />
           ),
@@ -49,7 +49,7 @@ export const DocumentActions = memo(
         toast.push({
           closable: true,
           status: 'error',
-          title: coreT('bundle.action.discard-version.failure'),
+          title: coreT('release.action.discard-version.failure'),
         })
       } finally {
         setShowDiscardDialog(false)
@@ -65,7 +65,7 @@ export const DocumentActions = memo(
             menu={
               <Menu>
                 <MenuItem
-                  text={coreT('bundle.action.discard-version')}
+                  text={coreT('release.action.discard-version')}
                   icon={CloseIcon}
                   onClick={() => setShowDiscardDialog(true)}
                 />