Create a TUI for sugar simular to k9s

[xmnlab]

Development Plan:

1. Initial Setup: Setting up the project structure and integrating the Textual library.
2. Interface Design: Designing the layout and navigation of the TUI, including menus and panels.
3. Feature Implementation: Developing the core functionalities - group selection, service management, log viewing, and displaying service details.
4. Testing and Refinement: Rigorous testing of the TUI for usability, performance, and compatibility with existing Sugar functionalities.
5. Documentation and Examples: Creating comprehensive documentation and usage examples to assist users in leveraging the new TUI.

[xmnlab]

Hi @andycandy ! Thanks for your interesting in this issue.

This is a big task that can be used for gsoc.

But to start with a pretask for gsoc I recommend you to start with a small one :)

Let me know if you have any questions

Cheers

[michaeltu01]

Hi @xmnlab I'm also interested in working on this project for Google Summer of Code 2025!

[akshayw1]

Hey @xmnlab, this project looks amazing! I have experience working with TUIs and the Textual library, and I’d love to contribute. Are there any initial issues I can start working on? Looking forward to your feedback and guidance.

[akshayw1]

Hii @xmnlab ,

I've begun work on implementing the Terminal User Interface (TUI) for Sugar! After reviewing the project requirements and Sugar's architecture, I've set up my development environment and created the initial project structure for the TUI component.
I've been exploring the Textual library capabilities and have sketched out a preliminary design that mirrors Sugar's hierarchical configuration structure. My approach focuses on creating an intuitive navigation flow between profiles, services, and actions while maintaining the full functionality of the CLI.
I've already started implementing the core screen layouts and navigation components. The initial prototype allows basic navigation between different views, though I'm still working on integrating it with Sugar's backend functionality.
I'd appreciate any early feedback on the approach, particularly regarding how the TUI should interact with Sugar's existing command structure. I'm aiming to have a basic working prototype with profile selection and service listing ready for review soon!

Thanks Regards,
Akshay

[akshayw1]

Hi @ivan (xmn / xmnlab) ,

I've completed the Dashboard, Profile, Detials, and Logs pages for Sugar's TUI, with smooth navigation between them. Currently, data is coming from a mock API, which will later be replaced with our actual functions. Backend integration is still in progress.

Attached is a draft of the screens I’ve worked on (video/image included). Let me know your thoughts, especially on the command interactions. A working prototype with profile selection and service listing will be ready soon!l

Screen_Recording_2025-03-09_at_7.36.50_PM.mov

[xmnlab]

thanks @akshayw1 for the initial prototype. I will keep this open because we still need to finish that. appreciate it