Skip to main content

AI Components Overview

Pre-built elements for integrating AI into your dashboard.

Overview​

LibreApps Desktop provides a set of specialized components for building AI-powered features. These components are designed to work seamlessly with LibreApps Desktop AI Services backend and provide a consistent user experience for AI interactions.

Key Components​

  • Smash AI Chat Widget: A floating or embedded chat interface for conversational AI.
  • Prompt Editor: A specialized editor for creating and testing AI prompts.
  • AI Settings Form: A pre-built form for managing AI provider keys and model settings.
  • Usage Dashboard: Components for visualizing AI token usage and costs.

Integration with AI Services​

These components are designed to communicate with LibreApps Desktop AI Services layer (AI Chat Server and LiteLLM). They handle complex tasks like streaming responses, managing chat history, and error handling automatically.

Customization​

You can customize the appearance and behavior of these components to match your brand and specific use case. For example, you can change the chat widget's title, initial message, and theme.

Best Practices​

  • ✅ Do this: Use the Smash AI Chat widget for all conversational features.
  • ✅ Do this: Provide clear instructions and examples to help users get the most out of your AI features.
  • ❌ Don't do this: Expose sensitive AI configuration settings (like API keys) to end-users.