CopilotOne

Copiloto uno

Potencia tu aplicación Web/React existente con un asistente de IA nativo similar a Siri.

Características clave

• Voz a la acción : realice acciones basadas en la entrada de voz.
• Texto a acción : realice acciones basadas en la entrada de texto.
• Contexto de la pantalla actual : genera automáticamente la incrustación de la pantalla actual vista por el usuario y crea incrustaciones que están disponibles para RAG durante las inferencias de LLM. Esto hace que la IA sea consciente de la pantalla actual del usuario y ayuda a generar mejores respuestas.
• Interfaz API de texto : transforme las API existentes sin ningún tipo de codificación para admitir una interfaz de lenguaje natural tanto para solicitudes como para respuestas. Esto simplifica la facturación API mediante voz y también la integración con otros asistentes impulsados ​​por copiloto.

Agentes UX compatibles con voz

1. Agente de UI : habilita la capacidad de manos libres para realizar tareas y flujos de trabajo de UI existentes.
2. Agente de navegación : ayuda a los usuarios a navegar a la página, sección o configuración correcta.
3. Agente de formulario : ayude a completar el formulario mediante el autocompletado basado en la entrada de voz o archivo, validaciones avanzadas y soporte multilingüe. Los formularios más simples pueden ser reemplazados por completo por Voice to API Action.

Estos agentes se centran en reducir la curva de aprendizaje para el usuario y permiten una experiencia manos libres para el descubrimiento de contenido, el descubrimiento de funciones, la incorporación de usuarios y el llenado de formularios.

Asistentes

• Voz a la acción : ofrezca experiencia manos libres para utilizar su aplicación.

Vídeo de demostración

¿Cómo es el futuro de los asistentes de IA?

El objetivo es crear un protocolo abierto para asistentes, agentes y acciones de IA. Consulte el futuro de los asistentes de IA utilizando este SDK.

Empezar

Para obtener instrucciones detalladas. Leer documentos

Requisitos previos

Antes de usar este paquete, asegúrese de tener lo siguiente:

• Una aplicación React existente

• Cree credenciales de copiloto desde Sugar AI o cuenta autohospedada

Instalar

Puede instalar el paquete @sugar-ai/copilot-one-js a través de npm en su proyecto de reacción

Instalar paquete

npm install @sugar-ai/copilot-one-js@latest

Agregue a su aplicación React

En su archivo principal. src/App.tsx

 import { useCopilot , CopilotConfigType , CopilotProvider , VoiceAssistant } from '@sugar-ai/copilot-one-js' ;


const copilotConfig : CopilotConfigType = {
  copilotId : "<copilotId>" ,
  server : {
    endpoint : "http://play.sugarcaneai.dev/api" ,
    token : "<token>" ,
  } ,

  ai : {
    defaultPromptTemplate : "<prompt template>" ,
    defaultPromptVariables : {
      $AGENT_NAME : "Sugar" ,
    } ,
    successResponse : "Task is completed" ,
    failureResponse : "I am not able to do this"
  } ,
}

// Wrap the App with Copilot Provider

    < CopilotProvider config = { copilotConfig } >
      < TodoApp / >
    < / CopilotProvider>

Estamos tomando un ejemplo de una aplicación de tareas pendientes. Para rastrear el contexto de pantalla actual del usuario usando useStateEmbedding

 const TodoApp = ( ) => {

const { useStateEmbedding , registerAction , unregisterAction } = useCopilot ( ) ; // Add

// const [todos, setTodos] = useState([]);
const [ todos , setTodos ] = useStateEmbedding ( [ ] , { scope1 : "todoApp" , scope2 : "todos" } ) ; // Switch

...

}

Registrar funciones para crear, eliminar y marcar como hecho.

 const TodoApp = ( ) => {

  ...

  // Functionalies
  const addTodo = ( task ) => { ... } } ;
  const deleteTodo = ( task ) => { ... } ;
  const markTodoAsDoneById = function ( todoId : number ) { ... } ;

  // Register addTodo function
  registerAction (
    "addTodo" ,
    {
      name : "addTodo" ,
      description : "Add a new todo" ,
      parameters : [
        {
          name : "task" ,
          type : "string" ,
          description : "Task description" ,
          required : true ,
        }
      ] ,
    } ,
    addTodo ,
  ) ;

...

}

Hoja de ruta

• SDK web lanzado

  • Voz a la acción
  • Texto a acción
  • Contexto de pantalla actual

• POS

  • Interfaz API de texto

• [] Agente de navegación

• [] Agente de formulario