I'm currently trying to display information for a passage editor and am wondering which approach I currently have is better UI.
On a high level, I have a Passage tab (at the top). Within each passage, there are multiple passage states. And within each state, you can create multiple passage types. Currently, I'm wondering what's an effective way to display the passage states.
In the first photo, within the passage tab, the passage states are accordion dropdown, and nested within each dropdown is the list of passage type dropdowns. My concern with this is that there may be too much cognitive overload with all the dropdowns.
In the second photo, within the passage tab, the passage states are tabs, and nested within each tab is the list of passage type dropdowns. My concern with this is that I'm not sure if nested tabs is a good design choice.
What is a good way to display and add the passage states, or are there other ways to represent the other components (Passage and/or passage type) to make this a better and more intuitive UI?