Architecture
Client Layer
The Client Layer contains the frontend components that users interact with directly.
Components
Chat Widget
The primary user interface — a floating chat panel built with Alpine.js and Tailwind CSS. It appears in the bottom-right corner of the screen and supports:
- Real-time message streaming via SSE
- Tool execution status indicators
- File attachments
- Conversation history
- Dark and light themes
- Quick action buttons
Onboarding Wizard
A modal/full-page interface for guided company and module setup. It presents questions one at a time and collects answers through a conversational flow.
Form Extensions
AI-powered enhancements added to existing ERP forms, such as:
- Token usage display on user profiles
- AI summary buttons on document forms
- Contextual AI assistance within specific DocTypes
Technology Stack
| Technology | Purpose |
|---|---|
| Alpine.js | Reactive UI state management |
| Tailwind CSS | Styling and responsive design |
| EventSource API | Real-time SSE streaming |