diff --git a/packages/sanity/src/_singletons/core/form/studio/TreeEditingEnabledContext.ts b/packages/sanity/src/_singletons/core/form/studio/TreeEditingEnabledContext.ts
index 39a632e1ceee..7c6fa776c082 100644
--- a/packages/sanity/src/_singletons/core/form/studio/TreeEditingEnabledContext.ts
+++ b/packages/sanity/src/_singletons/core/form/studio/TreeEditingEnabledContext.ts
@@ -1,6 +1,6 @@
 import {createContext} from 'react'
 
-import type {TreeEditingEnabledContextValue} from '../../../../core/form/studio/tree-editing/context/enabled/useTreeEditingEnabled'
+import type {TreeEditingEnabledContextValue} from '../../../../core/form/studio/array-editing/context/enabled/useTreeEditingEnabled'
 
 /**
  * @internal
diff --git a/packages/sanity/src/core/form/inputs/PortableText/Compositor.tsx b/packages/sanity/src/core/form/inputs/PortableText/Compositor.tsx
index ad7d13e41926..51bf7ea2869c 100644
--- a/packages/sanity/src/core/form/inputs/PortableText/Compositor.tsx
+++ b/packages/sanity/src/core/form/inputs/PortableText/Compositor.tsx
@@ -16,7 +16,7 @@ import {type ReactNode, useCallback, useMemo, useState} from 'react'
 import {ChangeIndicator} from '../../../changeIndicators'
 import {EMPTY_ARRAY} from '../../../util'
 import {ActivateOnFocus} from '../../components/ActivateOnFocus/ActivateOnFocus'
-import {TreeEditingEnabledProvider} from '../../studio/tree-editing'
+import {TreeEditingEnabledProvider} from '../../studio/array-editing'
 import {
   type ArrayOfObjectsInputProps,
   type PortableTextInputProps,
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridItem.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridItem.tsx
index f5dd62b77cfa..555aafcd8a75 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridItem.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/Grid/GridItem.tsx
@@ -16,9 +16,9 @@ import {FormFieldValidationStatus} from '../../../../components'
 import {EditPortal} from '../../../../components/EditPortal'
 import {useDidUpdate} from '../../../../hooks/useDidUpdate'
 import {useScrollIntoViewOnFocusWithin} from '../../../../hooks/useScrollIntoViewOnFocusWithin'
+import {TreeEditingEnabledProvider, useTreeEditingEnabled} from '../../../../studio/array-editing'
 import {useChildPresence} from '../../../../studio/contexts/Presence'
 import {useChildValidation} from '../../../../studio/contexts/Validation'
-import {TreeEditingEnabledProvider, useTreeEditingEnabled} from '../../../../studio/tree-editing'
 import {type ObjectItem, type ObjectItemProps} from '../../../../types'
 import {randomKey} from '../../../../utils/randomKey'
 import {CellLayout} from '../../layouts/CellLayout'
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/PreviewItem.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/PreviewItem.tsx
index be7349207551..9fb22464a16d 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/PreviewItem.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/List/PreviewItem.tsx
@@ -15,9 +15,9 @@ import {FormFieldValidationStatus} from '../../../../components'
 import {EditPortal} from '../../../../components/EditPortal'
 import {useDidUpdate} from '../../../../hooks/useDidUpdate'
 import {useScrollIntoViewOnFocusWithin} from '../../../../hooks/useScrollIntoViewOnFocusWithin'
+import {TreeEditingEnabledProvider, useTreeEditingEnabled} from '../../../../studio/array-editing'
 import {useChildPresence} from '../../../../studio/contexts/Presence'
 import {useChildValidation} from '../../../../studio/contexts/Validation'
-import {TreeEditingEnabledProvider, useTreeEditingEnabled} from '../../../../studio/tree-editing'
 import {type ObjectItem, type ObjectItemProps} from '../../../../types'
 import {randomKey} from '../../../../utils/randomKey'
 import {RowLayout} from '../../layouts/RowLayout'
diff --git a/packages/sanity/src/core/form/studio/FormBuilder.test.tsx b/packages/sanity/src/core/form/studio/FormBuilder.test.tsx
index f486e994f4de..2ff0c892bc7b 100644
--- a/packages/sanity/src/core/form/studio/FormBuilder.test.tsx
+++ b/packages/sanity/src/core/form/studio/FormBuilder.test.tsx
@@ -12,8 +12,8 @@ import {EMPTY_ARRAY} from '../../util'
 import {createPatchChannel} from '../patch'
 import {useFormState} from '../store/useFormState'
 import {type FormDocumentValue} from '../types'
+import {useTreeEditingEnabled} from './array-editing'
 import {FormBuilder, type FormBuilderProps} from './FormBuilder'
-import {useTreeEditingEnabled} from './tree-editing'
 
 const schemaTypes = [
   defineType({
diff --git a/packages/sanity/src/core/form/studio/FormBuilder.tsx b/packages/sanity/src/core/form/studio/FormBuilder.tsx
index 98a744aefbc9..8760a093cdfb 100644
--- a/packages/sanity/src/core/form/studio/FormBuilder.tsx
+++ b/packages/sanity/src/core/form/studio/FormBuilder.tsx
@@ -29,15 +29,15 @@ import {
   type ObjectInputProps,
   type RenderPreviewCallbackProps,
 } from '../types'
-import {DocumentFieldActionsProvider} from './contexts/DocumentFieldActions'
-import {FormBuilderInputErrorBoundary} from './FormBuilderInputErrorBoundary'
-import {FormProvider} from './FormProvider'
 import {
+  ArrayEditingDialog,
   shouldArrayDialogOpen,
-  TreeEditingDialog,
   TreeEditingEnabledProvider,
   useTreeEditingEnabled,
-} from './tree-editing'
+} from './array-editing'
+import {DocumentFieldActionsProvider} from './contexts/DocumentFieldActions'
+import {FormBuilderInputErrorBoundary} from './FormBuilderInputErrorBoundary'
+import {FormProvider} from './FormProvider'
 
 /**
  * @alpha
@@ -316,7 +316,7 @@ function RootInput(props: RootInputProps) {
   const isRoot = rootInputProps.id === 'root'
 
   const arrayEditingModal = treeEditing.enabled && isRoot && open && (
-    <TreeEditingDialog
+    <ArrayEditingDialog
       // eslint-disable-next-line react/jsx-handler-names
       onPathFocus={rootInputProps.onPathFocus}
       onPathOpen={onPathOpen}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/__snapshots__/buildTreeEditingState.test.ts.snap b/packages/sanity/src/core/form/studio/array-editing/__tests__/__snapshots__/buildTreeEditingState.test.ts.snap
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/__tests__/__snapshots__/buildTreeEditingState.test.ts.snap
rename to packages/sanity/src/core/form/studio/array-editing/__tests__/__snapshots__/buildTreeEditingState.test.ts.snap
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/buildTreeEditingState.test.ts b/packages/sanity/src/core/form/studio/array-editing/__tests__/buildTreeEditingState.test.ts
similarity index 95%
rename from packages/sanity/src/core/form/studio/tree-editing/__tests__/buildTreeEditingState.test.ts
rename to packages/sanity/src/core/form/studio/array-editing/__tests__/buildTreeEditingState.test.ts
index eeb8aea5a63a..cac8934bab97 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/__tests__/buildTreeEditingState.test.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/__tests__/buildTreeEditingState.test.ts
@@ -2,7 +2,7 @@ import {describe, expect, test} from '@jest/globals'
 import {Schema} from '@sanity/schema'
 import {type SanityDocumentLike} from '@sanity/types'
 
-import {buildTreeEditingState} from '../utils'
+import {buildArrayEditingState} from '../utils'
 
 const schema = Schema.compile({
   name: 'default',
@@ -180,7 +180,7 @@ const schema = Schema.compile({
   ],
 })
 
-describe('tree-editing: buildTreeEditingState', () => {
+describe('tree-editing: buildArrayEditingState', () => {
   test('should build tree editing state for an array of objects', () => {
     // implement
 
@@ -205,7 +205,7 @@ describe('tree-editing: buildTreeEditingState', () => {
       ],
     }
 
-    const result = buildTreeEditingState({
+    const result = buildArrayEditingState({
       documentValue,
       openPath: ['array1', {_key: '123'}],
       schemaType: schema.get('testDocument'),
@@ -230,7 +230,7 @@ describe('tree-editing: buildTreeEditingState', () => {
       },
     }
     // Path to the array item
-    const result1 = buildTreeEditingState({
+    const result1 = buildArrayEditingState({
       documentValue,
       openPath: ['objectWithArray', 'myArray', {_key: 'key1'}],
       schemaType: schema.get('testDocument'),
@@ -238,7 +238,7 @@ describe('tree-editing: buildTreeEditingState', () => {
 
     // Path to a primitive field in the array item object should
     // result in the same state as the array item itself
-    const result2 = buildTreeEditingState({
+    const result2 = buildArrayEditingState({
       documentValue,
       openPath: ['objectWithArray', 'myArray', {_key: 'key1'}, 'myString'],
       schemaType: schema.get('testDocument'),
@@ -267,7 +267,7 @@ describe('tree-editing: buildTreeEditingState', () => {
       ],
     }
 
-    const result = buildTreeEditingState({
+    const result = buildArrayEditingState({
       documentValue,
       openPath: ['mixedArray', {_key: 'key1'}],
       schemaType: schema.get('testDocument'),
@@ -290,7 +290,7 @@ describe('tree-editing: buildTreeEditingState', () => {
       ],
     }
 
-    const result = buildTreeEditingState({
+    const result = buildArrayEditingState({
       documentValue,
       openPath: ['legacyArrayEditingArray', {_key: '123'}],
       schemaType: schema.get('testDocument'),
@@ -327,7 +327,7 @@ describe('tree-editing: buildTreeEditingState', () => {
       ],
     }
 
-    const result = buildTreeEditingState({
+    const result = buildArrayEditingState({
       documentValue,
       openPath: [
         'arrayWithArrayFieldInNestedObjects',
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/findArrayTypePaths.test.ts b/packages/sanity/src/core/form/studio/array-editing/__tests__/findArrayTypePaths.test.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/__tests__/findArrayTypePaths.test.ts
rename to packages/sanity/src/core/form/studio/array-editing/__tests__/findArrayTypePaths.test.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/shouldArrayDialogOpen.test.ts b/packages/sanity/src/core/form/studio/array-editing/__tests__/shouldArrayDialogOpen.test.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/__tests__/shouldArrayDialogOpen.test.ts
rename to packages/sanity/src/core/form/studio/array-editing/__tests__/shouldArrayDialogOpen.test.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/useTreeEditingEnabled.test.tsx b/packages/sanity/src/core/form/studio/array-editing/__tests__/useTreeEditingEnabled.test.tsx
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/__tests__/useTreeEditingEnabled.test.tsx
rename to packages/sanity/src/core/form/studio/array-editing/__tests__/useTreeEditingEnabled.test.tsx
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuButtonStory.tsx b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuButtonStory.tsx
similarity index 67%
rename from packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuButtonStory.tsx
rename to packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuButtonStory.tsx
index 37ed2e3f8d46..70c071613c2f 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuButtonStory.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuButtonStory.tsx
@@ -3,8 +3,8 @@ import {Flex} from '@sanity/ui'
 import {useState} from 'react'
 import {type Path} from 'sanity'
 
-import {TreeEditingBreadcrumbsMenuButton} from '../components'
-import {type TreeEditingBreadcrumb} from '../types'
+import {ArrayEditingBreadcrumbsMenuButton} from '../components'
+import {type ArrayEditingBreadcrumb} from '../types'
 
 const schema = Schema.compile({
   name: 'default',
@@ -31,20 +31,10 @@ const schema = Schema.compile({
   ],
 })
 
-const ITEM: TreeEditingBreadcrumb = {
+const ITEM: ArrayEditingBreadcrumb = {
   path: ['first-item'],
   schemaType: schema.get('testDocument').fields[0].type,
   value: {_key: 'first-item', title: `${0}-item`},
-  parentSchemaType: schema.get('testDocument'),
-  children: [...Array(100).keys()].map((index) => ({
-    path: [`${index}-item`],
-    schemaType: schema.get('testDocument').fields[0].type,
-    parentSchemaType: schema.get('testDocument'),
-    value: {
-      _key: `${index}-item`,
-      title: `${index}-item`,
-    },
-  })),
 }
 
 export default function TreeEditingBreadcrumbsMenuButtonStory(): JSX.Element {
@@ -52,12 +42,12 @@ export default function TreeEditingBreadcrumbsMenuButtonStory(): JSX.Element {
 
   return (
     <Flex align="center" justify="center" height="fill">
-      <TreeEditingBreadcrumbsMenuButton
+      <ArrayEditingBreadcrumbsMenuButton
         button={<button type="button">Click me</button>}
-        items={ITEM.children || []}
         onPathSelect={setSelectedPath}
         parentElement={document.body}
         selectedPath={selectedPath}
+        items={[ITEM]}
       />
     </Flex>
   )
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuStory.tsx b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuStory.tsx
similarity index 74%
rename from packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuStory.tsx
rename to packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuStory.tsx
index d7da89325b1a..088fe028d920 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsMenuStory.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsMenuStory.tsx
@@ -3,8 +3,8 @@ import {Container, Flex} from '@sanity/ui'
 import {useState} from 'react'
 import {type Path} from 'sanity'
 
-import {TreeEditingBreadcrumbsMenu} from '../components'
-import {type TreeEditingBreadcrumb} from '../types'
+import {ArrayEditingBreadcrumbsMenu} from '../components'
+import {type ArrayEditingBreadcrumb} from '../types'
 
 const schema = Schema.compile({
   name: 'default',
@@ -31,37 +31,31 @@ const schema = Schema.compile({
   ],
 })
 
-const items: TreeEditingBreadcrumb[] = [
+const items: ArrayEditingBreadcrumb[] = [
   {
     path: ['first-item'],
-    children: [],
     schemaType: schema.get('testDocument').fields[0].type,
     value: {_key: 'first-item', title: 'First item'},
-    parentSchemaType: schema.get('testDocument'),
   },
   {
     path: ['second-item'],
-    children: [],
     schemaType: schema.get('testDocument').fields[0].type,
     value: {_key: 'second-item', title: 'Second item'},
-    parentSchemaType: schema.get('testDocument'),
   },
   {
     path: ['third-item'],
-    children: [],
     schemaType: schema.get('testDocument').fields[0].type,
     value: {_key: 'third-item', title: 'Third item'},
-    parentSchemaType: schema.get('testDocument'),
   },
 ]
 
-export default function TreeEditingBreadcrumbsMenuStory(): JSX.Element {
+export default function ArrayEditingBreadcrumbsMenuStory(): JSX.Element {
   const [selectedPath, setSelectedPath] = useState<Path>(['second-item'])
 
   return (
     <Flex align="center" height="fill">
       <Container width={0}>
-        <TreeEditingBreadcrumbsMenu
+        <ArrayEditingBreadcrumbsMenu
           items={items}
           onPathSelect={setSelectedPath}
           selectedPath={selectedPath}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsStory.tsx b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsStory.tsx
similarity index 91%
rename from packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsStory.tsx
rename to packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsStory.tsx
index e34412836e50..4863aed55fb0 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingBreadcrumbsStory.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingBreadcrumbsStory.tsx
@@ -3,8 +3,8 @@ import {Card, Flex} from '@sanity/ui'
 import {useMemo, useState} from 'react'
 import {type Path} from 'sanity'
 
-import {TreeEditingBreadcrumbs} from '../components'
-import {buildTreeEditingState, type TreeEditingState} from '../utils'
+import {ArrayEditingBreadcrumbs} from '../components'
+import {type ArrayEditingState, buildArrayEditingState} from '../utils'
 
 const schema = Schema.compile({
   name: 'default',
@@ -118,11 +118,11 @@ const DOCUMENT_VALUE = {
   ],
 }
 
-export default function TreeEditingBreadcrumbsStory(): JSX.Element {
+export default function ArrayEditingBreadcrumbsStory(): JSX.Element {
   const [selectedPath, setSelectedPath] = useState<Path>(['myArrayOfObjects', {_key: 'item-1'}])
 
-  const {menuItems} = useMemo((): TreeEditingState => {
-    return buildTreeEditingState({
+  const {breadcrumbs} = useMemo((): ArrayEditingState => {
+    return buildArrayEditingState({
       schemaType: schema.get('testDocument'),
       documentValue: DOCUMENT_VALUE,
       openPath: selectedPath,
@@ -132,8 +132,8 @@ export default function TreeEditingBreadcrumbsStory(): JSX.Element {
   return (
     <Flex align="center" justify="center" height="fill">
       <Card>
-        <TreeEditingBreadcrumbs
-          items={menuItems}
+        <ArrayEditingBreadcrumbs
+          items={breadcrumbs}
           onPathSelect={setSelectedPath}
           selectedPath={selectedPath}
         />
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingLayoutStory.tsx b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingLayoutStory.tsx
similarity index 93%
rename from packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingLayoutStory.tsx
rename to packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingLayoutStory.tsx
index 5435d87cb58a..c2f56c8ab5ea 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingLayoutStory.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/__workshop__/ArrayEditingLayoutStory.tsx
@@ -3,8 +3,8 @@ import {Card, Code, Stack} from '@sanity/ui'
 import {useCallback, useMemo, useState} from 'react'
 import {type Path} from 'sanity'
 
-import {TreeEditingLayout} from '../components'
-import {buildTreeEditingState} from '../utils'
+import {ArrayEditingLayout} from '../components'
+import {buildArrayEditingState} from '../utils'
 
 const schema = Schema.compile({
   name: 'default',
@@ -118,11 +118,11 @@ const DOCUMENT_VALUE = {
   ],
 }
 
-export default function TreeEditingLayoutStory(): JSX.Element {
+export default function ArrayEditingLayoutStory(): JSX.Element {
   const [selectedPath, setSelectedPath] = useState<Path>(['myArrayOfObjects', {_key: 'first-item'}])
 
   const state = useMemo(() => {
-    return buildTreeEditingState({
+    return buildArrayEditingState({
       documentValue: DOCUMENT_VALUE,
       schemaType: schema.get('testDocument'),
       openPath: selectedPath,
@@ -134,12 +134,10 @@ export default function TreeEditingLayoutStory(): JSX.Element {
   }, [])
 
   return (
-    <TreeEditingLayout
+    <ArrayEditingLayout
       breadcrumbs={state.breadcrumbs}
-      items={state.menuItems}
       onPathSelect={handlePathSelect}
       selectedPath={selectedPath}
-      title="Title"
     >
       <Stack space={2}>
         <Card padding={4} tone="transparent" radius={2}>
@@ -148,6 +146,6 @@ export default function TreeEditingLayoutStory(): JSX.Element {
           </Code>
         </Card>
       </Stack>
-    </TreeEditingLayout>
+    </ArrayEditingLayout>
   )
 }
diff --git a/packages/sanity/src/core/form/studio/array-editing/__workshop__/index.ts b/packages/sanity/src/core/form/studio/array-editing/__workshop__/index.ts
new file mode 100644
index 000000000000..81eac612557f
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/__workshop__/index.ts
@@ -0,0 +1,29 @@
+import {defineScope} from '@sanity/ui-workshop'
+import {lazy} from 'react'
+
+export default defineScope({
+  name: 'core/form/array-editing',
+  title: 'Array editing',
+  stories: [
+    {
+      name: 'array-editing-layout',
+      title: 'ArrayEditingLayout',
+      component: lazy(() => import('./ArrayEditingLayoutStory')),
+    },
+    {
+      name: 'array-editing-breadcrumbs',
+      title: 'ArrayEditingBreadcrumbs',
+      component: lazy(() => import('./ArrayEditingBreadcrumbsStory')),
+    },
+    {
+      name: 'array-editing-breadcrumbs-menu',
+      title: 'ArrayEditingBreadcrumbsMenu',
+      component: lazy(() => import('./ArrayEditingBreadcrumbsMenuStory')),
+    },
+    {
+      name: 'array-editing-breadcrumbs-menu-button',
+      title: 'ArrayEditingBreadcrumbsMenuButtonStory',
+      component: lazy(() => import('./ArrayEditingBreadcrumbsMenuButtonStory')),
+    },
+  ],
+})
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/TreeEditingDialog.tsx b/packages/sanity/src/core/form/studio/array-editing/components/ArrayEditingDialog.tsx
similarity index 72%
rename from packages/sanity/src/core/form/studio/tree-editing/components/TreeEditingDialog.tsx
rename to packages/sanity/src/core/form/studio/array-editing/components/ArrayEditingDialog.tsx
index 69f62808a130..155f04810595 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/components/TreeEditingDialog.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/components/ArrayEditingDialog.tsx
@@ -17,13 +17,13 @@ import {
 import {css, styled} from 'styled-components'
 
 import {
-  buildTreeEditingState,
-  type BuildTreeEditingStateProps,
-  EMPTY_TREE_STATE,
-  type TreeEditingState,
+  type ArrayEditingState,
+  buildArrayEditingState,
+  type BuildArrayEditingStateProps,
+  EMPTY_STATE,
 } from '../utils'
-import {isArrayItemPath} from '../utils/build-tree-editing-state/utils'
-import {TreeEditingLayout} from './layout'
+import {isArrayItemPath} from '../utils/build-array-editing-state/utils'
+import {ArrayEditingLayout} from './layout'
 
 const EMPTY_ARRAY: [] = []
 
@@ -57,7 +57,7 @@ const StyledDialog = styled(Dialog)(({theme}: {theme: Theme}) => {
 
 const MotionFlex = motion(Flex)
 
-interface TreeEditingDialogProps {
+interface ArrayEditingDialogProps {
   onPathFocus: (path: Path) => void
   onPathOpen: (path: Path) => void
   openPath: Path
@@ -65,12 +65,12 @@ interface TreeEditingDialogProps {
   schemaType: ObjectSchemaType
 }
 
-export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element | null {
+export function ArrayEditingDialog(props: ArrayEditingDialogProps): JSX.Element | null {
   const {onPathFocus, onPathOpen, openPath, rootInputProps, schemaType} = props
   const {value} = rootInputProps
   const {t} = useTranslation()
 
-  const [treeState, setTreeState] = useState<TreeEditingState>(EMPTY_TREE_STATE)
+  const [state, setState] = useState<ArrayEditingState>(EMPTY_STATE)
   const [layoutScrollElement, setLayoutScrollElement] = useState<HTMLDivElement | null>(null)
 
   const openPathRef = useRef<Path | undefined>(undefined)
@@ -83,11 +83,11 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
     layoutScrollElement?.scrollTo(0, 0)
   }, [layoutScrollElement])
 
-  const handleBuildTreeEditingState = useCallback(
-    (opts: BuildTreeEditingStateProps) => {
-      const nextState = buildTreeEditingState(opts)
+  const handleBuildState = useCallback(
+    (opts: BuildArrayEditingStateProps) => {
+      const nextState = buildArrayEditingState(opts)
 
-      if (isEqual(nextState, treeState)) return
+      if (isEqual(nextState, state)) return
 
       const builtRelativePath = nextState.relativePath
       const len = builtRelativePath.length
@@ -98,31 +98,28 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
       // current relative path. This is to avoid changing the fields being displayed in the form
       // when the path is not an array item path.
       const useCurrentRelativePath = hasNoRelativePath || !isArrayItemPath(builtRelativePath)
-      const nextRelativePath = useCurrentRelativePath ? treeState.relativePath : builtRelativePath
+      const nextRelativePath = useCurrentRelativePath ? state.relativePath : builtRelativePath
 
-      setTreeState({...nextState, relativePath: nextRelativePath})
+      setState({...nextState, relativePath: nextRelativePath})
     },
-    [treeState],
+    [state],
   )
 
-  const debouncedBuildTreeEditingState = useMemo(
-    () => debounce(handleBuildTreeEditingState, 1000),
-    [handleBuildTreeEditingState],
-  )
+  const debouncedBuildState = useMemo(() => debounce(handleBuildState, 1000), [handleBuildState])
 
   const onClose = useCallback(() => {
     // Cancel any debounced state building when closing the dialog.
-    debouncedBuildTreeEditingState.cancel()
+    debouncedBuildState.cancel()
 
     // Reset the `openPath`
     onPathOpen(EMPTY_ARRAY)
 
-    // Reset the tree state when closing the dialog.
-    setTreeState(EMPTY_TREE_STATE)
+    // Reset the state when closing the dialog.
+    setState(EMPTY_STATE)
 
     // Reset the stored value and openPath to undefined.
     // This is important since the next time the dialog is opened,
-    // we want to build the tree editing state from scratch and
+    // we want to build the editing state from scratch and
     // don't prevent the state from being built by comparing the
     // previous stored values.
     valueRef.current = undefined
@@ -132,12 +129,12 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
     const firstKeySegmentIndex = openPath.findIndex(isKeySegment)
     const rootFocusPath = openPath.slice(0, firstKeySegmentIndex + 1)
     onPathFocus(rootFocusPath)
-  }, [debouncedBuildTreeEditingState, onPathFocus, onPathOpen, openPath])
+  }, [debouncedBuildState, onPathFocus, onPathOpen, openPath])
 
   const onHandlePathSelect = useCallback(
     (path: Path) => {
       // Cancel any debounced state building when navigating.
-      debouncedBuildTreeEditingState.cancel()
+      debouncedBuildState.cancel()
 
       onPathOpen(path)
 
@@ -148,7 +145,7 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
         onPathFocus(path)
       }
     },
-    [debouncedBuildTreeEditingState, onPathFocus, onPathOpen],
+    [debouncedBuildState, onPathFocus, onPathOpen],
   )
 
   useEffect(() => {
@@ -157,13 +154,13 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
     const isInitialRender = valueRef.current === undefined && openPathRef.current === undefined
 
     // If the value has not changed but the openPath has changed, or
-    // if it is the initial render, build the tree editing state
+    // if it is the initial render, build the editing state
     // without debouncing. We do this to make sure that the UI is
     // updated immediately when the openPath changes.
     // We only want to debounce the state building when the value changes
     // as that might happen frequently when the user is editing the document.
     if (isInitialRender || openPathChanged) {
-      handleBuildTreeEditingState({
+      handleBuildState({
         schemaType,
         documentValue: value,
         openPath,
@@ -174,7 +171,7 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
       return undefined
     }
 
-    // Don't proceed with building the tree editing state if the
+    // Don't proceed with building t editing state if the
     // openPath and value has not changed.
     if (!valueChanged && !openPathChanged) return undefined
 
@@ -183,7 +180,7 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
     valueRef.current = value
     openPathRef.current = openPath
 
-    debouncedBuildTreeEditingState({
+    debouncedBuildState({
       schemaType,
       documentValue: value,
       openPath,
@@ -191,36 +188,34 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
 
     return () => {
       // Cancel any debounced state building on unmount.
-      debouncedBuildTreeEditingState.cancel()
+      debouncedBuildState.cancel()
     }
-  }, [schemaType, value, debouncedBuildTreeEditingState, openPath, handleBuildTreeEditingState])
+  }, [schemaType, value, debouncedBuildState, openPath, handleBuildState])
 
-  if (treeState.relativePath.length === 0) return null
+  if (state.relativePath.length === 0) return null
 
   return (
     <StyledDialog
       __unstable_hideCloseButton
       animate
-      data-testid="tree-editing-dialog"
-      id="tree-editing-dialog"
+      data-testid="array-editing-dialog"
+      id="array-editing-dialog"
       onClickOutside={onClose}
       onClose={onClose}
       padding={0}
       width={3}
     >
-      <TreeEditingLayout
-        breadcrumbs={treeState.breadcrumbs}
-        items={treeState.menuItems}
+      <ArrayEditingLayout
+        breadcrumbs={state.breadcrumbs}
         onPathSelect={onHandlePathSelect}
-        selectedPath={treeState.relativePath}
-        title={treeState.rootTitle}
+        selectedPath={state.relativePath}
         setScrollElement={setLayoutScrollElement}
         footer={
           <Card borderTop>
             <Flex align="center" justify="flex-end" paddingX={3} paddingY={2} sizing="border">
               <Button
-                data-testid="tree-editing-done"
-                text={t('tree-editing-dialog.sidebar.action.done')}
+                data-testid="array-editing-done"
+                text={t('array-editing-dialog.sidebar.action.done')}
                 onClick={onClose}
               />
             </Flex>
@@ -230,12 +225,12 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
         <AnimatePresence initial={false} mode="wait" onExitComplete={handleAnimationExitComplete}>
           <MotionFlex
             animate="animate"
-            data-testid="tree-editing-dialog-content"
+            data-testid="array-editing-dialog-content"
             direction="column"
             exit="exit"
             height="fill"
             initial="initial"
-            key={toString(treeState.relativePath)}
+            key={toString(state.relativePath)}
             overflow="hidden"
             padding={1}
             sizing="border"
@@ -244,12 +239,12 @@ export function TreeEditingDialog(props: TreeEditingDialogProps): JSX.Element |
           >
             <FormInput
               {...rootInputProps}
-              relativePath={treeState.relativePath}
+              relativePath={state.relativePath}
               renderDefault={renderDefault}
             />
           </MotionFlex>
         </AnimatePresence>
-      </TreeEditingLayout>
+      </ArrayEditingLayout>
     </StyledDialog>
   )
 }
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbs.tsx b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbs.tsx
similarity index 70%
rename from packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbs.tsx
rename to packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbs.tsx
index 01360a18157a..4c1b4d8e105a 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbs.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbs.tsx
@@ -1,4 +1,3 @@
-import {ChevronDownIcon} from '@sanity/icons'
 import {Box, Button, Flex, Text, useElementSize} from '@sanity/ui'
 // eslint-disable-next-line camelcase
 import {getTheme_v2, type Theme} from '@sanity/ui/theme'
@@ -8,15 +7,16 @@ import {
   forwardRef,
   Fragment,
   type PropsWithChildren,
+  useCallback,
   useMemo,
   useState,
 } from 'react'
-import {getSchemaTypeTitle, type Path, SanityDefaultPreview} from 'sanity'
+import {type Path, SanityDefaultPreview} from 'sanity'
 import {css, styled} from 'styled-components'
 
 import {useValuePreviewWithFallback} from '../../hooks'
-import {type TreeEditingBreadcrumb} from '../../types'
-import {TreeEditingBreadcrumbsMenuButton} from './TreeEditingBreadcrumbsMenuButton'
+import {type ArrayEditingBreadcrumb} from '../../types'
+import {ArrayEditingBreadcrumbsMenuButton} from './ArrayEditingBreadcrumbsMenuButton'
 
 const MAX_LENGTH = 5
 const EMPTY_ARRAY: [] = []
@@ -43,10 +43,10 @@ const StyledText = styled(Text)`
   padding: 8px 0;
 `
 
-type Item = TreeEditingBreadcrumb[] | TreeEditingBreadcrumb
+type Item = ArrayEditingBreadcrumb[] | ArrayEditingBreadcrumb
 
 interface MenuButtonProps {
-  item: TreeEditingBreadcrumb
+  item: ArrayEditingBreadcrumb
   onPathSelect: (path: Path) => void
   isSelected: boolean
 }
@@ -62,18 +62,17 @@ const MenuButton = forwardRef(function MenuButton(
     value: item.value,
   })
 
-  const title = value.title
+  const handlePathSelect = useCallback(() => {
+    onPathSelect(item.path)
+  }, [item.path, onPathSelect])
 
-  // We check if the length is greater than 1 as the root item
-  // is also included in the children array.
-  const hasChildren = item.children && item.children?.length > 1
+  const title = value.title
 
   return (
     <StyledButton
       data-active={isSelected ? 'true' : 'false'}
       mode="bleed"
-      // eslint-disable-next-line react/jsx-no-bind
-      onClick={() => onPathSelect(item.path)}
+      onClick={handlePathSelect}
       padding={1}
       ref={ref}
       space={2}
@@ -82,12 +81,6 @@ const MenuButton = forwardRef(function MenuButton(
     >
       <Flex flex={1} align="center" justify="flex-start" gap={1} overflow="hidden">
         <SanityDefaultPreview title={title} media={value.media} layout="inline" />
-
-        {hasChildren && (
-          <Text size={0}>
-            <ChevronDownIcon />
-          </Text>
-        )}
       </Flex>
     </StyledButton>
   )
@@ -106,13 +99,13 @@ const SeparatorItem = forwardRef(function SeparatorItem(
   )
 })
 
-interface TreeEditingBreadcrumbsProps {
-  items: TreeEditingBreadcrumb[]
+interface ArrayEditingBreadcrumbsProps {
+  items: ArrayEditingBreadcrumb[]
   onPathSelect: (path: Path) => void
   selectedPath: Path
 }
 
-export function TreeEditingBreadcrumbs(props: TreeEditingBreadcrumbsProps): JSX.Element | null {
+export function ArrayEditingBreadcrumbs(props: ArrayEditingBreadcrumbsProps): JSX.Element | null {
   const {items: itemsProp = EMPTY_ARRAY, onPathSelect, selectedPath} = props
 
   const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)
@@ -158,7 +151,7 @@ export function TreeEditingBreadcrumbs(props: TreeEditingBreadcrumbsProps): JSX.
       if (Array.isArray(item)) {
         return (
           <Fragment key={key}>
-            <TreeEditingBreadcrumbsMenuButton
+            <ArrayEditingBreadcrumbsMenuButton
               button={
                 <StyledButton mode="bleed" padding={1}>
                   <Flex overflow="hidden">
@@ -180,31 +173,11 @@ export function TreeEditingBreadcrumbs(props: TreeEditingBreadcrumbsProps): JSX.
         )
       }
 
-      // We check if the length is greater than 1 as the root item
-      // is also included in the children array.
-      const hasChildren = item.children && item.children?.length > 1
-
       const isSelected = isEqual(item.path, selectedPath)
 
-      const button = <MenuButton item={item} isSelected={isSelected} onPathSelect={onPathSelect} />
-
       return (
         <Fragment key={key}>
-          {!hasChildren && button}
-
-          {hasChildren && (
-            <TreeEditingBreadcrumbsMenuButton
-              button={button}
-              items={item.children || EMPTY_ARRAY}
-              onPathSelect={onPathSelect}
-              menuTitle={getSchemaTypeTitle(item.schemaType)}
-              parentElement={rootElement}
-              // The selected path in the current menu is the path of the parent item.
-              // Therefore, we pass the parent item path as the selected path and
-              // not the selected path from the props.
-              selectedPath={item.path}
-            />
-          )}
+          <MenuButton item={item} isSelected={isSelected} onPathSelect={onPathSelect} />
 
           {showSeparator && <SeparatorItem>{SEPARATOR}</SeparatorItem>}
         </Fragment>
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenu.tsx b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenu.tsx
similarity index 88%
rename from packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenu.tsx
rename to packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenu.tsx
index 05c2e301233f..580f9e1c51b5 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenu.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenu.tsx
@@ -12,11 +12,11 @@ import {
 } from 'sanity'
 
 import {useValuePreviewWithFallback} from '../../hooks'
-import {type TreeEditingBreadcrumb} from '../../types'
+import {type ArrayEditingBreadcrumb} from '../../types'
 import {ITEM_HEIGHT} from './constants'
 
 interface BreadcrumbsItemProps {
-  item: TreeEditingBreadcrumb
+  item: ArrayEditingBreadcrumb
   selected: boolean
   isFirst: boolean
   onPathSelect: (path: Path) => void
@@ -57,14 +57,14 @@ function BreadcrumbsItem(props: BreadcrumbsItemProps): JSX.Element {
   )
 }
 
-interface TreeEditingBreadcrumbsMenuProps {
+interface ArrayEditingBreadcrumbsMenuProps {
   collapsed?: boolean
-  items: TreeEditingBreadcrumb[]
+  items: ArrayEditingBreadcrumb[]
   onPathSelect: (path: Path) => void
   selectedPath: Path
 }
 
-export function TreeEditingBreadcrumbsMenu(props: TreeEditingBreadcrumbsMenuProps): JSX.Element {
+export function ArrayEditingBreadcrumbsMenu(props: ArrayEditingBreadcrumbsMenuProps): JSX.Element {
   const {items, onPathSelect, selectedPath, collapsed = false} = props
   const {t} = useTranslation()
 
@@ -100,7 +100,7 @@ export function TreeEditingBreadcrumbsMenu(props: TreeEditingBreadcrumbsMenuProp
   )
 
   const renderItem = useCallback(
-    (item: TreeEditingBreadcrumb) => {
+    (item: ArrayEditingBreadcrumb) => {
       const selected = isEqual(item.path, selectedPath)
       const isFirst = isEqual(item.path, items[0].path)
 
@@ -120,9 +120,9 @@ export function TreeEditingBreadcrumbsMenu(props: TreeEditingBreadcrumbsMenuProp
   return (
     <CommandList
       activeItemDataAttr="data-hovered"
-      ariaLabel={t('tree-editing-dialog.breadcrumbs.menu')}
+      ariaLabel={t('Array-editing-dialog.breadcrumbs.menu')}
       autoFocus={supportsTouch ? undefined : 'input'}
-      data-testid="tree-editing-breadcrumbs-menu"
+      data-testid="Array-editing-breadcrumbs-menu"
       getItemDisabled={getItemDisabled}
       itemHeight={ITEM_HEIGHT}
       items={items}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenuButton.tsx b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenuButton.tsx
similarity index 88%
rename from packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenuButton.tsx
rename to packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenuButton.tsx
index a4d30c525e6a..68b5d314b680 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/TreeEditingBreadcrumbsMenuButton.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/ArrayEditingBreadcrumbsMenuButton.tsx
@@ -5,9 +5,9 @@ import ReactFocusLock from 'react-focus-lock'
 import {type Path} from 'sanity'
 import {css, styled} from 'styled-components'
 
-import {type TreeEditingBreadcrumb} from '../../types'
+import {type ArrayEditingBreadcrumb} from '../../types'
+import {ArrayEditingBreadcrumbsMenu} from './ArrayEditingBreadcrumbsMenu'
 import {ITEM_HEIGHT, MAX_DISPLAYED_ITEMS} from './constants'
-import {TreeEditingBreadcrumbsMenu} from './TreeEditingBreadcrumbsMenu'
 
 const POPOVER_FALLBACK_PLACEMENTS: PopoverProps['fallbackPlacements'] = ['bottom-start']
 
@@ -48,18 +48,18 @@ const StyledPopover = styled(Popover)(() => {
   `
 })
 
-interface TreeEditingBreadcrumbsMenuButtonProps {
+interface ArrayEditingBreadcrumbsMenuButtonProps {
   button: ReactElement
   collapsed?: boolean
-  items: TreeEditingBreadcrumb[]
+  items: ArrayEditingBreadcrumb[]
   menuTitle?: string
   onPathSelect: (path: Path) => void
   parentElement: HTMLElement | null
   selectedPath: Path
 }
 
-export function TreeEditingBreadcrumbsMenuButton(
-  props: TreeEditingBreadcrumbsMenuButtonProps,
+export function ArrayEditingBreadcrumbsMenuButton(
+  props: ArrayEditingBreadcrumbsMenuButtonProps,
 ): JSX.Element {
   const {
     button,
@@ -126,7 +126,7 @@ export function TreeEditingBreadcrumbsMenuButton(
           </TitleCard>
         )}
 
-        <TreeEditingBreadcrumbsMenu
+        <ArrayEditingBreadcrumbsMenu
           collapsed={collapsed}
           items={items}
           onPathSelect={handlePathSelect}
@@ -139,8 +139,8 @@ export function TreeEditingBreadcrumbsMenuButton(
   const clonedButton = cloneElement(button, {
     'aria-expanded': open,
     'aria-haspopup': 'true',
-    'data-testid': 'tree-editing-breadcrumb-menu-button',
-    'id': 'tree-breadcrumb-menu-button',
+    'data-testid': 'array-editing-breadcrumb-menu-button',
+    'id': 'Array-breadcrumb-menu-button',
     'onClick': handleButtonClick,
     'ref': setButtonElement,
     'selected': open,
@@ -151,7 +151,7 @@ export function TreeEditingBreadcrumbsMenuButton(
       animate
       constrainSize
       content={content}
-      data-testid="tree-editing-breadcrumbs-menu-popover"
+      data-testid="array-editing-breadcrumbs-menu-popover"
       fallbackPlacements={POPOVER_FALLBACK_PLACEMENTS}
       onKeyDown={handlePopoverKeyDown}
       open={open}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/constants.ts b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/constants.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/constants.ts
rename to packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/constants.ts
diff --git a/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/index.ts b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/index.ts
new file mode 100644
index 000000000000..8cef38dacfa6
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/components/breadcrumbs/index.ts
@@ -0,0 +1,3 @@
+export * from './ArrayEditingBreadcrumbs'
+export * from './ArrayEditingBreadcrumbsMenu'
+export * from './ArrayEditingBreadcrumbsMenuButton'
diff --git a/packages/sanity/src/core/form/studio/array-editing/components/index.ts b/packages/sanity/src/core/form/studio/array-editing/components/index.ts
new file mode 100644
index 000000000000..d89890d50cb7
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/components/index.ts
@@ -0,0 +1,3 @@
+export * from './ArrayEditingDialog'
+export * from './breadcrumbs'
+export * from './layout'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayout.tsx b/packages/sanity/src/core/form/studio/array-editing/components/layout/ArrayEditingLayout.tsx
similarity index 61%
rename from packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayout.tsx
rename to packages/sanity/src/core/form/studio/array-editing/components/layout/ArrayEditingLayout.tsx
index dc3c002f8771..e8d677a76fce 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayout.tsx
+++ b/packages/sanity/src/core/form/studio/array-editing/components/layout/ArrayEditingLayout.tsx
@@ -1,45 +1,29 @@
 import {Card, Container, Flex} from '@sanity/ui'
-import {memo, type ReactNode, useCallback, useRef, useState} from 'react'
+import {memo, type ReactNode, useCallback, useRef} from 'react'
 import {type Path, PresenceOverlay, VirtualizerScrollInstanceProvider} from 'sanity'
 
-import {type TreeEditingBreadcrumb, type TreeEditingMenuItem} from '../../types'
-import {TreeEditingBreadcrumbs} from '../breadcrumbs'
+import {type ArrayEditingBreadcrumb} from '../../types'
+import {ArrayEditingBreadcrumbs} from '../breadcrumbs'
 import {FixedHeightFlex} from './styles'
-import {TreeEditingLayoutSidebar} from './TreeEditingLayoutSidebar'
 
 const PRESENCE_MARGINS: [number, number, number, number] = [0, 0, 1, 0]
 
-interface TreeEditingLayoutProps {
-  breadcrumbs: TreeEditingBreadcrumb[]
+interface ArrayEditingLayoutProps {
+  breadcrumbs: ArrayEditingBreadcrumb[]
   children: ReactNode
   footer?: ReactNode
-  items: TreeEditingMenuItem[]
   onPathSelect: (path: Path) => void
   selectedPath: Path
   setScrollElement?: (ref: HTMLDivElement | null) => void
-  title: string
 }
 
-export const TreeEditingLayout = memo(function TreeEditingLayout(
-  props: TreeEditingLayoutProps,
+export const ArrayEditingLayout = memo(function ArrayEditingLayout(
+  props: ArrayEditingLayoutProps,
 ): JSX.Element {
-  const {
-    breadcrumbs,
-    children,
-    footer,
-    items,
-    onPathSelect,
-    selectedPath,
-    setScrollElement,
-    title,
-  } = props
+  const {breadcrumbs, children, footer, onPathSelect, selectedPath, setScrollElement} = props
   const scrollElementRef = useRef<HTMLDivElement | null>(null)
   const containerElementRef = useRef<HTMLDivElement | null>(null)
 
-  const [open, setOpen] = useState<boolean>(false)
-
-  const toggleOpen = useCallback(() => setOpen((v) => !v), [])
-
   const handleSetScrollElementRef = useCallback(
     (el: HTMLDivElement | null) => {
       scrollElementRef.current = el
@@ -51,19 +35,10 @@ export const TreeEditingLayout = memo(function TreeEditingLayout(
 
   return (
     <Flex height="fill" overflow="hidden">
-      <TreeEditingLayoutSidebar
-        items={items}
-        onOpenToggle={toggleOpen}
-        onPathSelect={onPathSelect}
-        open={open}
-        selectedPath={selectedPath}
-        title={title}
-      />
-
       <Flex direction="column" flex={1} overflow="hidden">
         <FixedHeightFlex align="center" sizing="border" gap={2} paddingX={4}>
           <Flex flex={1}>
-            <TreeEditingBreadcrumbs
+            <ArrayEditingBreadcrumbs
               items={breadcrumbs}
               onPathSelect={onPathSelect}
               selectedPath={selectedPath}
@@ -71,7 +46,7 @@ export const TreeEditingLayout = memo(function TreeEditingLayout(
           </Flex>
         </FixedHeightFlex>
 
-        <Card flex={1} id="tree-editing-form" overflow="auto" ref={handleSetScrollElementRef}>
+        <Card flex={1} id="array-editing-form" overflow="auto" ref={handleSetScrollElementRef}>
           {children && (
             <VirtualizerScrollInstanceProvider
               containerElement={containerElementRef}
diff --git a/packages/sanity/src/core/form/studio/array-editing/components/layout/index.ts b/packages/sanity/src/core/form/studio/array-editing/components/layout/index.ts
new file mode 100644
index 000000000000..490b19851216
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/components/layout/index.ts
@@ -0,0 +1 @@
+export * from './ArrayEditingLayout'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/styles.ts b/packages/sanity/src/core/form/studio/array-editing/components/layout/styles.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/components/layout/styles.ts
rename to packages/sanity/src/core/form/studio/array-editing/components/layout/styles.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/context/enabled/TreeEditingEnabledProvider.tsx b/packages/sanity/src/core/form/studio/array-editing/context/enabled/TreeEditingEnabledProvider.tsx
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/context/enabled/TreeEditingEnabledProvider.tsx
rename to packages/sanity/src/core/form/studio/array-editing/context/enabled/TreeEditingEnabledProvider.tsx
diff --git a/packages/sanity/src/core/form/studio/tree-editing/context/enabled/index.ts b/packages/sanity/src/core/form/studio/array-editing/context/enabled/index.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/context/enabled/index.ts
rename to packages/sanity/src/core/form/studio/array-editing/context/enabled/index.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/context/enabled/useTreeEditingEnabled.ts b/packages/sanity/src/core/form/studio/array-editing/context/enabled/useTreeEditingEnabled.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/context/enabled/useTreeEditingEnabled.ts
rename to packages/sanity/src/core/form/studio/array-editing/context/enabled/useTreeEditingEnabled.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/context/index.ts b/packages/sanity/src/core/form/studio/array-editing/context/index.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/context/index.ts
rename to packages/sanity/src/core/form/studio/array-editing/context/index.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/hooks/index.ts b/packages/sanity/src/core/form/studio/array-editing/hooks/index.ts
similarity index 56%
rename from packages/sanity/src/core/form/studio/tree-editing/hooks/index.ts
rename to packages/sanity/src/core/form/studio/array-editing/hooks/index.ts
index c10ba775cd06..f44674ab4ea4 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/hooks/index.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/hooks/index.ts
@@ -1,2 +1 @@
-export * from './useSearchableList'
 export * from './useValuePreviewWithFallback'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/hooks/useValuePreviewWithFallback.ts b/packages/sanity/src/core/form/studio/array-editing/hooks/useValuePreviewWithFallback.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/hooks/useValuePreviewWithFallback.ts
rename to packages/sanity/src/core/form/studio/array-editing/hooks/useValuePreviewWithFallback.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/index.ts b/packages/sanity/src/core/form/studio/array-editing/index.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/index.ts
rename to packages/sanity/src/core/form/studio/array-editing/index.ts
diff --git a/packages/sanity/src/core/form/studio/array-editing/types.ts b/packages/sanity/src/core/form/studio/array-editing/types.ts
new file mode 100644
index 000000000000..e616ff820487
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/types.ts
@@ -0,0 +1,7 @@
+import {type Path, type SchemaType} from 'sanity'
+
+export interface ArrayEditingBreadcrumb {
+  path: Path
+  schemaType: SchemaType
+  value: unknown | undefined
+}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildTreeEditingState.ts b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayEditingState.ts
similarity index 62%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildTreeEditingState.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayEditingState.ts
index 48c48b61039f..f3eedc6a881b 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildTreeEditingState.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayEditingState.ts
@@ -1,76 +1,69 @@
 import {toString} from '@sanity/util/paths'
 import {
   type ArraySchemaType,
-  getSchemaTypeTitle,
   getValueAtPath,
   isArrayOfObjectsSchemaType,
   type ObjectSchemaType,
   type Path,
 } from 'sanity'
 
-import {type TreeEditingBreadcrumb, type TreeEditingMenuItem} from '../../types'
+import {type ArrayEditingBreadcrumb} from '../../types'
 import {getRootPath} from '../getRootPath'
 import {getSchemaField} from '../getSchemaField'
 import {buildArrayState} from './buildArrayState'
 
 const EMPTY_ARRAY: [] = []
 
-export const EMPTY_TREE_STATE: TreeEditingState = {
+export const EMPTY_STATE: ArrayEditingState = {
   breadcrumbs: EMPTY_ARRAY,
-  menuItems: EMPTY_ARRAY,
   relativePath: EMPTY_ARRAY,
-  rootTitle: '',
 }
 
-export interface BuildTreeEditingStateProps {
+export interface BuildArrayEditingStateProps {
   schemaType: ObjectSchemaType | ArraySchemaType
   documentValue: unknown
   openPath: Path
 }
 
-export interface TreeEditingState {
-  /** The breadcrumbs for the tree editing state */
-  breadcrumbs: TreeEditingBreadcrumb[]
-  /** The menu items for the tree editing state */
-  menuItems: TreeEditingMenuItem[]
+export interface ArrayEditingState {
+  /** The breadcrumbs for the array editing state */
+  breadcrumbs: ArrayEditingBreadcrumb[]
   /**
-   * The relative path to the selected item in the tree editing state.
+   * The relative path to the selected item in the array editing state.
    * It is used to determine which field to show in the form editor.
    */
   relativePath: Path
-  /** The title of the root field */
-  rootTitle: string
 }
 
-export interface RecursiveProps extends Omit<BuildTreeEditingStateProps, 'openPath'> {
+export interface RecursiveProps extends Omit<BuildArrayEditingStateProps, 'openPath'> {
   path: Path
 }
 
-export function buildTreeEditingState(props: BuildTreeEditingStateProps): TreeEditingState {
+export function buildArrayEditingState(props: BuildArrayEditingStateProps): ArrayEditingState {
   const {openPath} = props
 
   const rootPath = getRootPath(openPath)
   const rootField = getSchemaField(props.schemaType, toString(rootPath)) as ObjectSchemaType
-  const rootTitle = getSchemaTypeTitle(rootField?.type as ObjectSchemaType)
 
   if (!isArrayOfObjectsSchemaType(rootField?.type)) {
-    return EMPTY_TREE_STATE
+    return EMPTY_STATE
   }
 
+  // TODO: REMOVE
   if (rootField?.options?.treeEditing === false) {
-    return EMPTY_TREE_STATE
+    return EMPTY_STATE
   }
 
   let relativePath: Path = []
-  const breadcrumbs: TreeEditingBreadcrumb[] = []
+  const breadcrumbs: ArrayEditingBreadcrumb[] = []
 
-  const result = recursive({
+  recursive({
     schemaType: rootField,
     documentValue: props.documentValue,
     path: rootPath,
   })
 
-  function recursive(recursiveProps: RecursiveProps): TreeEditingState {
+  function recursive(recursiveProps: RecursiveProps): ArrayEditingState {
     const {schemaType, path, documentValue} = recursiveProps
 
     const value = getValueAtPath(documentValue, path) as Array<Record<string, unknown>>
@@ -100,7 +93,5 @@ export function buildTreeEditingState(props: BuildTreeEditingStateProps): TreeEd
   return {
     relativePath,
     breadcrumbs,
-    menuItems: result.menuItems,
-    rootTitle,
   }
 }
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildArrayState.ts b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayState.ts
similarity index 76%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildArrayState.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayState.ts
index 1b4147d79f1a..efa52d2d55e7 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildArrayState.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildArrayState.ts
@@ -1,12 +1,10 @@
 import {toString} from '@sanity/util/paths'
 import {
   type ArraySchemaType,
-  EMPTY_ARRAY,
   getValueAtPath,
   isArrayOfBlocksSchemaType,
   isArrayOfObjectsSchemaType,
   isObjectSchemaType,
-  isPrimitiveSchemaType,
   isReferenceSchemaType,
   type ObjectField,
   type ObjectSchemaType,
@@ -15,11 +13,11 @@ import {
 } from 'sanity'
 
 import {getItemType} from '../../../../store/utils/getItemType'
-import {type TreeEditingBreadcrumb, type TreeEditingMenuItem} from '../../types'
+import {type ArrayEditingBreadcrumb} from '../../types'
 import {findArrayTypePaths} from '../findArrayTypePaths'
 import {getSchemaField} from '../getSchemaField'
+import {type ArrayEditingState, type RecursiveProps} from './buildArrayEditingState'
 import {buildBreadcrumbsState} from './buildBreadcrumbsState'
-import {type RecursiveProps, type TreeEditingState} from './buildTreeEditingState'
 import {getRelativePath, isArrayItemSelected, shouldBeInBreadcrumb} from './utils'
 
 interface BuildArrayState {
@@ -32,28 +30,25 @@ interface BuildArrayState {
   /** The current `openPath` */
   openPath: Path
   /** The recursive function to build the tree editing state for nested fields */
-  recursive: (props: RecursiveProps) => TreeEditingState
+  recursive: (props: RecursiveProps) => ArrayEditingState
   /** The root path of the array */
   rootPath: Path
 }
 
 /**
- * Build the tree editing state for an array field.
+ * Build the state for an array field.
  */
-export function buildArrayState(props: BuildArrayState): TreeEditingState {
+export function buildArrayState(props: BuildArrayState): ArrayEditingState {
   const {arraySchemaType, arrayValue, documentValue, openPath, rootPath, recursive} = props
 
   let relativePath: Path = []
-  const menuItems: TreeEditingMenuItem[] = []
-  const breadcrumbs: TreeEditingBreadcrumb[] = []
+  const breadcrumbs: ArrayEditingBreadcrumb[] = []
 
   // If tree editing is disabled for the array field, return early.
   if (arraySchemaType.options?.treeEditing === false) {
     return {
       breadcrumbs,
-      menuItems,
       relativePath,
-      rootTitle: '',
     }
   }
 
@@ -70,7 +65,6 @@ export function buildArrayState(props: BuildArrayState): TreeEditingState {
     if (itemSchemaField?.options?.treeEditing === false) return
 
     const childrenFields = itemSchemaField?.fields || []
-    const childrenMenuItems: TreeEditingMenuItem[] = []
 
     if (shouldBeInBreadcrumb(itemPath, openPath)) {
       const breadcrumbsResult = buildBreadcrumbsState({
@@ -98,8 +92,8 @@ export function buildArrayState(props: BuildArrayState): TreeEditingState {
       }
 
       // If the child field is an object field, check if it contains any array fields.
-      // If there are array fields within the child field, recursively build the tree
-      // editing state for them.
+      // If there are array fields within the child field, recursively build the
+      // state for the array fields.
       if (isObjectSchemaType(childField.type)) {
         // Find the paths of any array fields within the child field.
         const arrayPaths = findArrayTypePaths(childField.type.fields)
@@ -131,21 +125,12 @@ export function buildArrayState(props: BuildArrayState): TreeEditingState {
             relativePath = getRelativePath(fieldPath)
           }
 
-          // Recursively build the tree editing state for the array field.
-          const nestedArrayState = recursive({
+          // Recursively build the state for the array field.
+          recursive({
             documentValue,
             path: fieldPath,
             schemaType: nestedArrayField as ObjectSchemaType,
           })
-
-          // Add the state of the array field to the children menu items.
-          childrenMenuItems.push({
-            children: nestedArrayState.menuItems,
-            parentSchemaType: childField.type,
-            path: fieldPath,
-            schemaType: nestedArrayField.type,
-            value: arrayFieldValue,
-          })
         })
       }
 
@@ -164,28 +149,20 @@ export function buildArrayState(props: BuildArrayState): TreeEditingState {
           breadcrumbs.push(breadcrumbsResult)
         }
 
-        const childState = recursive({
+        recursive({
           documentValue,
           path: childPath,
           schemaType: childField as ObjectSchemaType,
         })
 
-        childrenMenuItems.push({
-          children: childState?.menuItems || EMPTY_ARRAY,
-          parentSchemaType: itemSchemaField,
-          path: childPath,
-          schemaType: childField as ObjectSchemaType,
-          value: childValue,
-        })
-
         return
       }
 
       // If `openPath` points to an array field within a portable text field,
       // set `relativePath` to the parent of the portable text field.
-      // This ensures that the tree editing dialog opens at the parent level
+      // This ensures that the array editing dialog opens at the parent level
       // of the portable text field.
-      // Portable text fields manage their own dialogs, so we open the tree editing
+      // Portable text fields manage their own dialogs, so we open the array editing
       // dialog for the parent item and let the portable text field handle its
       // dialogs via `openPath`.
       if (isPortableText && toString(openPath).startsWith(toString(childPath))) {
@@ -196,22 +173,10 @@ export function buildArrayState(props: BuildArrayState): TreeEditingState {
     if (isArrayItemSelected(itemPath, openPath)) {
       relativePath = getRelativePath(itemPath)
     }
-
-    if (!isPrimitiveSchemaType(itemSchemaField?.type)) {
-      menuItems.push({
-        children: childrenMenuItems,
-        parentSchemaType: arraySchemaType,
-        path: itemPath as Path,
-        schemaType: itemSchemaField as ObjectSchemaType,
-        value: item,
-      })
-    }
   })
 
   return {
     breadcrumbs,
-    menuItems,
     relativePath,
-    rootTitle: '',
   }
 }
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildBreadcrumbsState.ts b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildBreadcrumbsState.ts
similarity index 67%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildBreadcrumbsState.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildBreadcrumbsState.ts
index a3e42c9467c4..87a5744cb5c8 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/buildBreadcrumbsState.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/buildBreadcrumbsState.ts
@@ -1,8 +1,8 @@
 import {isEqual} from 'lodash'
-import {type ArraySchemaType, EMPTY_ARRAY, isReferenceSchemaType, type Path} from 'sanity'
+import {type ArraySchemaType, isReferenceSchemaType, type Path} from 'sanity'
 
 import {getItemType} from '../../../../store/utils/getItemType'
-import {type TreeEditingBreadcrumb} from '../../types'
+import {type ArrayEditingBreadcrumb} from '../../types'
 
 interface BuildBreadcrumbsStateProps {
   arraySchemaType: ArraySchemaType
@@ -11,10 +11,10 @@ interface BuildBreadcrumbsStateProps {
   parentPath: Path
 }
 
-export function buildBreadcrumbsState(props: BuildBreadcrumbsStateProps): TreeEditingBreadcrumb {
+export function buildBreadcrumbsState(props: BuildBreadcrumbsStateProps): ArrayEditingBreadcrumb {
   const {arraySchemaType, arrayValue, itemPath, parentPath} = props
 
-  const items: TreeEditingBreadcrumb[] = arrayValue
+  const items: ArrayEditingBreadcrumb[] = arrayValue
     .map((arrayItem) => {
       const nestedItemPath = [...parentPath, {_key: arrayItem._key}] as Path
 
@@ -26,20 +26,16 @@ export function buildBreadcrumbsState(props: BuildBreadcrumbsStateProps): TreeEd
       if (isReference || !itemType) return null
 
       return {
-        children: EMPTY_ARRAY,
-        parentSchemaType: arraySchemaType,
         path: nestedItemPath,
         schemaType: itemType,
         value: arrayItem,
-      } satisfies TreeEditingBreadcrumb
+      } satisfies ArrayEditingBreadcrumb
     })
-    .filter(Boolean) as TreeEditingBreadcrumb[]
+    .filter(Boolean) as ArrayEditingBreadcrumb[]
 
-  const selectedItem = items.find((item) => isEqual(item.path, itemPath)) as TreeEditingBreadcrumb
+  const selectedItem = items.find((item) => isEqual(item.path, itemPath)) as ArrayEditingBreadcrumb
 
   return {
-    children: items,
-    parentSchemaType: arraySchemaType,
     path: itemPath,
     schemaType: selectedItem.schemaType,
     value: selectedItem.value,
diff --git a/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/index.ts b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/index.ts
new file mode 100644
index 000000000000..6ed2a67ef0a0
--- /dev/null
+++ b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/index.ts
@@ -0,0 +1 @@
+export * from './buildArrayEditingState'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/utils.ts b/packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/utils.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/utils.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/build-array-editing-state/utils.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/findArrayTypePaths.ts b/packages/sanity/src/core/form/studio/array-editing/utils/findArrayTypePaths.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/findArrayTypePaths.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/findArrayTypePaths.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/getRootPath.ts b/packages/sanity/src/core/form/studio/array-editing/utils/getRootPath.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/getRootPath.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/getRootPath.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/getSchemaField.ts b/packages/sanity/src/core/form/studio/array-editing/utils/getSchemaField.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/getSchemaField.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/getSchemaField.ts
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/index.ts b/packages/sanity/src/core/form/studio/array-editing/utils/index.ts
similarity index 71%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/index.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/index.ts
index 0f1f8a87d0b4..d09e241eeca2 100644
--- a/packages/sanity/src/core/form/studio/tree-editing/utils/index.ts
+++ b/packages/sanity/src/core/form/studio/array-editing/utils/index.ts
@@ -1,4 +1,4 @@
-export * from './build-tree-editing-state'
+export * from './build-array-editing-state'
 export * from './findArrayTypePaths'
 export * from './getSchemaField'
 export * from './shouldArrayDialogOpen'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/shouldArrayDialogOpen.ts b/packages/sanity/src/core/form/studio/array-editing/utils/shouldArrayDialogOpen.ts
similarity index 100%
rename from packages/sanity/src/core/form/studio/tree-editing/utils/shouldArrayDialogOpen.ts
rename to packages/sanity/src/core/form/studio/array-editing/utils/shouldArrayDialogOpen.ts
diff --git a/packages/sanity/src/core/form/studio/index.ts b/packages/sanity/src/core/form/studio/index.ts
index 93c9568b4da7..178240773c54 100644
--- a/packages/sanity/src/core/form/studio/index.ts
+++ b/packages/sanity/src/core/form/studio/index.ts
@@ -1,7 +1,7 @@
+export {shouldArrayDialogOpen, useTreeEditingEnabled} from './array-editing'
 export * from './contexts'
 export * from './defaults'
 export * from './FormBuilder'
 export * from './FormProvider'
 export * from './inputs'
-export {shouldArrayDialogOpen, useTreeEditingEnabled} from './tree-editing'
 export * from './uploads'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__tests__/treeEditingSearch.test.ts b/packages/sanity/src/core/form/studio/tree-editing/__tests__/treeEditingSearch.test.ts
deleted file mode 100644
index d1e21d693812..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/__tests__/treeEditingSearch.test.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import {describe, expect, test} from '@jest/globals'
-
-import {type SearchableTreeEditingMenuItem} from '../components/search/types'
-import {treeEditingSearch} from '../components/search/utils'
-
-const NOOP_SCHEMA_TYPE = null as any
-
-const ITEMS: SearchableTreeEditingMenuItem[] = [
-  {
-    path: ['path-1'],
-    title: 'Item 1',
-    parentSchemaType: NOOP_SCHEMA_TYPE,
-    schemaType: NOOP_SCHEMA_TYPE,
-    value: {_key: 'path-1', title: 'Item 1'},
-  },
-  {
-    path: ['path-2'],
-    title: 'Item 2',
-    parentSchemaType: NOOP_SCHEMA_TYPE,
-    schemaType: NOOP_SCHEMA_TYPE,
-    value: {_key: 'path-2', title: 'Item 2'},
-    children: [
-      {
-        path: ['path-2', 'child-1'],
-        title: 'Child 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Child 1'},
-        children: [
-          {
-            path: ['path-2', 'child-1', 'grandchild-1'],
-            title: 'Grandchild 1',
-            parentSchemaType: NOOP_SCHEMA_TYPE,
-            schemaType: NOOP_SCHEMA_TYPE,
-            value: {_key: 'path-2', title: 'Grandchild 1'},
-          },
-          {
-            path: ['path-2', 'child-1', 'grandchild-2'],
-            title: 'Grandchild 2',
-            parentSchemaType: NOOP_SCHEMA_TYPE,
-            schemaType: NOOP_SCHEMA_TYPE,
-            value: {_key: 'path-2', title: 'Grandchild 2'},
-          },
-        ],
-      },
-    ],
-  },
-  {
-    path: ['path-3'],
-    title: 'Item 3',
-    parentSchemaType: NOOP_SCHEMA_TYPE,
-    schemaType: NOOP_SCHEMA_TYPE,
-    value: {_key: 'path-3', title: 'Item 3'},
-  },
-]
-
-describe('tree-editing: search', () => {
-  test('should return the correct result when searching for "Item 1"', () => {
-    const result = treeEditingSearch(ITEMS, 'Item 1')
-    const expected: SearchableTreeEditingMenuItem[] = [
-      {
-        path: ['path-1'],
-        title: 'Item 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-1', title: 'Item 1'},
-      },
-    ]
-    expect(result).toEqual(expected)
-  })
-
-  test('should return the correct result when searching for "Item"', () => {
-    const result = treeEditingSearch(ITEMS, 'Item')
-    const expected: SearchableTreeEditingMenuItem[] = [
-      {
-        path: ['path-1'],
-        title: 'Item 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-1', title: 'Item 1'},
-      },
-      {
-        path: ['path-2'],
-        title: 'Item 2',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Item 2'},
-      },
-      {
-        path: ['path-3'],
-        title: 'Item 3',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-3', title: 'Item 3'},
-      },
-    ]
-    expect(result).toEqual(expected)
-  })
-
-  test('should return the correct result when searching for "Child"', () => {
-    const result = treeEditingSearch(ITEMS, 'Child')
-    const expected: SearchableTreeEditingMenuItem[] = [
-      {
-        path: ['path-2', 'child-1'],
-        title: 'Child 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Child 1'},
-      },
-      {
-        path: ['path-2', 'child-1', 'grandchild-1'],
-        title: 'Grandchild 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Grandchild 1'},
-      },
-      {
-        path: ['path-2', 'child-1', 'grandchild-2'],
-        title: 'Grandchild 2',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Grandchild 2'},
-      },
-    ]
-    expect(result).toEqual(expected)
-  })
-
-  test('should return the correct result when searching for "Grandchild"', () => {
-    const result = treeEditingSearch(ITEMS, 'Grandchild')
-    const expected: SearchableTreeEditingMenuItem[] = [
-      {
-        path: ['path-2', 'child-1', 'grandchild-1'],
-        title: 'Grandchild 1',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Grandchild 1'},
-      },
-      {
-        path: ['path-2', 'child-1', 'grandchild-2'],
-        title: 'Grandchild 2',
-        parentSchemaType: NOOP_SCHEMA_TYPE,
-        schemaType: NOOP_SCHEMA_TYPE,
-        value: {_key: 'path-2', title: 'Grandchild 2'},
-      },
-    ]
-    expect(result).toEqual(expected)
-  })
-
-  test('should return an empty array when searching for "NO MATCH QUERY"', () => {
-    const result = treeEditingSearch(ITEMS, 'NO MATCH QUERY')
-    const expected: SearchableTreeEditingMenuItem[] = []
-    expect(result).toEqual(expected)
-  })
-})
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingMenuStory.tsx b/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingMenuStory.tsx
deleted file mode 100644
index d83534694a27..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingMenuStory.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import {Schema} from '@sanity/schema'
-import {Container} from '@sanity/ui'
-import {useMemo, useState} from 'react'
-import {type Path} from 'sanity'
-
-import {TreeEditingMenu} from '../components'
-import {buildTreeEditingState, type TreeEditingState} from '../utils'
-
-const schema = Schema.compile({
-  name: 'default',
-  types: [
-    {
-      name: 'testDocument',
-      title: 'Document',
-      type: 'document',
-      fields: [
-        {
-          type: 'array',
-          name: 'myArrayOfObjects',
-          title: 'My array of objects',
-          of: [
-            {
-              type: 'object',
-              name: 'myObject',
-              fields: [
-                {
-                  type: 'string',
-                  name: 'title',
-                  title: 'Title',
-                },
-                {
-                  type: 'array',
-                  name: 'nestedArray',
-                  title: 'Nested array 1',
-                  of: [
-                    {
-                      type: 'object',
-                      name: 'nestedObject',
-                      fields: [
-                        {
-                          type: 'string',
-                          name: 'title',
-                          title: 'Title',
-                        },
-                        {
-                          type: 'array',
-                          name: 'nestedArray',
-                          title: 'Nested array 2',
-                          of: [
-                            {
-                              type: 'object',
-                              name: 'nestedObject',
-                              fields: [
-                                {
-                                  type: 'string',
-                                  name: 'title',
-                                  title: 'Title',
-                                },
-                              ],
-                            },
-                          ],
-                        },
-                      ],
-                    },
-                  ],
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-})
-
-const DOCUMENT_VALUE = {
-  _id: 'test',
-  _type: 'testDocument',
-  myArrayOfObjects: [
-    {
-      _key: 'item-1',
-      _type: 'myObject',
-      title: 'Item 1',
-      nestedArray: [
-        {_key: 'nested-1-1', _type: 'nestedObject', title: 'Nested 1.1'},
-        {_key: 'nested-1-2', _type: 'nestedObject', title: 'Nested 1.2'},
-        {
-          _key: 'nested-1-3',
-          _type: 'nestedObject',
-          title: 'Nested 1.3',
-
-          nestedArray: [
-            {
-              _key: 'nested-1-3-1',
-              _type: 'nestedObject',
-              title: 'Nested 1.3.1',
-            },
-            {
-              _key: 'nested-1-3-2',
-              _type: 'nestedObject',
-              title: 'Nested 1.3.2',
-            },
-          ],
-        },
-      ],
-    },
-    {_key: 'item-2', _type: 'myObject', title: 'Item 2'},
-    {_key: 'item-3', _type: 'myObject', title: 'Item 3'},
-    {
-      _key: 'item-4',
-      _type: 'myObject',
-      title: 'Item 4',
-      nestedArray: [
-        {_key: 'nested-4-1', _type: 'nestedObject', title: 'Nested 4.1'},
-        {_key: 'nested-4-2', _type: 'nestedObject', title: 'Nested 4.2'},
-      ],
-    },
-  ],
-}
-
-export default function TreeEditingMenuStory(): JSX.Element {
-  const [selectedPath, setSelectedPath] = useState<Path>(['myArrayOfObjects', {_key: 'first-item'}])
-
-  const {menuItems} = useMemo((): TreeEditingState => {
-    return buildTreeEditingState({
-      schemaType: schema.get('testDocument'),
-      documentValue: DOCUMENT_VALUE,
-      openPath: selectedPath,
-    })
-  }, [selectedPath])
-
-  return (
-    <Container width={0} padding={3} sizing="border">
-      <TreeEditingMenu
-        items={menuItems}
-        onPathSelect={setSelectedPath}
-        selectedPath={selectedPath}
-      />
-    </Container>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingSearchStory.tsx b/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingSearchStory.tsx
deleted file mode 100644
index 43fe365fcfda..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/TreeEditingSearchStory.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import {Schema} from '@sanity/schema'
-import {Container, Flex} from '@sanity/ui'
-import {useMemo} from 'react'
-
-import {TreeEditingSearch} from '../components'
-import {buildTreeEditingState, type TreeEditingState} from '../utils'
-
-function noop() {
-  // ...
-}
-
-const schema = Schema.compile({
-  name: 'default',
-  types: [
-    {
-      name: 'testDocument',
-      title: 'Document',
-      type: 'document',
-      fields: [
-        {
-          type: 'array',
-          name: 'myArrayOfObjects',
-          title: 'My array of objects',
-          of: [
-            {
-              type: 'object',
-              name: 'myObject',
-              fields: [
-                {
-                  type: 'string',
-                  name: 'title',
-                  title: 'Title',
-                },
-                {
-                  type: 'array',
-                  name: 'nestedArray',
-                  title: 'Nested array 1',
-                  of: [
-                    {
-                      type: 'object',
-                      name: 'nestedObject',
-                      fields: [
-                        {
-                          type: 'string',
-                          name: 'title',
-                          title: 'Title',
-                        },
-                        {
-                          type: 'array',
-                          name: 'nestedArray',
-                          title: 'Nested array 2',
-                          of: [
-                            {
-                              type: 'object',
-                              name: 'nestedObject',
-                              fields: [
-                                {
-                                  type: 'string',
-                                  name: 'title',
-                                  title: 'Title',
-                                },
-                              ],
-                            },
-                          ],
-                        },
-                      ],
-                    },
-                  ],
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-})
-
-const DOCUMENT_VALUE = {
-  _id: 'test',
-  _type: 'testDocument',
-  myArrayOfObjects: [
-    {
-      _key: 'item-1',
-      _type: 'myObject',
-      title: 'Item 1',
-      nestedArray: [
-        {_key: 'nested-1-1', _type: 'nestedObject', title: 'Nested 1.1'},
-        {_key: 'nested-1-2', _type: 'nestedObject', title: 'Nested 1.2'},
-        {
-          _key: 'nested-1-3',
-          _type: 'nestedObject',
-          title: 'Nested 1.3',
-
-          nestedArray: [
-            {
-              _key: 'nested-1-3-1',
-              _type: 'nestedObject',
-              title: 'Nested 1.3.1',
-            },
-            {
-              _key: 'nested-1-3-2',
-              _type: 'nestedObject',
-              title: 'Nested 1.3.2',
-            },
-          ],
-        },
-      ],
-    },
-    {_key: 'item-2', _type: 'myObject', title: 'Item 2'},
-    {_key: 'item-3', _type: 'myObject', title: 'Item 3'},
-    {
-      _key: 'item-4',
-      _type: 'myObject',
-      title: 'Item 4',
-      nestedArray: [
-        {_key: 'nested-4-1', _type: 'nestedObject', title: 'Nested 4.1'},
-        {_key: 'nested-4-2', _type: 'nestedObject', title: 'Nested 4.2'},
-      ],
-    },
-  ],
-}
-
-export default function TreeEditingSearchStory() {
-  const {menuItems} = useMemo((): TreeEditingState => {
-    return buildTreeEditingState({
-      schemaType: schema.get('testDocument'),
-      documentValue: DOCUMENT_VALUE,
-      openPath: ['myArrayOfObjects', {_key: 'item-1'}],
-    })
-  }, [])
-
-  return (
-    <Flex align="center" height="fill" justify="center">
-      <Container width={0}>
-        <TreeEditingSearch items={menuItems} onPathSelect={noop} />
-      </Container>
-    </Flex>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/index.ts b/packages/sanity/src/core/form/studio/tree-editing/__workshop__/index.ts
deleted file mode 100644
index 796700e33f8c..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/__workshop__/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {defineScope} from '@sanity/ui-workshop'
-import {lazy} from 'react'
-
-export default defineScope({
-  name: 'core/form/tree-editing',
-  title: 'Tree editing',
-  stories: [
-    {
-      name: 'tree-editing-menu',
-      title: 'TreeEditingMenu',
-      component: lazy(() => import('./TreeEditingMenuStory')),
-    },
-    {
-      name: 'tree-editing-search',
-      title: 'TreeEditingSearch',
-      component: lazy(() => import('./TreeEditingSearchStory')),
-    },
-    {
-      name: 'tree-editing-layout',
-      title: 'TreeEditingLayout',
-      component: lazy(() => import('./TreeEditingLayoutStory')),
-    },
-    {
-      name: 'tree-editing-breadcrumbs',
-      title: 'TreeEditingBreadcrumbs',
-      component: lazy(() => import('./TreeEditingBreadcrumbsStory')),
-    },
-    {
-      name: 'tree-editing-breadcrumbs-menu',
-      title: 'TreeEditingBreadcrumbsMenu',
-      component: lazy(() => import('./TreeEditingBreadcrumbsMenuStory')),
-    },
-    {
-      name: 'tree-editing-breadcrumbs-menu-button',
-      title: 'TreeEditingBreadcrumbsMenuButtonStory',
-      component: lazy(() => import('./TreeEditingBreadcrumbsMenuButtonStory')),
-    },
-  ],
-})
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/index.ts
deleted file mode 100644
index 7cfcf06373c8..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/breadcrumbs/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './TreeEditingBreadcrumbs'
-export * from './TreeEditingBreadcrumbsMenu'
-export * from './TreeEditingBreadcrumbsMenuButton'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/index.ts
deleted file mode 100644
index ad0699c55cbf..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './breadcrumbs'
-export * from './layout'
-export * from './search'
-export * from './tree-menu'
-export * from './TreeEditingDialog'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayoutSidebar.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayoutSidebar.tsx
deleted file mode 100644
index e510a5717159..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/TreeEditingLayoutSidebar.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import {PanelLeftIcon} from '@sanity/icons'
-import {Box, Card, Stack, Text} from '@sanity/ui'
-import {AnimatePresence, motion, type Variants} from 'framer-motion'
-import {memo, useMemo} from 'react'
-import {useTranslation} from 'react-i18next'
-import {type Path} from 'sanity'
-import {styled} from 'styled-components'
-
-import {Button} from '../../../../../../ui-components'
-import {type TreeEditingMenuItem} from '../../types'
-import {TreeEditingSearch} from '../search'
-import {TreeEditingMenu} from '../tree-menu'
-import {Resizable} from './resizer'
-import {FixedHeightFlex} from './styles'
-
-const ANIMATION_VARIANTS: Variants = {
-  initial: {opacity: 0},
-  animate: {opacity: 1},
-  exit: {opacity: 0},
-}
-
-const SidebarCard = styled(Card)`
-  flex-direction: column;
-`
-
-const SidebarStack = styled(motion(Stack))`
-  overflow-x: hidden;
-`
-
-const SearchStack = styled(Stack)`
-  min-height: max-content;
-`
-
-interface TreeEditingLayoutSidebarProps {
-  items: TreeEditingMenuItem[]
-  onOpenToggle: () => void
-  onPathSelect: (path: Path) => void
-  open: boolean
-  selectedPath: Path
-  title: string
-}
-
-export const TreeEditingLayoutSidebar = memo(function TreeEditingLayoutSidebar(
-  props: TreeEditingLayoutSidebarProps,
-) {
-  const {items, onPathSelect, selectedPath, onOpenToggle, open, title} = props
-  const {t} = useTranslation()
-
-  const tooltipProps = useMemo(
-    () => ({
-      content: open
-        ? t('tree-editing-dialog.sidebar.action.close')
-        : t('tree-editing-dialog.sidebar.action.open'),
-    }),
-    [open, t],
-  )
-
-  const content = (
-    <SidebarCard
-      borderRight={!open}
-      data-testid="tree-editing-sidebar"
-      data-ui="SidebarCard"
-      display="flex"
-      forwardedAs="aside"
-      height="fill"
-      overflow="hidden"
-      tone="transparent"
-    >
-      <FixedHeightFlex align="center" gap={2}>
-        <Button
-          data-testid="tree-editing-sidebar-toggle"
-          icon={PanelLeftIcon}
-          mode="bleed"
-          onClick={onOpenToggle}
-          selected={open}
-          tooltipProps={tooltipProps}
-        />
-
-        {open && (
-          <Box flex={1}>
-            <Text size={1} muted weight="medium" textOverflow="ellipsis">
-              {title}
-            </Text>
-          </Box>
-        )}
-      </FixedHeightFlex>
-
-      {open && (
-        <SearchStack padding={2} sizing="border">
-          <TreeEditingSearch items={items} onPathSelect={onPathSelect} />
-        </SearchStack>
-      )}
-
-      <AnimatePresence mode="wait">
-        {open && (
-          <SidebarStack
-            animate="animate"
-            exit="exit"
-            initial="initial"
-            overflow="auto"
-            padding={3}
-            sizing="border"
-            variants={ANIMATION_VARIANTS}
-          >
-            <TreeEditingMenu
-              items={items}
-              onPathSelect={onPathSelect}
-              selectedPath={selectedPath}
-            />
-          </SidebarStack>
-        )}
-      </AnimatePresence>
-    </SidebarCard>
-  )
-
-  if (open) {
-    return (
-      <Resizable maxWidth={450} minWidth={150} initialWidth={250}>
-        {content}
-      </Resizable>
-    )
-  }
-
-  return content
-})
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/layout/index.ts
deleted file mode 100644
index 1c7273a13b26..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TreeEditingLayout'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizable.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizable.tsx
deleted file mode 100644
index ef695fc4e1dc..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizable.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import {Box, type BoxProps} from '@sanity/ui'
-import {type HTMLProps, useCallback, useMemo, useRef, useState} from 'react'
-import {styled} from 'styled-components'
-
-import {Resizer} from './Resizer'
-
-export interface ResizableProps {
-  minWidth: number
-  maxWidth: number
-  initialWidth: number
-}
-
-const Root = styled(Box)`
-  position: relative;
-  flex: 1;
-  padding-left: 1px;
-`
-
-export function Resizable(
-  props: ResizableProps & BoxProps & Omit<HTMLProps<HTMLDivElement>, 'as'>,
-) {
-  const {as: forwardedAs, children, minWidth, maxWidth, initialWidth, ...restProps} = props
-  const [element, setElement] = useState<HTMLDivElement | null>(null)
-  const elementWidthRef = useRef<number>()
-  const [targetWidth, setTargetWidth] = useState<number>(initialWidth)
-
-  const handleResizeStart = useCallback(() => {
-    elementWidthRef.current = element?.offsetWidth
-  }, [element])
-
-  const handleResize = useCallback(
-    (deltaX: number) => {
-      const w = elementWidthRef.current
-
-      if (!w) return
-
-      setTargetWidth(Math.min(Math.max(w - deltaX, minWidth), maxWidth))
-    },
-    [minWidth, maxWidth],
-  )
-
-  const style = useMemo(
-    () => (targetWidth ? {flex: 'none', width: targetWidth} : {minWidth, maxWidth}),
-    [minWidth, maxWidth, targetWidth],
-  )
-
-  return (
-    <Root as={forwardedAs} {...restProps} ref={setElement} style={style}>
-      {children}
-      <Resizer onResize={handleResize} onResizeStart={handleResizeStart} position="right" />
-    </Root>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizer.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizer.tsx
deleted file mode 100644
index a9f340535259..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/Resizer.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import {type MouseEvent, useCallback, useRef} from 'react'
-import {css, styled} from 'styled-components'
-
-interface PositionProps {
-  position: 'left' | 'right'
-}
-
-const Root = styled.div<PositionProps>`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 9px;
-  z-index: 201;
-  cursor: ew-resize;
-
-  ${({position}) =>
-    position === 'right'
-      ? css`
-          right: -4px;
-        `
-      : css`
-          left: -4px;
-        `}
-
-  /* Border */
-  & > span:nth-child(1) {
-    display: block;
-    border-left: 1px solid var(--card-border-color);
-    position: absolute;
-    top: 0;
-    ${({position}) =>
-      position === 'right'
-        ? css`
-            right: 4px;
-          `
-        : css`
-            left: 4px;
-          `}
-    bottom: 0;
-    transition: opacity 200ms;
-  }
-
-  /* Hover effect */
-  & > span:nth-child(2) {
-    display: block;
-    position: absolute;
-    top: 0;
-    ${({position}) =>
-      position === 'right'
-        ? css`
-            right: 0px;
-          `
-        : css`
-            left: 0px;
-          `}
-    width: 9px;
-    bottom: 0;
-    background-color: var(--card-border-color);
-    opacity: 0;
-    transition: opacity 150ms;
-  }
-
-  @media (hover: hover) {
-    &:hover > span:nth-child(2) {
-      opacity: 0.2;
-    }
-  }
-`
-
-export function Resizer(props: {
-  onResize: (delta: number) => void
-  onResizeStart: () => void
-  position: 'left' | 'right'
-}) {
-  const {onResize, onResizeStart, position} = props
-
-  const mouseXRef = useRef(0)
-
-  const handleMouseDown = useCallback(
-    (event: MouseEvent) => {
-      event.preventDefault()
-
-      mouseXRef.current = event.pageX
-
-      onResizeStart()
-
-      const handleMouseMove = (e: globalThis.MouseEvent) => {
-        e.preventDefault()
-        onResize(mouseXRef.current - e.pageX)
-      }
-
-      const handleMouseUp = () => {
-        window.removeEventListener('mousemove', handleMouseMove)
-        window.removeEventListener('mouseup', handleMouseUp)
-      }
-
-      window.addEventListener('mousemove', handleMouseMove)
-      window.addEventListener('mouseup', handleMouseUp)
-    },
-    [onResize, onResizeStart],
-  )
-
-  return (
-    <Root onMouseDown={handleMouseDown} position={position}>
-      {/* Hover effect */}
-      <span />
-
-      {/* Border */}
-      <span />
-    </Root>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/index.ts
deleted file mode 100644
index 9b127fda128d..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/layout/resizer/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Resizable'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearch.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearch.tsx
deleted file mode 100644
index 97509ba4615a..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearch.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-import {SearchIcon} from '@sanity/icons'
-import {Card, Flex, Popover, type PopoverProps, Stack, Text, TextInput} from '@sanity/ui'
-import {type ChangeEvent, type KeyboardEvent, useCallback, useMemo, useState} from 'react'
-import {type Path, useTranslation} from 'sanity'
-import {css, styled} from 'styled-components'
-
-import {useSearchableList} from '../../hooks'
-import {type TreeEditingMenuItem} from '../../types'
-import {ITEM_HEIGHT, MAX_DISPLAYED_ITEMS} from './constants'
-import {TreeEditingSearchMenu} from './TreeEditingSearchMenu'
-import {treeEditingSearch} from './utils'
-
-const POPOVER_FALLBACK_PLACEMENTS: PopoverProps['fallbackPlacements'] = ['bottom-start']
-
-const RootFlex = styled(Flex)``
-
-const PopoverListFlex = styled(Flex)<{
-  $maxDisplayedItems: number
-  $itemHeight: number
-}>((props) => {
-  const {$maxDisplayedItems, $itemHeight} = props
-
-  return css`
-    --item-height: ${$itemHeight}px;
-    --max-items: ${$maxDisplayedItems};
-    --list-padding: 0.5rem;
-
-    position: relative;
-    max-height: calc(var(--item-height) * var(--max-items) + var(--list-padding));
-    min-height: calc((var(--item-height) * 1));
-    width: 100%;
-  `
-})
-
-const StyledPopover = styled(Popover)(() => {
-  return css`
-    [data-ui='Popover__wrapper'] {
-      min-width: 250px;
-      display: flex;
-      flex-direction: column;
-      border-radius: ${({theme}) => theme.sanity.radius[3]}px;
-      position: relative;
-      overflow: hidden;
-      overflow: clip;
-    }
-  `
-})
-
-const StyledTextInput = styled(TextInput)`
-  border-radius: inherit;
-`
-
-interface TreeEditingSearchProps {
-  items: TreeEditingMenuItem[]
-  onPathSelect: (path: Path) => void
-}
-
-export function TreeEditingSearch(props: TreeEditingSearchProps): JSX.Element {
-  const {items, onPathSelect} = props
-
-  const [textInputElement, setTextInputElement] = useState<HTMLInputElement | null>(null)
-  const [query, setQuery] = useState<string>('')
-  const {t} = useTranslation()
-
-  const hasSearchQuery = query.length > 0
-
-  const searchableList = useSearchableList(items)
-
-  const filteredList = useMemo(
-    () => treeEditingSearch(searchableList, query),
-    [query, searchableList],
-  )
-
-  const resetSearch = useCallback(() => setQuery(''), [])
-
-  const handleSearchChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
-    setQuery(event.target.value)
-  }, [])
-
-  const handlePathSelect = useCallback(
-    (path: Path) => {
-      onPathSelect(path)
-      resetSearch()
-    },
-    [onPathSelect, resetSearch],
-  )
-
-  const handleSearchKeyDown = useCallback(
-    (event: KeyboardEvent<HTMLInputElement>) => {
-      if (event.key === 'Escape') {
-        resetSearch()
-        textInputElement?.focus()
-      }
-    },
-    [resetSearch, textInputElement],
-  )
-
-  const handleSearchBlur = useCallback(() => {
-    // Run this in the next frame to avoid clearing the search query
-    // when the user clicks on a search result
-    requestAnimationFrame(() => {
-      resetSearch()
-    })
-  }, [resetSearch])
-
-  const content = useMemo(() => {
-    if (filteredList.length === 0) {
-      return (
-        <Card>
-          <Stack padding={4} sizing="border" space={3}>
-            <Text align="center" muted size={1} weight="medium">
-              {t('tree-editing-dialog.search.no-results-title')}
-            </Text>
-          </Stack>
-        </Card>
-      )
-    }
-
-    return (
-      <RootFlex direction="column" flex={1} height="fill">
-        <Card>
-          <PopoverListFlex
-            $itemHeight={ITEM_HEIGHT}
-            $maxDisplayedItems={MAX_DISPLAYED_ITEMS}
-            direction="column"
-            overflow="hidden"
-          >
-            <TreeEditingSearchMenu
-              items={filteredList}
-              onPathSelect={handlePathSelect}
-              textInputElement={textInputElement}
-            />
-          </PopoverListFlex>
-        </Card>
-      </RootFlex>
-    )
-  }, [filteredList, handlePathSelect, textInputElement, t])
-
-  return (
-    <StyledPopover
-      animate
-      constrainSize
-      content={content}
-      fallbackPlacements={POPOVER_FALLBACK_PLACEMENTS}
-      matchReferenceWidth
-      open={hasSearchQuery}
-      placement="bottom-start"
-      portal
-    >
-      <Card radius={3}>
-        <StyledTextInput
-          fontSize={1}
-          icon={SearchIcon}
-          onBlur={handleSearchBlur}
-          onChange={handleSearchChange}
-          onKeyDown={handleSearchKeyDown}
-          placeholder={t('tree-editing-dialog.search-placeholder')}
-          ref={setTextInputElement}
-          value={query}
-        />
-      </Card>
-    </StyledPopover>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearchMenu.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearchMenu.tsx
deleted file mode 100644
index d6432bd5253c..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/TreeEditingSearchMenu.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import {Box, Button, Stack, Text} from '@sanity/ui'
-import {isEqual} from 'lodash'
-import {useCallback} from 'react'
-import {
-  CommandList,
-  getSchemaTypeTitle,
-  type Path,
-  SanityDefaultPreview,
-  supportsTouch,
-  useTranslation,
-} from 'sanity'
-
-import {useValuePreviewWithFallback} from '../../hooks'
-import {type TreeEditingMenuItem} from '../../types'
-import {ITEM_HEIGHT} from './constants'
-
-interface ResultItemProps {
-  item: TreeEditingMenuItem
-  onPathSelect: (path: Path) => void
-  isFirst: boolean
-}
-
-function ResultItem(props: ResultItemProps): JSX.Element {
-  const {item, onPathSelect, isFirst} = props
-
-  const {value} = useValuePreviewWithFallback({
-    value: item.value,
-    schemaType: item.schemaType,
-  })
-
-  const title = value.title
-
-  return (
-    <Stack marginTop={isFirst ? undefined : 1}>
-      <Button
-        mode="bleed"
-        // eslint-disable-next-line react/jsx-no-bind
-        onClick={() => onPathSelect(item.path)}
-      >
-        <Stack space={2} flex={1}>
-          <SanityDefaultPreview title={title} media={value.media} layout="inline" />
-
-          <Box>
-            <Text muted size={0} textOverflow="ellipsis">
-              {getSchemaTypeTitle(item.parentSchemaType)}
-            </Text>
-          </Box>
-        </Stack>
-      </Button>
-    </Stack>
-  )
-}
-
-interface TreeEditingSearchMenuProps {
-  items: TreeEditingMenuItem[]
-  onPathSelect: (path: Path) => void
-  textInputElement: HTMLInputElement | null
-}
-
-export function TreeEditingSearchMenu(props: TreeEditingSearchMenuProps): JSX.Element {
-  const {items, onPathSelect, textInputElement} = props
-  const {t} = useTranslation()
-
-  const renderItem = useCallback(
-    (item: TreeEditingMenuItem) => {
-      const isFirst = isEqual(item.path, items[0].path)
-
-      return <ResultItem isFirst={isFirst} item={item} onPathSelect={onPathSelect} />
-    },
-    [items, onPathSelect],
-  )
-
-  return (
-    <CommandList
-      activeItemDataAttr="data-hovered"
-      ariaLabel={t('tree-editing-dialog.search.menu-label')}
-      autoFocus={supportsTouch ? undefined : 'input'}
-      inputElement={textInputElement}
-      itemHeight={ITEM_HEIGHT}
-      items={items}
-      overscan={5}
-      padding={1}
-      renderItem={renderItem}
-    />
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/constants.ts b/packages/sanity/src/core/form/studio/tree-editing/components/search/constants.ts
deleted file mode 100644
index 3c00502456e2..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/constants.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const ITEM_HEIGHT = 51
-export const MAX_DISPLAYED_ITEMS = 10
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/search/index.ts
deleted file mode 100644
index f6da56fa7d34..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TreeEditingSearch'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/types.ts b/packages/sanity/src/core/form/studio/tree-editing/components/search/types.ts
deleted file mode 100644
index 7c97177f3c7c..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/types.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import {type TreeEditingMenuItem} from '../../types'
-
-export interface SearchableTreeEditingMenuItem extends TreeEditingMenuItem {
-  title: string | undefined
-  children?: SearchableTreeEditingMenuItem[]
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/search/utils.ts b/packages/sanity/src/core/form/studio/tree-editing/components/search/utils.ts
deleted file mode 100644
index 64b664882f3a..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/search/utils.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import {deburr} from 'lodash'
-
-import {type TreeEditingMenuItem} from '../../types'
-import {type SearchableTreeEditingMenuItem} from './types'
-
-/**
- * Flattens a list of items and their children into a single list.
- */
-export function flattenItems(items: TreeEditingMenuItem[]): TreeEditingMenuItem[] {
-  const result: TreeEditingMenuItem[] = items.reduce(
-    (acc: TreeEditingMenuItem[], item: TreeEditingMenuItem) => {
-      if (item?.children) {
-        return [...acc, item, ...flattenItems(item.children)]
-      }
-
-      return [...acc, item]
-    },
-    [],
-  )
-
-  // Remove the children property from the items
-  // as we only want to return the items themselves
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  return result.map(({children, ...item}) => item)
-}
-
-/**
- * Returns a list of items that match the search query.
- */
-export function treeEditingSearch(
-  items: SearchableTreeEditingMenuItem[],
-  query: string,
-): TreeEditingMenuItem[] {
-  // Flatten the items list so we can search through all items and their children
-  const flattenItemsList = flattenItems(items) as SearchableTreeEditingMenuItem[]
-
-  // We use deburr to remove diacritics from the query and the item titles. This way we can
-  // search for "nino" and get results for "niño" as well.
-  const deburredQuery = deburr(query).toLocaleLowerCase()
-
-  const filtered = flattenItemsList
-    ?.filter((option) => {
-      const deburredTitle = deburr(option.title || '').toLocaleLowerCase()
-
-      return deburredTitle.includes(deburredQuery)
-    })
-    // Sort the most relevant results first
-    ?.sort((a, b) => {
-      const matchA = a.title?.startsWith(deburredQuery)
-      const matchB = b.title?.startsWith(deburredQuery)
-
-      if (matchA && !matchB) return -1
-      if (!matchA && matchB) return 1
-
-      return 0
-    })
-
-  return filtered
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenu.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenu.tsx
deleted file mode 100644
index 5abd95bd4972..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenu.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import {Stack} from '@sanity/ui'
-import {toString} from '@sanity/util/paths'
-import {memo} from 'react'
-import {type Path} from 'sanity'
-
-import {type TreeEditingMenuItem as TreeEditingMenuItemType} from '../../types'
-import {TreeEditingMenuItem} from './TreeEditingMenuItem'
-import {getSiblingHasChildren} from './utils'
-
-interface TreeEditingMenuProps {
-  items: TreeEditingMenuItemType[]
-  onPathSelect: (path: Path) => void
-  selectedPath: Path | null
-}
-
-export const TreeEditingMenu = memo(function TreeEditingMenu(
-  props: TreeEditingMenuProps,
-): JSX.Element {
-  const {items, onPathSelect, selectedPath} = props
-
-  return (
-    <Stack as="ul" data-testid="tree-editing-menu" role="tree" space={2}>
-      {items.map((item) => {
-        const siblingHasChildren = getSiblingHasChildren(items)
-
-        return (
-          <TreeEditingMenuItem
-            item={item}
-            key={toString(item.path)}
-            onPathSelect={onPathSelect}
-            selectedPath={selectedPath}
-            siblingHasChildren={siblingHasChildren}
-          />
-        )
-      })}
-    </Stack>
-  )
-})
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenuItem.tsx b/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenuItem.tsx
deleted file mode 100644
index a45fe41ccfd3..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/TreeEditingMenuItem.tsx
+++ /dev/null
@@ -1,246 +0,0 @@
-import {hues} from '@sanity/color'
-import {ChevronRightIcon, StackCompactIcon} from '@sanity/icons'
-import {Button, Card, Flex, Stack, Text} from '@sanity/ui'
-// eslint-disable-next-line camelcase
-import {getTheme_v2} from '@sanity/ui/theme'
-import {toString} from '@sanity/util/paths'
-import {isEqual} from 'lodash'
-import {useCallback, useEffect, useMemo, useState} from 'react'
-import {useTranslation} from 'react-i18next'
-import {getSchemaTypeTitle, type Path, SanityDefaultPreview} from 'sanity'
-import scrollIntoViewIfNeeded, {type StandardBehaviorOptions} from 'scroll-into-view-if-needed'
-import {css, styled} from 'styled-components'
-
-import {useValuePreviewWithFallback} from '../../hooks'
-import {type TreeEditingMenuItem as TreeEditingMenuItemType} from '../../types'
-import {isArrayItemPath} from '../../utils/build-tree-editing-state/utils'
-import {getSiblingHasChildren} from './utils'
-
-function hasOpenChild(item: TreeEditingMenuItemType, selectedPath: Path | null): boolean {
-  return (
-    item.children?.some(
-      (child) => isEqual(child.path, selectedPath) || hasOpenChild(child, selectedPath),
-    ) || false
-  )
-}
-
-const SCROLL_BEHAVIOR_OPTIONS: StandardBehaviorOptions = {
-  block: 'center',
-  behavior: 'smooth',
-  scrollMode: 'if-needed',
-}
-
-const AnimateChevronIcon = styled(ChevronRightIcon)`
-  transition: transform 0.2s ease;
-
-  &[data-expanded='true'] {
-    transform: rotate(90deg);
-  }
-`
-
-// This component is used to keep buttons aligned in the tree menu
-// when the expand button is not present on an item.
-// The width should match the width of the expand button.
-const Spacer = styled.div`
-  min-width: 23px;
-  max-width: 23px;
-`
-
-const ChildStack = styled(Stack)(({theme}) => {
-  const space = getTheme_v2(theme)?.space[3] || 0
-  const isDark = getTheme_v2(theme)?.color._dark
-  const borderColor = hues.gray[isDark ? 900 : 200].hex
-
-  return css`
-    margin-left: ${space + 2}px;
-    box-sizing: border-box;
-    border-left: 1px solid ${borderColor};
-  `
-})
-
-const ItemFlex = styled(Flex)(({theme}) => {
-  const defaultHoverBg = getTheme_v2(theme)?.color.button.bleed.default.hovered.bg
-  const selectedHoverBg = getTheme_v2(theme)?.color.button.bleed.default.pressed.bg
-  const selectedBg = getTheme_v2(theme)?.color.button.bleed.default.selected.bg
-
-  return css`
-    padding: 2px;
-    padding-right: 3px;
-    box-sizing: border-box;
-    transition: inherit;
-    border-radius: ${getTheme_v2(theme).radius[2]}px;
-
-    &[data-selected='true'] {
-      background-color: ${selectedBg};
-    }
-
-    [data-ui='ExpandButton'],
-    [data-ui='NavigateButton'] {
-      transition: inherit;
-      background-color: inherit;
-      box-shadow: unset;
-    }
-
-    @media (hover: hover) {
-      &:hover {
-        &[data-selected='false'] {
-          background-color: ${defaultHoverBg};
-          border-radius: ${getTheme_v2(theme).radius[2]}px;
-
-          [data-ui='ExpandButton']:hover {
-            background-color: ${selectedHoverBg};
-          }
-        }
-
-        [data-ui='ExpandButton']:hover {
-          background-color: ${defaultHoverBg};
-        }
-      }
-    }
-  `
-})
-
-interface TreeEditingMenuItemProps {
-  item: TreeEditingMenuItemType
-  onPathSelect: (path: Path) => void
-  selectedPath: Path | null
-  siblingHasChildren?: boolean
-}
-
-export function TreeEditingMenuItem(props: TreeEditingMenuItemProps): JSX.Element {
-  const {item, onPathSelect, selectedPath, siblingHasChildren} = props
-  const {children} = item
-  const hasChildren = children && children.length > 0
-
-  const [open, setOpen] = useState<boolean>(false)
-  const [rootElement, setRootElement] = useState<HTMLElement | null>(null)
-
-  const {t} = useTranslation()
-
-  const {value} = useValuePreviewWithFallback({
-    schemaType: item.schemaType,
-    value: item.value,
-  })
-
-  const selected = useMemo(() => isEqual(item.path, selectedPath), [item.path, selectedPath])
-  const isArrayParent = useMemo(() => !isArrayItemPath(item.path), [item.path])
-  const stringPath = useMemo(() => toString(item.path), [item.path])
-
-  const title = useMemo(() => {
-    // If the item is an array parent, we want to show the schema type title
-    if (isArrayParent) {
-      return getSchemaTypeTitle(item.schemaType)
-    }
-
-    // Else, we show the preview title
-    return value.title
-  }, [isArrayParent, item.schemaType, value.title])
-
-  const icon = useMemo(() => {
-    if (!hasChildren) return null
-
-    return <AnimateChevronIcon data-expanded={open ? 'true' : 'false'} />
-  }, [hasChildren, open])
-
-  const media = useMemo(() => {
-    if (isArrayParent) {
-      return <StackCompactIcon />
-    }
-
-    return value.media
-  }, [isArrayParent, value.media])
-
-  const handleClick = useCallback(() => onPathSelect(item.path), [item.path, onPathSelect])
-
-  const handleExpandClick = useCallback(() => setOpen((v) => !v), [])
-
-  useEffect(() => {
-    const hasOpen = hasOpenChild(item, selectedPath)
-
-    if (hasOpen) {
-      setOpen(true)
-    }
-  }, [item, selectedPath])
-
-  // Scroll to the selected item
-  useEffect(() => {
-    if (!rootElement || !selected) return
-
-    scrollIntoViewIfNeeded(rootElement, SCROLL_BEHAVIOR_OPTIONS)
-  }, [rootElement, selected])
-
-  return (
-    <Stack
-      aria-expanded={open}
-      as="li"
-      key={stringPath}
-      ref={setRootElement}
-      role="treeitem"
-      space={1}
-    >
-      <Card
-        data-as="button"
-        data-testid="tree-editing-menu-item"
-        overflow="hidden"
-        radius={2}
-        tone="inherit"
-      >
-        <ItemFlex
-          align="center"
-          data-selected={selected}
-          data-testid="tree-editing-menu-item-content"
-        >
-          {icon && (
-            <Button
-              aria-label={`${open ? t('tree-editing-dialog.sidebar.action.collapse') : t('tree-editing-dialog.sidebar.action.expand')} ${title}`}
-              data-testid={`tree-editing-menu-expand-button-${stringPath}`}
-              data-ui="ExpandButton"
-              mode="bleed"
-              onClick={handleExpandClick}
-              padding={2}
-            >
-              <Text size={0} muted>
-                {icon}
-              </Text>
-            </Button>
-          )}
-
-          {!icon && siblingHasChildren && <Spacer />}
-
-          <Stack flex={1}>
-            <Button
-              data-testid={`tree-editing-menu-navigate-button-${stringPath}`}
-              data-ui="NavigateButton"
-              mode="bleed"
-              onClick={handleClick}
-              padding={1}
-              title={title}
-            >
-              <Flex align="center">
-                <SanityDefaultPreview layout="inline" media={media} title={title} />
-              </Flex>
-            </Button>
-          </Stack>
-        </ItemFlex>
-      </Card>
-
-      {open && hasChildren && (
-        <ChildStack flex={1} forwardedAs="ul" paddingLeft={1} role="group" space={1}>
-          {children.map((child) => {
-            const childSiblingHasChildren = getSiblingHasChildren(children)
-
-            return (
-              <TreeEditingMenuItem
-                item={child}
-                key={toString(child.path)}
-                onPathSelect={onPathSelect}
-                selectedPath={selectedPath}
-                siblingHasChildren={childSiblingHasChildren}
-              />
-            )
-          })}
-        </ChildStack>
-      )}
-    </Stack>
-  )
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/index.ts b/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/index.ts
deleted file mode 100644
index 097b0470c7ef..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TreeEditingMenu'
diff --git a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/utils.ts b/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/utils.ts
deleted file mode 100644
index 928ffc703b2b..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/components/tree-menu/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import {type TreeEditingMenuItem} from '../../types'
-
-export function getSiblingHasChildren(items: TreeEditingMenuItem[]): boolean {
-  return items.some((sibling) => sibling.children && sibling.children.length > 0)
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/hooks/useSearchableList.ts b/packages/sanity/src/core/form/studio/tree-editing/hooks/useSearchableList.ts
deleted file mode 100644
index 95dff16a7ba2..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/hooks/useSearchableList.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import {isEqual} from 'lodash'
-import {useCallback, useEffect, useMemo, useState} from 'react'
-import {map} from 'rxjs'
-import {type Previewable, useDocumentPreviewStore} from 'sanity'
-
-import {flattenItems} from '../components/search/utils'
-import {type TreeEditingMenuItem} from '../types'
-
-export interface SearchableTreeEditingMenuItem extends TreeEditingMenuItem {
-  title: string | undefined
-  children?: SearchableTreeEditingMenuItem[]
-}
-
-/**
- * A hook that takes a list of items and returns a flat list of
- * items that are searchable by adding the title to the item.
- */
-export function useSearchableList(items: TreeEditingMenuItem[]): SearchableTreeEditingMenuItem[] {
-  const [searchableList, setSearchableList] = useState<SearchableTreeEditingMenuItem[]>([])
-  const {observeForPreview} = useDocumentPreviewStore()
-
-  const flatList = useMemo(() => flattenItems(items), [items])
-
-  const handleResult = useCallback(
-    (item: SearchableTreeEditingMenuItem) => {
-      const path = item.path
-
-      setSearchableList((prev) => {
-        const exists = prev.some((prevItem) => isEqual(prevItem.path, path))
-
-        if (exists) {
-          return prev.map((prevItem) => {
-            if (isEqual(prevItem.path, path)) {
-              return {
-                ...item,
-                title: item?.title,
-              }
-            }
-
-            return prevItem
-          })
-        }
-
-        return prev.concat(item)
-      })
-    },
-    [setSearchableList],
-  )
-
-  useEffect(() => {
-    // clear the searchableList when items change
-    setSearchableList([])
-
-    flatList.forEach((item) => {
-      const sub$ = observeForPreview(item.value as Previewable, item.schemaType).pipe(
-        map((event) => {
-          const searchableItem = {
-            ...item,
-
-            // Add the title to the item to make it searchable
-            title: event.snapshot?.title,
-          }
-
-          return searchableItem as SearchableTreeEditingMenuItem
-        }),
-      )
-
-      sub$.subscribe(handleResult).unsubscribe()
-    })
-  }, [flatList, handleResult, observeForPreview])
-
-  return searchableList
-}
diff --git a/packages/sanity/src/core/form/studio/tree-editing/types.ts b/packages/sanity/src/core/form/studio/tree-editing/types.ts
deleted file mode 100644
index 5ae4c2a0eed4..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/types.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {type Path, type SchemaType} from 'sanity'
-
-export interface TreeEditingMenuItem {
-  children?: TreeEditingMenuItem[]
-  parentSchemaType: SchemaType
-  path: Path
-  schemaType: SchemaType
-  value: unknown | undefined
-}
-
-export type TreeEditingBreadcrumb = TreeEditingMenuItem
diff --git a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/index.ts b/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/index.ts
deleted file mode 100644
index 3d73142d896d..000000000000
--- a/packages/sanity/src/core/form/studio/tree-editing/utils/build-tree-editing-state/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './buildTreeEditingState'