about extensions sidebar_actions' focus behavior

[mmm951]

i want to develop a simple extension improve experience using vertical tab as well as tabGroups

the builtin-sidebar like sidebar-history will be focused instantly after click the entry button, and the contentBox(input?) will be focused

however, the extension's sidebar doesn't like the builtin one. I have to click the sidebar area, then it's focused

simple js:

const groupnameInput = document.getElementById("groupname-input") as HTMLInputElement;
const colorOptions = document.querySelectorAll(".color-option");
const optionsArray = Array.from(colorOptions);

window.addEventListener("focus", () => {
  groupnameInput.focus()  
})

[mmm951]

or is there any to simplify the workflow?

1. focused on a tab (or a tab is active) in certain group initially

2. create a new group with a new tab, and config-menu of the new group is opening. the new tab is focused(or active)

currently the above steps is kind of inhuman. i should

1. create a tab out of the active tab's group(without certain extension, i must create a new tab in the group and drag it on the root container)

2. right click the new tab, and assign it to a new group

3. new group config-menu is showing

[mmm951]

and does sidebar's icon support dark/light like "browser_action.theme_icons"?