diff --git a/askama.toml b/askama.toml
new file mode 100644
index 000000000..3852f1568
--- /dev/null
+++ b/askama.toml
@@ -0,0 +1,9 @@
+[general]
+# Configure Askama to look for templates in ui/ directory
+dirs = ["ui"]
+
+# Enable syntax highlighting hints for editors
+syntax = [{ name = "html", ext = ["html"] }]
+
+# Escape HTML by default for security
+escape = "html"
diff --git a/docs/src/SUMMARY.md b/docs/src/SUMMARY.md
index 3423ac5e5..02517c4a2 100644
--- a/docs/src/SUMMARY.md
+++ b/docs/src/SUMMARY.md
@@ -45,6 +45,19 @@
- [Player - Media Viewer](./chapter-04-gbui/player.md)
- [Monitoring Dashboard](./chapter-04-gbui/monitoring.md)
- [HTMX Architecture](./chapter-04-gbui/htmx-architecture.md)
+ - [Suite Applications](./chapter-04-gbui/apps/README.md)
+ - [Chat - AI Assistant](./chapter-04-gbui/apps/chat.md)
+ - [Drive - File Management](./chapter-04-gbui/apps/drive.md)
+ - [Tasks - To-Do Lists](./chapter-04-gbui/apps/tasks.md)
+ - [Mail - Email Client](./chapter-04-gbui/apps/mail.md)
+ - [Calendar - Scheduling](./chapter-04-gbui/apps/calendar.md)
+ - [Meet - Video Calls](./chapter-04-gbui/apps/meet.md)
+ - [Paper - AI Writing](./chapter-04-gbui/apps/paper.md)
+ - [Research - AI Search](./chapter-04-gbui/apps/research.md)
+ - [Analytics - Dashboards](./chapter-04-gbui/apps/analytics.md)
+ - [Designer - Visual Builder](./chapter-04-gbui/apps/designer.md)
+ - [Sources - Prompts & Templates](./chapter-04-gbui/apps/sources.md)
+ - [Compliance - Security Scanner](./chapter-04-gbui/apps/compliance.md)
# Part V - Themes and Styling
diff --git a/docs/src/assets/suite/app-launcher.svg b/docs/src/assets/suite/app-launcher.svg
new file mode 100644
index 000000000..7bdad04a6
--- /dev/null
+++ b/docs/src/assets/suite/app-launcher.svg
@@ -0,0 +1,214 @@
+
diff --git a/docs/src/assets/suite/chat-flow.svg b/docs/src/assets/suite/chat-flow.svg
new file mode 100644
index 000000000..745ef3ea5
--- /dev/null
+++ b/docs/src/assets/suite/chat-flow.svg
@@ -0,0 +1,239 @@
+
diff --git a/docs/src/assets/suite/drive-flow.svg b/docs/src/assets/suite/drive-flow.svg
new file mode 100644
index 000000000..9b6c75898
--- /dev/null
+++ b/docs/src/assets/suite/drive-flow.svg
@@ -0,0 +1,269 @@
+
diff --git a/docs/src/assets/suite/tasks-flow.svg b/docs/src/assets/suite/tasks-flow.svg
new file mode 100644
index 000000000..12f5a2eca
--- /dev/null
+++ b/docs/src/assets/suite/tasks-flow.svg
@@ -0,0 +1,280 @@
+
diff --git a/docs/src/chapter-04-gbui/apps/README.md b/docs/src/chapter-04-gbui/apps/README.md
new file mode 100644
index 000000000..84541d1c8
--- /dev/null
+++ b/docs/src/chapter-04-gbui/apps/README.md
@@ -0,0 +1,165 @@
+# Suite Applications
+
+> **Individual app documentation for General Bots Suite**
+
+Each application in the Suite has its own dedicated documentation with:
+- Flow diagrams (SVG with light/dark theme support)
+- Interface layouts
+- HTMX integration patterns
+- API endpoints
+- CSS classes
+- JavaScript handlers
+- Keyboard shortcuts
+
+---
+
+## Core Applications
+
+| App | Description | Documentation |
+|-----|-------------|---------------|
+| 💬 **Chat** | AI-powered conversation assistant | [chat.md](./chat.md) |
+| 📁 **Drive** | Cloud file storage and management | [drive.md](./drive.md) |
+| ✓ **Tasks** | To-do lists with priorities | [tasks.md](./tasks.md) |
+| ✉ **Mail** | Email client | [mail.md](./mail.md) |
+| 📅 **Calendar** | Scheduling and events | [calendar.md](./calendar.md) |
+| 🎥 **Meet** | Video conferencing | [meet.md](./meet.md) |
+
+## Productivity Applications
+
+| App | Description | Documentation |
+|-----|-------------|---------------|
+| 📝 **Paper** | AI-assisted document writing | [paper.md](./paper.md) |
+| 🔍 **Research** | AI-powered search and discovery | [research.md](./research.md) |
+| 📊 **Analytics** | Reports and dashboards | [analytics.md](./analytics.md) |
+
+## Developer Tools
+
+| App | Description | Documentation |
+|-----|-------------|---------------|
+| 🎨 **Designer** | Visual dialog builder (VB6-style) | [designer.md](./designer.md) |
+| 📚 **Sources** | Prompts, templates, and models | [sources.md](./sources.md) |
+| 🛡️ **Compliance** | Security scanner | [compliance.md](./compliance.md) |
+
+---
+
+## App Launcher
+
+The Suite features a Google-style app launcher accessible from the header:
+
+
+
+### Accessing Apps
+
+1. **Click the grid icon** (⋮⋮⋮) in the top-right corner
+2. **Select an app** from the dropdown menu
+3. App loads in the main content area
+
+### Keyboard Shortcuts
+
+| Shortcut | App |
+|----------|-----|
+| `Alt+1` | Chat |
+| `Alt+2` | Drive |
+| `Alt+3` | Tasks |
+| `Alt+4` | Mail |
+| `Alt+5` | Calendar |
+| `Alt+6` | Meet |
+
+---
+
+## Architecture Overview
+
+All Suite apps follow the same patterns:
+
+### HTMX Loading
+
+Apps are loaded lazily when selected:
+
+```html
+
+ Chat
+
+```
+
+### Component Structure
+
+Each app is a self-contained HTML fragment:
+
+```
+app-name/
+├── app-name.html # Main component
+├── app-name.css # Styles (optional)
+└── app-name.js # JavaScript (optional)
+```
+
+### API Integration
+
+Apps communicate with the backend via REST APIs:
+
+```html
+
Sign in to General Bots Suite
+Your AI-powered productivity workspace. Chat, collaborate, and create.
+No recent activity yet. Start exploring!
+Choose from your inbox on the left
+Configure your audio and video before joining
+No contexts configured
+No conversations yet
+ +