# Panel Web de Neotask ## Descripcion General El Panel Web de Neotask es un centro de control basado en navegador para gestionar sus agentes, monitorear sesiones, rastrear uso y configurar su espacio de trabajo. Acceda al panel en su URL asignada despues de autenticarse con su clave de licencia. El panel proporciona una interfaz centralizada para cada aspecto de su despliegue de Neotask, incluyendo configuracion de agentes, monitoreo de sesiones, orquestacion de equipos, analitica de uso y ajustes de cuenta. --- ## Autenticacion ### Inicio de Sesion con Clave de Licencia Para acceder al panel, ingrese su clave de licencia en la pantalla de inicio de sesion. Las claves de licencia siguen este formato: ``` SC-XXXXXXXX-XXXXXXXX-XXXXXXXX-XXXXXXXX ``` Despues de una autenticacion exitosa, recibe un token de sesion que otorga acceso al panel durante la duracion de su sesion. ### Autenticacion de Dos Factores (TOTP) La autenticacion de dos factores es opcional pero fuertemente recomendada para todas las cuentas. **Configuracion de la autenticacion de dos factores:** 1. Navegue a **Ajustes > Seguridad**. 2. Seleccione **Habilitar Autenticacion de Dos Factores**. 3. Escanee el codigo QR mostrado con una aplicacion autenticadora como Google Authenticator, Authy o cualquier aplicacion compatible con TOTP. 4. Ingrese el codigo de verificacion de 6 digitos de su aplicacion autenticadora para confirmar la configuracion. 5. Descargue y almacene de forma segura los codigos de respaldo proporcionados. Estos codigos le permiten recuperar el acceso si pierde su dispositivo autenticador. Una vez habilitado, se requiere un codigo de 6 digitos de su aplicacion autenticadora en cada inicio de sesion subsiguiente. Para deshabilitar la autenticacion de dos factores, vaya a **Ajustes > Seguridad** y seleccione la opcion para deshabilitarla. --- ## Pagina de Inicio La pagina de Inicio sirve como resumen de su panel, presentando un resumen de alto nivel de la actividad de su espacio de trabajo de un vistazo. ### Grafico de Gasto por Agente Un grafico de barras que muestra costos desglosados por agente. Uselo para identificar que agentes estan consumiendo mas recursos. ### Resumen de Sesiones Muestra conteos de sus sesiones organizadas por estado: - **Activas** -- Sesiones actualmente en progreso. - **Fallidas** -- Sesiones que encontraron errores. - **Completadas** -- Sesiones que finalizaron exitosamente. ### Sesiones Recientes Una lista de las 5 sesiones mas recientes, incluyendo uso de tokens para cada una. Seleccione cualquier sesion para ver sus detalles completos. ### Desglose de Uso de Modelos Muestra que modelos de IA se estan usando a traves de sus agentes, ayudandole a entender la distribucion de modelos y las implicaciones de costos. ### Tareas Programadas Una vista de calendario de sus automatizaciones programadas, dandole visibilidad sobre que trabajos estan por venir. ### Widgets Rapidos Widgets compactos que proporcionan acceso rapido a funciones clave: - **Agentes** -- Muestra conteo de agentes con un toggle de auto-despliegue para habilitar o deshabilitar el despliegue automatico de agentes. - **Uso** -- Muestra resumen de uso con un toggle de auto-rastreo para habilitar o deshabilitar el seguimiento automatico de uso. - **Sesiones** -- Muestra actividad de sesiones actual. --- ## Pagina de Agentes La pagina de Agentes es donde gestiona todos sus agentes de IA. Esta organizada en sub-paginas con pestanas, cada una enfocada en un aspecto diferente de la gestion de agentes. ### Pestana de Resumen La pestana de Resumen presenta una vista completa de sus agentes y su actividad. - **Estadisticas de Agentes** -- Ver el nombre de cada agente, modelo asignado, conteo de sesiones, tokens totales consumidos y estado actual. - **Grafico de Gastos** -- Seleccione un agente para ver un grafico detallado de gastos para ese agente. - **Desglose de Sesiones** -- Un desglose de actividad de sesiones para el agente seleccionado. - **Trabajos Programados** -- Una lista de trabajos programados asociados con el agente seleccionado. - **Mini Calendario** -- Un calendario compacto que resalta fechas con eventos programados. ### Pestana de Chat La pestana de Chat proporciona una vista de solo lectura de las conversaciones de los agentes. - **Barra Lateral de Sesiones** -- Explore una lista de sesiones en la barra lateral y seleccione una para ver. - **Burbujas de Mensajes** -- Los mensajes de conversacion se muestran como burbujas de chat con indicadores de rol: - **Usuario** -- Mensajes enviados por el usuario. - **Asistente** -- Respuestas del agente de IA. - **Sistema** -- Mensajes e instrucciones a nivel del sistema. - **Herramienta** -- Mensajes generados por llamadas a herramientas. - **Marcas de Tiempo** -- Cada mensaje muestra una marca de tiempo relativa (por ejemplo, "hace 2 minutos"). ### Pestana de Skills La pestana de Skills le permite explorar, instalar y gestionar skills de agentes. - **Catalogo** -- Explore todos los skills disponibles. Cada listado de skill incluye el numero de version, una descripcion y un enlace a su pagina principal. - **Mis Skills** -- Ver sus skills instalados y usar el toggle para habilitar o deshabilitar cada uno. - **Organizacion por Categoria** -- Los skills estan organizados por categoria para facil navegacion. - **Filtrado por Busqueda** -- Use la barra de busqueda para filtrar skills por nombre o palabra clave. ### Pestana de Canales La pestana de Canales muestra todos los canales de comunicacion conectados. - **Insignias de Estado** -- Cada canal muestra una insignia de estado indicando su estado actual: **Conectado**, **Error**, **Pendiente** o **Desconectado**. - **Agregar Nuevos Canales** -- Use la opcion de agregar canal para conectar una nueva plataforma de comunicacion. - **Filtrar por Tipo** -- Filtre la lista de canales por tipo de canal para encontrar conexiones especificas. ### Pestana de Integraciones La pestana de Integraciones gestiona conexiones de servicios externos y configuraciones de API. **Opciones de filtrado:** - Todos - Google - OAuth - Clave API **Servicios de Google Workspace:** Los siguientes servicios de Google Workspace pueden conectarse y gestionarse: - Gmail - Google Calendar - Google Drive - Google Sheets - Google Docs - Google Meet Cada servicio de Google puede activarse o desactivarse individualmente. **Configuracion de API:** - Configurar claves API para servicios de terceros. - Establecer variables de entorno requeridas por integraciones. ### Pestana de Automatizaciones La pestana de Automatizaciones proporciona herramientas para programar y gestionar trabajos automatizados. - **Vista de Calendario** -- Un calendario que muestra todos los trabajos de automatizacion programados. - **Lista de Trabajos** -- Una vista de lista que muestra el nombre, horario, estado actual y proxima ejecucion de cada trabajo. - **Historial de Ejecuciones** -- Ver el historial de ejecucion de cada automatizacion con indicadores de estado que muestran exito o fallo. - **Crear y Editar** -- Use los dialogos modales para crear nuevas automatizaciones o editar las existentes. ### Pestana de Herramientas La pestana de Herramientas muestra todas las herramientas disponibles organizadas por categoria. Cada herramienta puede activarse o desactivarse individualmente. **Herramientas de Sistema de Archivos:** - Leer archivos - Escribir archivos - Editar archivos **Herramientas de Ejecucion:** - Comandos shell - Gestion de procesos - Agentes subproceso **Herramientas Web:** - Navegador - Solicitudes HTTP **Herramientas de Programacion:** - Trabajos cron - Webhooks --- ## Pagina de Sesiones La pagina de Sesiones proporciona monitoreo detallado de todas las sesiones de agentes en su espacio de trabajo. ### Cajas de KPI En la parte superior de la pagina, las cajas de indicadores clave de rendimiento muestran: - **Total de Sesiones** -- El numero total de sesiones. - **Activas** -- Sesiones actualmente en ejecucion. - **Llamadas a Herramientas** -- El numero total de llamadas a herramientas realizadas a traves de las sesiones. - **Duracion Promedio** -- La duracion promedio de una sesion. - **Fallidas** -- El numero de sesiones que terminaron en fallo. ### Grafico de Uso de Tokens Un grafico de multiples lineas que muestra el uso de tokens a lo largo del tiempo, con una linea separada para cada agente. Uselo para identificar tendencias y picos en el consumo de tokens. ### Desgloses - **Uso de Tokens por Agente** -- Un desglose que muestra como se distribuyen los tokens entre sus agentes. - **Llamadas a Herramientas por Agente** -- Un desglose que muestra el volumen de llamadas a herramientas por agente. ### Tabla de Sesiones con Busqueda Una tabla que lista todas las sesiones con las siguientes columnas: | Columna | Descripcion | |---|---| | Agente | El agente que ejecuto la sesion | | Clave de Sesion | El identificador unico de la sesion | | Tokens (Entrada) | Numero de tokens de entrada consumidos | | Tokens (Salida) | Numero de tokens de salida generados | | Tokens (Total) | Tokens combinados de entrada y salida | | Costo | El costo monetario de la sesion | | Iniciada | Cuando comenzo la sesion | | Estado | Estado actual de la sesion | ### Panel de Detalle de Sesion Seleccione cualquier sesion de la tabla para abrir el panel de detalle, que muestra: - Metadatos completos de la sesion (agente, modelo, marcas de tiempo, conteos de tokens, costo). - Entradas completas de la sesion con indicadores de rol para cada mensaje. ### Filtros Reduzca la lista de sesiones usando: - **Filtro de Estado** -- Todos, Activas, Completadas o Fallidas. - **Busqueda** -- Buscar por nombre de agente o clave de sesion. - **Rango de Fechas** -- Rangos predefinidos incluyendo Hoy, Semana y Mes. --- ## Pagina de Equipos La pagina de Equipos habilita la orquestacion multi-agente, permitiendole agrupar agentes en equipos y ejecutar tareas coordinadas. ### Diseno La pagina de Equipos usa un diseno de tres columnas: 1. **Lista de Agentes** -- Todos los agentes disponibles que pueden asignarse a equipos. 2. **Lista de Equipos** -- Sus equipos creados con sus configuraciones. 3. **Ejecuciones de Tareas** -- Historial y estado de las ejecuciones de tareas. ### Creacion de un Equipo Para crear un nuevo equipo: 1. Seleccione **Crear Equipo**. 2. Ingrese un **nombre** y **descripcion** para el equipo. 3. Seleccione los **agentes** para incluir en el equipo. 4. Elija un **modo de orquestacion**: - **Paralelo** -- Todos los agentes se ejecutan simultaneamente. - **Secuencial** -- Los agentes se ejecutan uno despues del otro en orden. - **Hibrido** -- Una combinacion de ejecucion paralela y secuencial. ### Ejecuciones de Tareas - Ejecute prompts contra un equipo para iniciar una ejecucion de tarea. - Vea el historial de ejecuciones con actualizaciones de estado para cada ejecucion. ### Controles - **Iniciar/Detener Ejecuciones** -- Comenzar o detener ejecuciones de tareas. - **Eliminar Equipos** -- Eliminar equipos que ya no se necesitan. --- ## Pagina de Uso La pagina de Uso proporciona seguimiento integral de costos y tokens en todo su espacio de trabajo. ### Cajas de KPI Metricas resumidas mostradas en la parte superior de la pagina: - **Total de Tokens y Costo** -- Conteo combinado de tokens y costo monetario total. - **Desglose de Entrada** -- Tokens de entrada totales y su costo asociado. - **Desglose de Salida** -- Tokens de salida totales y su costo asociado. - **Dias Rastreados** -- El numero de dias incluidos en el periodo de seguimiento. ### Grafico de Costos Un desglose detallado de costos a lo largo del tiempo. Use el selector de rango para ajustar la vista: - Hoy - Dia - Semana - Mes - Ano - Rango de fechas personalizado ### Desglose de Modelos Muestra los 8 principales modelos clasificados por costo, mostrando como se distribuye el gasto entre diferentes modelos de IA. ### Distribucion de Tokens Un desglose porcentual de tokens de entrada versus tokens de salida, dandole perspectiva sobre el equilibrio de su consumo de tokens. ### Desglose por Agente Muestra los 8 principales agentes clasificados por uso de tokens, con cifras de costo correspondientes para cada agente. ### Tabla Diaria Una vista tabular de datos de uso de los ultimos 30 dias con las siguientes columnas: - Fecha - Tokens - Tokens de entrada - Tokens de salida - Costo ### Exportar Seleccione **Exportar** para descargar sus datos de uso como un archivo CSV para analisis externo o registro. --- ## Pagina de Descargas La pagina de Descargas proporciona acceso a la aplicacion de escritorio Neotask. ### Descargas Disponibles - **macOS** -- Descarga de la aplicacion de escritorio disponible ahora. - **Windows** -- Proximamente. ### Guia de Instalacion Rapida 1. Descargue la aplicacion de escritorio para su plataforma. 2. Instale la aplicacion en su maquina. 3. Inicie sesion con su clave de licencia para comenzar. --- ## Ajustes Acceda a Ajustes desde el menu desplegable del avatar en la barra de navegacion. ### Cuenta Ver los detalles de su cuenta: - **ID de Inquilino** -- Su identificador unico de espacio de trabajo. - **Estado de Licencia** -- Si su licencia esta activa. - **Plan** -- Su plan de suscripcion actual. - **Fecha de Expiracion** -- Cuando expira su licencia. - **Capacidad de Agentes:** El numero de agentes no esta limitado en ningun plan; esto refleja las capacidades de su plan actual. ### Seguridad Gestionar ajustes de autenticacion y seguridad: - Habilitar o deshabilitar autenticacion de dos factores TOTP. - Ver y regenerar codigos de respaldo. ### Acerca de Ver informacion de version del panel de Neotask y componentes relacionados. ### Idioma Seleccionar su idioma de visualizacion preferido. El panel soporta 20 idiomas. --- ## Asistente de Configuracion Inicial Los nuevos usuarios son guiados a traves de un asistente de configuracion de 11 pasos para establecer su espacio de trabajo. ### Paso 1: Seleccionar Plantilla de Agente Elija entre 9 plantillas de agente disponibles para comenzar con una configuracion de agente preconfigurada. ### Paso 2: Configurar Agente Establezca el **nombre** de su agente y seleccione el **modelo** de IA que usara. ### Paso 3: Establecer Presupuesto Diario Defina un limite de gasto diario para controlar costos de su agente. ### Paso 4: Conectar Canales Conecte su agente a plataformas de comunicacion. 10 plataformas estan disponibles para integracion. ### Paso 5: Conectar Google Workspace Vincule hasta 12 servicios de Google Workspace, incluyendo Gmail, Calendar, Drive, Sheets, Docs y Meet. ### Paso 6: Funciones de Desarrollador y Codigo Configure funciones orientadas a desarrolladores y capacidades de ejecucion de codigo para su agente. ### Paso 7: Resumen de Skills Integrados Revise los mas de 55 skills integrados disponibles para su agente y seleccione cuales habilitar. ### Paso 8: Configuracion de Automatizaciones Configure automatizaciones programadas y trabajos recurrentes para su agente. ### Paso 9: Configuracion de Control por Voz Configure los ajustes de control por voz para interactuar con su agente usando comandos de voz. ### Paso 10: Notificaciones Configure la entrega de notificaciones a traves de webhooks de Discord para mantenerse informado sobre la actividad del agente. ### Paso 11: Descargar Aplicacion de Escritorio Descargue e instale la aplicacion de escritorio Neotask para acceso directo desde su computadora.