How to wrap all widgets in one component

[simcha]

Hi,
First I can`t stop myself and say I find your software fantastic (thanks).
I am using vue3 naive version.

I would like to wrap every widget (for simple values integers, strings, dates etc.) in additional component to display some additional data as well as some buttons. To clarify lets use simplified example the user needs to judge on values in the json file. So we have two files the original json and the tree of integers with answer for given fields (the user can still change the data itself). So we would like to have lets call it the "star widget" along every simple field. The solution seam obvious to add "star widget" with slot for the original and add it somehow to the editor.

One way I was trying to do it was to change the globalOptions.COMPONENT_MAP.formItem and introduce my widget it worked splendid there is a path or prop on every formItem so I can use it to get/set data on my other tree. But formItems are attached not only to simple widget but to every level of the tree and I could not find the way to see what type of json schema object I am in.

The second way was just to wrap every widget on globalOptions.WIDGET_MAP but there I found no information on where is the given widget on schema nor where it is on the file.

The third solution I imagine (but did not try) was to merge the data and add it on the json schema with some annotations to nicely render the objects together (in real example there is 4 buttons and an additional label).

Am I missing something or is it just harder then I think? Would appreciate any help, thanks in advance.