Create Reusable Bot Integration for Text Inputs

[MikeAlhayek]

Create Reusable Bot Integration for Text Inputs

Overview

We propose creating a reusable bot integration that can be attached to any text HTML input field across the application. The bot will be responsible for invoking different AI utilities based on the assigned profiles. This functionality will be flexible and allow us to enhance user experience by integrating AI directly within text input fields.

Proposal

1. Bot Icon Integration

   • Add a bot icon inside text input fields that can be clicked to invoke AI utilities.
   • Clicking the bot icon will display a list of utilities available, based on the AI profiles assigned to the field. If only one profile is assigned, clicking the bot will trigger the AI model automatically.

2. Profile Assignment

   • The bot should be profile-agnostic, meaning that different AI profiles can be assigned to it.
   • Developers can specify the profiles to use by adding the following attributes to the text input:

     data-ca-ai="utilities"
     data-ca-profiles="profile_technical_name_1, profile_technical_name_2"

3. Reusable Functionality

   • The bot icon and its functionality should be designed as a reusable CSS and JavaScript resource that can be dynamically injected where needed in the application.
   • The bot can be attached to any text input field (e.g., textareas, input boxes) across the application, enabling a wide range of use cases for invoking AI utilities.

4. Benefits

   • Flexibility: The bot can be attached to any input field, allowing easy integration of AI utilities.
   • Customization: The bot will invoke different AI utilities based on the profiles specified.
   • Efficiency: It simplifies the process of integrating AI features across multiple input fields without the need to duplicate logic.

Implementation Details

• Create a reusable CSS and JavaScript resource for the bot icon and utility invocation.
• Ensure that the bot icon is consistently placed and works seamlessly with text input fields.
• The functionality should allow for dynamic assignment of AI profiles to each text input.

[MikeAlhayek]

Additionally, we could add a bot icon that starts a chat, allowing users to interact with the bot directly. This would function similarly to a Copilot feature, where users can engage in a conversation with the bot, requesting tasks like improving their input, generating new content, and more.

data-ca-ai="chat" data-ca-profiles="profile_technical_name"