Azure DevOps extension custom hub group and hub under Organization Settings

Question

I am trying to add a custom hub group and hub under Organization Settings.

Currently I am doing this but the menu is under Extensions hub group.

How can I customize that one so that I will have a custom hub group:

{
   "contributions": [
    {
        "id": "collection-level-admin-hub",
        "type": "ms.vss-web.hub",
        "description": "Description",
        "targets": [
            "ms.vss-web.collection-admin-hub-group"
        ],
        "properties": {
            "name": "My Menu",
            "order": 100,
            "uri": "dist/index.html"
        }
    }
  ]
}

Answer 1

Not only for UI design, also for security reasons, we will never run code from untrusted extensions (e.g. all third party extensions) in the same frame as VSO content.

Contributions from these extensions will provide a uri property that our contribution controls will use to draw the extension's content (in an iframe). This means you can not modify or customize any thing that at the same level with like Pipelines, General or security.

So, in this ticket, you can not add the customized name to replace this default display Extensions.

---

If you don't want it display under Extension part, but under like General/Pipelines, you can use the below sample:

 "contributions": [
        {
            "id": "sample-hub-group",
            "type": "ms.vss-web.tab",
            "description": "Adds a 'Sample UI' hub group",

            "targets": [
                "ms.vss-admin-web.collection-admin-hub-tab-group"
            ],
            "properties": {
                "name": "System Group",
                "order": 100,
                "uri": "my-hub.html"
            }
        }
    ],

Collection level:

General : ms.vss-admin-web.collection-admin-hub-tab-group

Pipeline: ms.vss-build-web.build-release-account-settings-tab-group

Repos(Haven't display default in Org setting):ms.vss-code-web.code-account-settings-tab-group