How to edit the properties in SharePoint TeamsPersonalApp?

I have developed a WebPart. I'm using this WebPart in Teams as TeamsPersonalApp. This WebPart contains several properties to sync with AAD like: clientId, applicationId. If I use the WebPart in SharePoint, I can work with these properties, I can modify...

These are the properties in the WebPart:

 "preconfiguredEntries": [{
    "groupId": "---",
    "group": { "default": "Other" },
    "title": { "default": "----" },
    "description": { "default": "-----" },
    "officeFabricIconFontName": "Page",
    "properties": {
      "clientId": "--------",
      "tenantId": "--------",
      "width": "320",
      "height": "720",
    }]

The problem is that I need to edit the clientId and applicationId dinamically in Teams, but I don't know how can I do it.

My manifest has something like this, I have declarated a staticTab with these params:

 "staticTabs": [
    {
      "entityId": "example.integration",
      "name": "Example",
      "contentUrl": "https://{teamSiteDomain}/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/_layouts/15/teamshostedapp.aspx%3Fteams%26personal%26componentId=xxxxx%26forceLocale={locale}",
      "scopes": [
        "personal"
      ]
    }
  ],

And with this config, I can't edit the values dinamically

I would like to obtain something like this: