[Studio] - improvement preview

[heigpa]

Would it be possible to have a preview of the single fields directly in this view?

[idaiv]

We can utilise the same preview approach as for the columns and grid config. Covered in this issue: pimcore/studio-ui-bundle#3522 (comment)

[idaiv]

Consistent with the expanded grid config, the preview for the mapping will follow the same approach (reference: pimcore/studio-ui-bundle#3522)

Default state - To dos:

• Adding an additional layer/line for the preview toggle and "Collapse all" below the Mapping headline:

Active state - To dos:

• ID + Path of the selected item and Preview Item button. ID and the last two path/ trail parts (optionally with a tooltip revealing the full path). Please, note the color token "colorTextDescription".

• Result -> adding the preview of the selected item below the mapping instance. Please, see the design for all specifications on borders, paddings, etc. Applicable for both simple and advanced mappings.

• Warning preview -> still showing the indicator in the title as designed, however also giving feedback in the preview:

All design specifications: https://www.figma.com/design/pg65AmcoU5iVtQeroHK4iF/Full-Screens?node-id=15907-116877&t=mzLBJROWFdspDY5q-4