Syncfusion JavaScript Inline AI Assist Component

Overview

The Inline AI Assist is a popup-based AI component designed for contextual AI assistance that appears relative to UI elements. It provides intelligent text processing, content transformation, and AI-powered suggestions through a compact popup interface with command shortcuts, response actions, and customizable workflows.

The Inline AI Assist component provides:

• Element-Relative Popup: Position AI assist popup relative to any element using relateTo property
• Command Action Popup: Quick AI command shortcuts (Summarize, Shorten, Translate, etc.)
• Response Actions: Accept/reject workflow for AI-generated responses
• Inline Toolbar: Compact toolbar with send button and custom items
• Prompt Management: Prompt text, placeholder, and prompt-response collection
• AI Service Integration: Built-in support for OpenAI, Gemini, Ollama, LiteLLM
• Response Streaming: Real-time streaming responses for AI outputs
• Templates: Customize editor area with custom prompt input UI
• Methods: Show/hide popup, add responses, execute prompts programmatically
• Events: created, open, close, promptRequest for lifecycle management
• Globalization: RTL support and localization for international apps