This visual demonstrates the complete lifecycle of an executive request, moving from a user-friendly frontend to a sophisticated automated backend.

The Execution Workflow:

1. Frontend Input (Open WebUI): The user submits a complex strategic query. Open WebUI serves as a high-performance, intuitive interface for the executive.
2. Backend Orchestration (n8n): The query triggers an n8n webhook in real-time. n8n acts as the "Headless Brain," managing memory retrieval (Qdrant) and the "Judge-Refiner" logic loop.
3. Advanced Data Processing: Instead of returning raw text, the system processes data into structured formats, utilizing AI to synthesize historical context with current goals.
4. Rich HTML Output: The n8n workflow dynamically generates an HTML-formatted response. This allows for professional document styling, interactive tables, and clear visual hierarchies directly within the chat interface.
5. Final Rendering: Open WebUI renders the backend-delivered HTML, providing the executive with a "Decision Memo" that is ready for immediate review.

https://youtu.be/RHP0-7lvuB4

Key Technical Highlights:

• Decoupled Architecture: Business logic is entirely separated from the UI, allowing the system to scale or switch frontends (e.g., to Slack or Teams) without rebuilding the core AI.
• Rich UI Presentation: Uses HTML/Markdown rendering to transform dry AI data into executive-level reports.
• Asynchronous Webhook Communication: Ensures low-latency interaction and robust error handling during complex data lookups.
• Stateful Memory Management: Shows the system recalling specific user history to provide a personalized, non-generic experience.