Create a custom API tab to allow for changing of the key value

[edysonMO]

Hello all, I have a pretty niche case.
I am creating a software where I need my keys to be the same value as an input in a custom tab I have created. Currently when I try to proceed with the form later on I run into issues with the variable mapping in the form renderer where all my variables are labeled as textField1, textArea1, etc. I need my variables to be labeled as the variable names so that after I save and submit my form I can know what the actual variables are referring to. To be specific, I am using bpmn.io and within the tasks and events I am using form.io for build forms. This is so that for my workflow from the BPMN process that I built, I can map the variables to variables within the process workflow.

Currently how I am doing this is that I am manually reassigning the key attribute to be equal to a attribute that I have added to the form JSON. I would like to remove this extra attribute that I have created and only save values in the key attribute since that is what the form renderer saves variable names as.

What I have tried before is just saving the variable to the key and then deleting my created attribute, and this works however when I load in the key attribute for my variable name (such as loading in the field for the first time), the default value of the key will show and that is not what I want. Also when I save a field and reopen it to change a value, since that "temporary" attribute I created has to be deleted and recreated, my field shows as empty.

What I would like to do is customize the API tab to only show the "Property Name" field so that I can use that for inputting the variable that will be selected. Additionally by default the "Property Name" field is assigned to what I said above (textField, textArea, etc). I would like to overwrite this to not be assigned to those and to instead be an input that I can have a user type in.

An alternative that could work for me is knowing whether or not a field has been opened and edited before. Then I could just easily assign the key value to my custom created attribute without worry that it is still the default value, but again I have been unable to figure out how to do that as well.

I have been trying to find documents on how to overwrite a default tab, but I have not been able to find anything of the sort.

If anyone has done something similar to this, or has some guidance for me to take, I would greatly appreciate any advice.
Thank you everyone in advance!