Dialog Breadcrumbs Display Issue

[raldea]

On a certain document field structure. e.g. object field > portable text fields (with dialog custom blocks). The breacrumbs seems be rendering the raw JSON value of the object field instead of the name.

Steps to reproduce the behavior:

1. This should be tested on an ecommerce instance of an instance with portable text or portable text simple
2. On one of your documents, add the following code

defineField({
      name: 'bio',
      type: 'object',
      group: 'editorial',
      fields: [
        defineField({
          name: 'en',
          title: 'English',
          type: 'portableTextSimple',
        }),
        defineField({
          name: 'nl',
          title: 'Dutch',
          type: 'portableTextSimple',
        }),
        defineField({
          name: 'de',
          title: 'German',
          type: 'portableTextSimple',
        })
      ]
    })

4. Make sure that the portableTextSimple has any custom block
5. In Sanity Studio, head to the document and edit the English portableTextSimple field and add a custom block
6. You'll see the raw JSON value in the breadcrumbs and the item list doesn't make sense. e.g. Currently it is showing "**raw json value > English > ** portable custom block", it should be bio > english > ** portable custom block right?

Monosnap.screencast.2026-02-25.12-01-19.mp4

Which versions of Sanity are you using?

@sanity/cli (global) 5.12.0 (up to date)
@sanity/asset-utils 2.3.0 (up to date)
@sanity/assist 5.0.4 (up to date)
@sanity/cli 5.12.0 (up to date)
@sanity/color-input 6.0.3 (latest: 6.0.4)
@sanity/document-internationalization 4.1.1 (latest: 5.0.2)
@sanity/eslint-config-studio 6.0.0 (up to date)
@sanity/icons 3.7.4 (up to date)
@sanity/table 2.0.1 (up to date)
@sanity/ui 3.1.11 (up to date)
@sanity/vision 5.12.0 (up to date)
sanity 5.12.0 (up to date)

What operating system are you using?
Macos 15.1.1

Which versions of Node.js / npm are you running?
npm -v && node -v
10.9.2
v22.13.0

[RitaDias]

Hi!
This seems to be similar to this issue (#12172)

This is actually a part of how we handle schema structures in the sanity and how it is handled in other parts within the studio. So technically, it's by design.

This is something you can customise in the schema which is the suggested path, using a similar example (with some slight alterations):

export const objectsDebug = defineType({
  type: 'document',
  name: 'objectsDebug',
  groups: [
    {
      name: 'editorial',
      title: 'Editorial',
    },
  ],
defineField({
      name: 'bio',
      type: 'localeBioDebug',
      group: 'editorial',
    }),
...
})

export const portableTextSimpleDebugType = defineType({
  name: 'portableTextSimpleDebug',
  title: 'Portable text simple debug',
  type: 'array',
  of: [
    defineArrayMember({type: 'block'}),
    defineArrayMember({
      type: 'object',
      name: 'customBlock',
      title: 'Custom block',
      options: {modal: {type: 'dialog'}},
      fields: [defineField({name: 'title', type: 'string', title: 'Title'})],
    }),
  ],
})

export const localeBioDebugType = defineType({
  name: 'localeBioDebug',
  title: 'Bio',
  type: 'object',
  fields: [
    defineField({
      name: 'en',
      title: 'English',
      type: 'portableTextSimpleDebug',
    }),
    defineField({
      name: 'nl',
      title: 'Dutch',
      type: 'portableTextSimpleDebug',
    }),
    defineField({
      name: 'de',
      title: 'German',
      type: 'portableTextSimpleDebug',
    }),
  ],
})

but, by adding the preview to localeBioDebugType, you can change what appears there:

name: 'localeBioDebug',
  title: 'Bio',
  type: 'object',
 preview: {
    prepare: () => {
      return {
        title: 'Bio',
      }
    },
  },
  fields: [...

I have added this issue as signal to the feedback though!
Hopefully this is helpful! You can read more about previews here

Thanks for reaching out, with this in mind, I will close this issue. If anything else pops up please feel free to create a new issue! :)