Skip to main content

Smash AI Chat Overview

A powerful, embeddable AI chat widget for your dashboard.

Overview​

Smash AI Chat is a high-performance React widget that provides a modern conversational interface. It is pre-integrated into LibreApps Desktop and can be easily customized to match your brand.

Key Features​

  • Real-time Streaming: Messages appear as they are generated, providing a responsive experience.
  • Markdown Support: Render rich text, code blocks, and tables directly in the chat.
  • Custom Styling: Easily change colors, icons, and layouts to match your dashboard's theme.
  • Context Awareness: Pass user data and application state to the AI for more relevant responses.
  • Event Handling: Hook into chat events (e.g., message sent, response received) to trigger custom logic.

Architecture​

The Smash widget communicates with the LibreApps Gateway, which routes requests to the AI Chat Server. This decoupled architecture ensures that the frontend remains lightweight while the backend handles the heavy lifting of LLM interactions.

Why Smash?​

  • Zero Setup: Already included and configured in LibreApps Desktop full-kit.
  • Enterprise Ready: Supports secure authentication and usage tracking.
  • Flexible: Can be used as a floating widget or embedded directly into a page.

Best Practices​

  • ✅ Do this: Use the Smash widget for all user-facing AI interactions.
  • ✅ Do this: Customize the widget's initial greeting to provide clear instructions to your users.
  • ❌ Don't do this: Attempt to build a custom chat interface from scratch unless you have very specific requirements that Smash cannot meet.