Rodrigo Rodriguez (Pragmatismo)
91a6710c52
- Add comprehensive humanoid robotics guide (humanoid.md) with: - Supported robot kits (Unitree, UBTECH, Poppy, InMoov, ROBOTIS) - BASIC keywords for servo/movement control - Computer vision integration (face, object, gesture detection) - LLM-driven conversational movement - Build guides for beginner to advanced - Safety considerations and complete reception robot example - Create humanoid-architecture.svg with theme transparency - Update PROMPT.md with NO ASCII DIAGRAMS rule - Update devices README to include humanoid robotics section - SVG diagrams for chapter 13 devices - Update documentation style guide with theme transparency |
||
|---|---|---|
| .. | ||
| apps | ||
| how-to | ||
| admin-user-views.md | ||
| console-mode.md | ||
| htmx-architecture.md | ||
| monitoring.md | ||
| README.md | ||
| single-gbui.md | ||
| suite-manual.md | ||
| ui-structure.md | ||
Chapter 04: User Interface
General Bots UI system built with HTMX and server-side rendering.
UI Modes
| Mode | Description | Use Case |
|---|---|---|
| default.gbui | Full desktop suite | Complete productivity |
| single.gbui | Simple chat widget | Embedded chat |
| console | Terminal interface | Development/testing |
Architecture
- HTMX - Dynamic updates without JavaScript frameworks
- Server-Side Rendering - Fast, SEO-friendly pages
- Minimal JS - No build process required
Quick Access
http://localhost:8080 → Main interface
http://localhost:8080/chat → Chat app
http://localhost:8080/drive → File manager
http://localhost:8080/console → Terminal mode
Suite Applications
| App | Purpose |
|---|---|
| Chat | AI assistant conversations |
| Drive | File management |
| Tasks | To-do lists |
| Email client | |
| Calendar | Scheduling |
| Meet | Video calls |
| Paper | AI writing |
| Research | AI search |
Chapter Contents
- Suite User Manual - End-user guide
- UI Structure - Component layout
- default.gbui - Full desktop mode
- single.gbui - Chat widget mode
- Console Mode - Terminal interface
- HTMX Architecture - Technical details
- Suite Applications - App documentation
- How-To Tutorials - Step-by-step guides
See Also
- .gbtheme Package - Styling and themes
- .gbui Structure - Package format