Feat: Improve UI customization / accessibility

[tgrushka]

New user here. Thank you for this project!

I am visually impaired and would appreciate the ability to change colors of things and move things out of the way because I use large fonts.

I love the display of context usage in the top right! VS Code / Cursor certainly don't seem to offer this!

However, I wish, e.g., to get rid of one or a few of the lines at the top of the screen. I use very large fonts and it compresses down the scroll area a lot when there is a lot of text at the top. The title line is good but would be good to be able to:

• limit the title line to a single line at the very top
• just truncate the title and leave enough room to put the token usage to its right
• hide the /share to create a shareable link text, I don't need it!

Example:

  ┃  # <|begin_of_box|>Creating AGENTS.md with build/test/style            ┃
  ┃  guidelines<|end_of_box|>                                              ┃
  ┃  /share to create a shareable link                          16.2K/12%  ┃

Sometimes the "begin of box" stuff takes a lot of space. Would be nice if I could have a "compact" UI layout -- not to be confused with /compact -- I understand what that does (compresses the chat history to fit in context window).

Would be great to have such a "compact UI" mode and be able to compress the above to something like:

  ┃  Creating AGENTS.md with build/test/style guide...      16.2K/12%   ┃

And maybe make the token display a bit brighter instead of dark gray on black.

Here's another example (not as bad):

  ┃  # Debugging yew-toasts implementation issues                          ┃
  ┃  /share to create a shareable link                          92.5K/70%  ┃

But still would be nice to have one line:

  ┃  # Debugging yew-toasts implementation issues  92.5K/70% ┃

Maybe also be able to get rid of the

┃

which reads as "box drawings heavy vertical" in screen readers -- yuck! Of course, in my own custom written screen reader, I just replace "┃" with "", which fixes it for me, but would help others to be able to hide these bars.

That's ideas for now.

Thanks again for project. I may create other issues as I find them.

[github-actions]

This issue might be a duplicate of existing issues. Please check:

• Is there any way to remove this warning that looks like a banner? #2641: Similar request to remove warning banners that take up screen space - specifically mentions '/share to create a shareable link' warnings taking up almost entire screen
• Create more vertical space by using first line #1107: Request for more vertical space by reducing blank lines at the top of screen, similar to your compact UI layout idea

Feel free to ignore if none of these address your specific accessibility needs.

[tgrushka]

This is how my screen looks:

[tgrushka]

Another example:

[rekram1-node]

Thanks for the feedback @tgrushka we really appreciate it. The tui is about to get a big overhaul so after that is complete some of these things may be better addressed.

I will keep you posted

[tgrushka]

And yes, now I've seen #1107 but this description is slightly different, basically same ask, but hopefully helps clarify the need.

[rekram1-node]

Absolutely, make sense

[tgrushka]

Thank you @rekram1-node . When doing the overhaul, allowing color customization of different things in the UI would be wonderful! Thanks so much!

[rekram1-node]

[automated] Closing due to 90+ days of inactivity. Feel free to reopen if you still need this!