botbook/src/04-gbui

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
Mail	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