All elements should be focusable and activateable

[ToddG]

WHAT
All elements, not just buttons, should display state changes due to focus and/or activation.

WHY
Tabbing to a button, I can press enter to ACTIVATE the button. This briefly changes the button state to BUTTON_PRESSED. See this ticket for details w/respect to buttons. This ticket expands that idea to the rest of the elements.

For example, when tabbing through these elements, only the label changes color, but the text inputs should also change to indicate better to the user where the field they are typing their input is.

Another example is with panes. Now the tabbing is broken in this example, but it makes sense to me to enable changing the state for these elements as well... basically when these panes have focus, their state should change to HAS_FOCUS, and the render function should then render the focus_bg and focus_fg colors.

I'm not sure what the expected behavior of elements within elements should be. So if a button is inside a pane, should the outer pane still render as has focus even though the focus has traversed to a child item? Honestly, I'm not sure about that case...

[bgwdotdev]

I have definitely been having the same thought. I'm not 100% sure where to go with this. I was going to check some other TUI implementations.

But my initial thought is focus should first cycle through panes, and then cycle through elements within the focused pane, but not sure how exactly I'd like to implement this. Definitely open to suggestions :)

I think the outer pane should still render as having focusing while focused within on a button, but I guess I'd need to play around with it a little and see

[ToddG]

For inspiration, I like ratatui, and they have a lot of great examples. It'd be cool to try and impl ratatop, shown in this video

[bgwdotdev]

Yeah, I think that should be possible, the shortcomings of the framework to implement ratatop currently would be

• we don't have scrollable things like tables yet, on my todo!
• the search bar appears to function like a modal or pop-over type element, this is something I was investigating. Currently it'd need to be just a fixed element on the screen or move other elements around when it spawns (i've done this in my other tool nwdeeps)
• the graph/charting in shore is super simple and basic - I would like to add support for all the fancy graphs I've seen in ratatui and textual, but that sorta stuff is a little out my comfort zone (and I think I need to rework render_node to fold Element so early, it's causing trickiness when things are more than 1 line tall and calculating sizes for that). But having something a little more ugly graph/bar chart wise should be plenty possible I think ^^