Saltar al contenido principal

Documentation Index

Fetch the complete documentation index at: https://docs.meetzy.io/llms.txt

Use this file to discover all available pages before exploring further.

¿Qué es el Editor Avanzado?

El Editor Avanzado es la herramienta integral de configuración de agentes de Meetzy que te da control total sobre cada aspecto del comportamiento de tu agente de IA. Proporciona una interfaz de nivel profesional para crear, probar y desplegar agentes conversacionales de IA con capacidades avanzadas de colaboración y testing.
El Editor Avanzado incluye ahora un flujo de creación prompt-first que permite generar agentes automáticamente desde una descripción, junto con un selector de agentes integrado para navegación fluida entre múltiples agentes sin perder contexto de trabajo.

Creation Overlay: Generación Automática de Agentes

Una de las innovaciones más recientes del Editor Avanzado es el Creation Overlay, una experiencia inmersiva para crear agentes mediante descripción en lenguaje natural.

Interfaz Visual del Creation Overlay

El Creation Overlay presenta una experiencia de creación completamente nueva:
1

Diseño Inmersivo

Una interfaz de pantalla completa con animación de ondas WebGL de fondo que crea un ambiente de trabajo envolvente
2

Entrada Natural

Un campo de texto central donde describes qué debe hacer tu agente en lenguaje natural, con border gradiente animado
3

Controles Intuitivos

Navegación clara con botón de retroceso, logo de Meetzy centrado, y botón de envío que aparece automáticamente
4

Atajos de Teclado

Soporte completo para atajos como Enter para generar y sugerencias visuales de teclado

Cómo Funciona la Generación Automática

Cuando accedes al Editor Avanzado para crear un nuevo agente, el Creation Overlay te guía a través de un proceso optimizado:
1

Activación Automática

El Creation Overlay se activa automáticamente al crear un nuevo agente, ocupando toda la pantalla
2

Descripción del Agente

Describes en el campo de texto principal qué debe hacer tu agente, con placeholder sugerente
3

Procesamiento Inteligente

Al presionar Enter o el botón de envío, Meetzy analiza tu descripción y genera automáticamente la configuración
4

Transición Fluida

El overlay se desvanece con animación suave y te lleva al Editor Avanzado con el agente configurado

Características Técnicas del Creation Overlay

CaracterísticaDescripciónBeneficio
WebGL CanvasAnimación de ondas de fondo renderizada en tiempo realExperiencia visual inmersiva y profesional
Responsive DesignAdaptación automática a diferentes tamaños de pantallaFuncionalidad consistente en todos los dispositivos
Dark Mode SupportSoporte completo para tema oscuro con transiciones suavesExperiencia coherente con preferencias del usuario
Animation SystemSistema de animaciones CSS avanzado para transicionesFeedback visual claro y experiencia pulida
Keyboard NavigationSoporte completo para navegación por tecladoAccesibilidad y eficiencia para usuarios avanzados
Auto-focusEnfoque automático del campo de entrada al cargarFlujo de trabajo sin interrupciones

Ejemplos de Prompts Efectivos

El Creation Overlay está optimizado para interpretar descripciones naturales y generar configuraciones precisas:
Tipo de AgentePrompt de Ejemplo
Soporte Técnico”Un agente que resuelve problemas técnicos de software, escalando casos complejos al equipo humano cuando es necesario”
Ventas”Agente de ventas para una tienda de moda online que ayuda a clientes a encontrar productos, procesa pedidos y maneja devoluciones”
Atención Médica”Asistente para clínica dental que agenda citas, responde preguntas sobre tratamientos y transfiere emergencias al doctor”
Educación”Tutor virtual que ayuda a estudiantes con matemáticas de bachillerato, adapta explicaciones al nivel del estudiante”
Especificidad del Prompt: El Creation Overlay utiliza IA avanzada para interpretar tu descripción. Cuanto más específico y detallado sea tu prompt inicial, más preciso será el agente generado. Incluye información sobre el contexto, funcionalidades específicas y casos de uso principales.

Flujo Alternativo: Creación desde Cero

El Creation Overlay también proporciona una opción para usuarios que prefieren el método tradicional:
  • Botón “Skip”: Permite omitir la generación automática y comenzar con una configuración en blanco
  • Transición Inmediata: Te lleva directamente al Editor Avanzado sin configuración previa
  • Flexibilidad Total: Mantiene la opción de configuración manual para casos de uso específicos

Creación Prompt-First de Agentes

Una de las innovaciones más recientes del Editor Avanzado es la capacidad de generar agentes automáticamente mediante descripción en lenguaje natural.

Cómo Funciona

Cuando accedes al Editor Avanzado para crear un nuevo agente, se presenta una experiencia de generación guiada por IA:
1

Interfaz de Creación Intuitiva

Una pantalla inmersiva con animación de ondas WebGL donde describes qué debe hacer tu agente
2

Procesamiento por IA

Meetzy analiza tu descripción y genera automáticamente toda la configuración del agente
3

Resultado Completo

Obtén un agente funcional con prompt del sistema, configuraciones, herramientas y flujos de conversación
Generación Inteligente: Cuanto más específico y detallado sea tu prompt inicial, más preciso será el agente generado. Incluye información sobre el contexto, funcionalidades específicas y casos de uso principales.

Nuevo Selector de Agentes

Una de las características más útiles del Editor Avanzado es el selector de agentes integrado en la barra superior, que permite una navegación fluida entre múltiples agentes:

Funcionalidades del Selector

CaracterísticaDescripción
Navegación rápidaCambia entre agentes sin perder el contexto de edición
Búsqueda inteligenteFiltrado en tiempo real por nombre de agente
Vista previa de informaciónMuestra nombre completo e ID del agente
Estado visualIndicador de selección del agente activo
Carga asíncronaLista de agentes actualizada en tiempo real
Filtro por empresaPara administradores: filtrar agentes por organización

Interfaz Visual del Selector

El selector de agentes aparece en la esquina superior izquierda cuando estás editando un agente existente:
  • Botón principal: Muestra el nombre del agente actual con un icono desplegable
  • Búsqueda integrada: Campo de filtrado con icono de lupa para encontrar agentes rápidamente
  • Lista de agentes: Tarjetas con avatar, nombre completo e ID abreviado
  • Indicador de selección: Marca visual verde para el agente actualmente seleccionado
  • Filtro de empresa: (Solo administradores) Dropdown para filtrar por organización
Navegación Inteligente: El sistema detecta automáticamente cambios no guardados y muestra un modal de confirmación antes de cambiar entre agentes, evitando la pérdida accidental de trabajo.

Cuándo Usar el Editor Avanzado

EscenarioHerramienta Recomendada
Crear un agente nuevo desde cero✅ Editor Avanzado (con prompt-first)
Generar agente desde descripción✅ Editor Avanzado (creación automática)
Ajustar respuestas del agente✅ Editor Avanzado
Añadir documentos a la base de conocimiento✅ Editor Avanzado
Configurar integraciones webhook✅ Editor Avanzado
Probar agente en tiempo real✅ Editor Avanzado
Testing automatizado y regresión✅ Editor Avanzado
Colaboración en equipo✅ Editor Avanzado
Control de versiones y rollback✅ Editor Avanzado
Navegación entre múltiples agentes✅ Editor Avanzado
Duplicación rápida de agentePanel de Agentes

Vista General de la Interfaz

El Editor Avanzado está dividido en dos paneles principales con controles de versión integrados y navegación de agentes:

Barra Superior con Selector de Agentes

La barra de herramientas incluye el nuevo selector de agentes y indicadores avanzados de estado Git:
ElementoDescripción
← VolverRegresar a la lista de agentes
🎯 Selector de AgentesDropdown inteligente para cambiar entre agentes con búsqueda
🏷️ ID del AgenteIdentificador único del agente con botón de copia
🏷️ Estado GitIndicador visual del estado de versiones con códigos de color
📊 VersiónNúmero de versión actual con versionado semántico (v1.2.3)
🔄 Acciones GitBotones para Check, Pull, Commit, Push con estados inteligentes
✓ GuardarGuardar cambios locales con detección automática
⬇️ ExportarDescargar configuración del agente
🚀 PublicarDesplegar cambios a producción con validación automática

Panel Izquierdo - Configuración

El panel izquierdo contiene todas las secciones de configuración accesibles mediante una barra de iconos:
IconoSecciónDescripción
⚙️Configuración BásicaNombre, idioma, voz, modelo LLM
👋SaludosMensajes de bienvenida para llamadas entrantes/salientes
📄Prompt del SistemaPersonalidad e instrucciones del agente
📥Parámetros de EntradaVariables dinámicas para llamadas personalizadas
📚Base de ConocimientoDocumentos, FAQs y materiales de referencia
🔧Acciones y HerramientasIntegraciones, transferencias, webhooks
EvaluacionesPruebas automáticas de calidad
📤Configuración de SalidaExtracción de datos y webhooks

Panel Derecho - Pruebas y Herramientas

PestañaPropósito
🎮 PlaygroundPrueba tu agente en tiempo real con texto o voz
📋 TestsSuite completa de testing automatizado con simulaciones
🤖 CopilotAsistente IA para ayudar a mejorar tus prompts
📜 ChangesControl de versiones Git con colaboración en tiempo real

Flujo de Trabajo con Creation Overlay

El Creation Overlay optimiza significativamente el proceso de creación de agentes:
1

Acceso a Creación

Al crear un nuevo agente, el Creation Overlay se presenta automáticamente con su interfaz inmersiva.
2

Descripción del Agente

Describe en lenguaje natural qué debe hacer tu agente en el campo de texto central con animación de gradiente.
3

Generación Automática

Presiona Enter o el botón de envío para que Meetzy analice y genere la configuración completa del agente.
4

Transición Fluida

El overlay se desvanece suavemente y te lleva al Editor Avanzado con el agente pre-configurado.
5

Refinamiento y Ajustes

Utiliza las herramientas del Editor Avanzado para afinar la configuración generada según necesidades específicas.
6

Pruebas y Validación

Emplea el Playground y la suite de Tests para validar el comportamiento del agente generado.

Flujo de Trabajo con Selector de Agentes

El selector de agentes optimiza el flujo de trabajo para equipos que gestionan múltiples agentes:
1

Acceso al Selector

Haz clic en el nombre del agente en la barra superior para abrir el selector dropdown.
2

Búsqueda de Agentes

Utiliza el campo de búsqueda para filtrar por nombre de agente en tiempo real.
3

Filtrado por Empresa

(Solo administradores) Filtra agentes por organización usando el dropdown de empresa.
4

Selección Inteligente

Haz clic en cualquier agente de la lista para cambiar el contexto de edición.
5

Detección de Cambios

El sistema detecta automáticamente cambios no guardados y solicita confirmación.
6

Cambio de Contexto

La interfaz se actualiza completamente con la configuración del nuevo agente seleccionado.

Sistema de Control de Versiones Git Integrado

El Editor Avanzado incluye un sistema robusto de control de versiones Git que permite colaboración profesional en tiempo real entre equipos:
Colaboración en Tiempo Real: Múltiples usuarios pueden trabajar en el mismo agente simultáneamente con detección automática de conflictos, sincronización cada 30 segundos, e indicadores de presencia visual.

Estados de Versión en Tiempo Real

El indicador de estado Git muestra el estado actual del agente con códigos de color intuitivos y información detallada:
EstadoDescripciónIndicador VisualColor
CleanSin cambios pendientes, sincronizado con remoto✅ Clean🟢 Verde
ModifiedCambios locales sin confirmar⚠️ Modified (3)🟡 Amarillo
ConflictConflictos con cambios remotos detectados❌ Conflicts (2)🔴 Rojo
SyncingSincronizando con el servidor Git🔄 Syncing…🔵 Azul
LockedBloqueado por otros usuarios activos🔒 Locked by 2 user(s)🟠 Naranja

Flujo de Trabajo Git Profesional

El sistema implementa un flujo de trabajo Git completo:

Operaciones Git Básicas

  • Check: Verificar actualizaciones remotas sin aplicar cambios
  • Pull: Sincronizar con cambios remotos y resolver conflictos automáticamente
  • Commit: Confirmar cambios locales con mensajes descriptivos obligatorios
  • Push: Desplegar a producción tras validación automática de tests

Gestión Inteligente de Conflictos

  • Detección automática: Identificación de conflictos a nivel de campo
  • Resolución visual: Interfaz paso a paso para resolver cada conflicto
  • Preview de merge: Vista previa del resultado antes de confirmar
  • Rollback seguro: Capacidad de deshacer cambios problemáticos

Pestaña Changes: Control de Versiones Avanzado

La pestaña Changes en el panel derecho proporciona funcionalidades profesionales de gestión de versiones:
Prevención de Conflictos: El sistema bloquea automáticamente campos que están siendo editados por otros usuarios para prevenir conflictos, mostrando indicadores de presencia en tiempo real.

Vista de Cambios en Tiempo Real

  • Lista detallada de modificaciones: Cambios por sección con diff visual coloreado
  • Indicadores de conflicto: Resaltado automático de campos en conflicto con otros usuarios
  • Preview de cambios: Vista previa completa antes de confirmar con comparación lado a lado
  • Validación automática: Verificación de sintaxis y coherencia antes del commit

Historial de Versiones Completo

  • Timeline interactivo: Historial completo de commits con timestamps precisos y metadata
  • Información de autoría: Quién hizo cada cambio, cuándo, y desde qué dispositivo
  • Mensajes de commit: Descripciones detalladas y categorizadas de cada versión
  • Navegación temporal: Salto rápido entre versiones con comparación visual
  • Análisis de impacto: Identificación automática del alcance de cada cambio

Gestión de Ramas Profesional

  • Creación de ramas: Para desarrollo paralelo y experimentación segura
  • Estrategias de merge: Integración inteligente con fast-forward y merge commits
  • Resolución de conflictos: Interfaz visual para resolver conflictos paso a paso
  • Protección de producción: Validación automática antes de merge a main

Colaboración Avanzada en Tiempo Real

  • Indicadores de presencia: Ver quién está editando cada sección específica
  • Chat de equipo contextual: Comunicación integrada durante la edición
  • Notificaciones inteligentes: Alertas relevantes de cambios de otros usuarios
  • Bloqueos cooperativos: Prevención automática de edición simultánea conflictiva

Sistema de Testing Profesional Mejorado

La nueva pestaña Tests incluye capacidades profesionales de testing y quality assurance:
Tests de Regresión Automáticos: El sistema ejecuta automáticamente todos los tests cuando se realizan cambios críticos y bloquea el deploy si algún test falla, garantizando la calidad en producción.

Tipos de Test Avanzados

Tipo de TestDescripciónUso RecomendadoCapacidades
Scenario TestsConversaciones predefinidas con criterios específicosValidar flujos críticos de negocioVariables dinámicas, multi-turn
Simulation TestsSimulaciones dinámicas con diferentes personasTesting exploratorio y edge casesGeneración automática de casos
Regression TestsTests automáticos en cada deployPrevención de regresionesEjecución paralela, CI/CD
Stress TestsMúltiples ejecuciones para validar consistenciaValidación de robustez y performanceAnálisis estadístico, métricas

Funcionalidades Avanzadas de Testing

Ejecución en Lote Inteligente

  • Repeticiones múltiples: Ejecutar el mismo test hasta 10 veces para validar consistencia
  • Análisis estadístico: Métricas detalladas de éxito/fallo por lote con tendencias
  • Paralelización: Ejecución simultánea para reducir tiempo de testing
  • Distribución de carga: Balanceamiento automático de recursos de testing

Variables de Contexto Dinámicas

  • Parámetros dinámicos: Inyección automática de variables como fecha_y_hora_actual
  • Personalización por test: Variables específicas por escenario de testing
  • Gestión visual: Panel dedicado para configurar y validar variables
  • Templating avanzado: Sistema de plantillas para reutilización de configuraciones

Historial y Análisis de Performance

  • Pestaña History: Registro completo de ejecuciones con métricas detalladas
  • Métricas de rendimiento: Tendencias de éxito/fallo a lo largo del tiempo
  • Comparación de versiones: Análisis del impacto de cambios en performance
  • Alertas automáticas: Notificaciones de degradación de calidad

Integración con AI Copilot

  • Mejoras automáticas: Copilot sugiere optimizaciones basadas en tests fallidos
  • Análisis de fallos: Identificación automática de patrones de error y causas raíz
  • Optimización de prompts: Sugerencias específicas para mejorar comportamiento
  • Generación de tests: Creación automática de casos de test adicionales

Flujo de Trabajo Colaborativo Paso a Paso

1

Creación o Selección de Agente

Utiliza el Creation Overlay para generar un agente desde descripción natural, o usa el selector para cambiar al agente deseado. El sistema detecta cambios no guardados automáticamente.
2

Inicialización del Proyecto

Si es un agente nuevo generado automáticamente, revisa la configuración inicial. Para agentes existentes, clona o crea una nueva rama para tus cambios.
3

Desarrollo Colaborativo

Realiza cambios en configuración, prompts y funcionalidades. Los indicadores de presencia muestran dónde trabajan otros miembros del equipo.
4

Testing Continuo

Crea y ejecuta tests localmente. Define scenarios y simulaciones para validar el comportamiento esperado.
5

Validación Local

Usa el Playground y la suite de Tests para validar cambios antes de confirmar. El Copilot sugiere mejoras automáticamente.
6

Resolución de Conflictos

El sistema detecta y resalta conflictos automáticamente. Usa la interfaz visual para resolverlos paso a paso.
7

Commit con Validación

Confirma cambios con mensajes descriptivos. El sistema ejecuta validaciones automáticas y sugiere categorías.
8

Tests de Regresión Automáticos

Ejecución automática de toda la suite de tests. El sistema genera reportes detallados de cobertura y performance.
9

Deploy a Producción

Deploy automático tras validación exitosa. El sistema mantiene rollback automático en caso de problemas post-deploy.

Conceptos Clave del Sistema Avanzado

Creation Overlay y Generación Automática

IA Generativa Contextual: El Creation Overlay utiliza modelos de IA avanzados entrenados específicamente en configuraciones de agentes conversacionales, garantizando resultados coherentes y funcionales desde la primera iteración.

Capacidades del Creation Overlay

  • Análisis semántico avanzado: Comprensión profunda del contexto y propósito del agente desde la descripción
  • Interfaz inmersiva: WebGL canvas con animaciones fluidas que mejora la experiencia de creación
  • Configuración automática completa: Generación de prompts, herramientas, flujos de conversación y configuraciones técnicas
  • Optimización inteligente: Ajuste automático de parámetros según el dominio y caso de uso detectado
  • Validación integrada: Verificación automática de coherencia y completitud durante la generación
Detección de Contexto: El selector de agentes utiliza machine learning para sugerir agentes relacionados basándose en tu historial de edición y patrones de trabajo, optimizando el flujo de desarrollo multi-agente.

Funcionalidades de Navegación Avanzada

  • Historial de navegación: Recuerda los últimos agentes editados para acceso rápido
  • Agentes favoritos: Marcado automático de agentes más utilizados
  • Búsqueda semántica: Búsqueda por funcionalidad, no solo por nombre
  • Vista previa rápida: Información contextual sin cambiar de agente
  • Filtrado organizacional: Para administradores, gestión multi-empresa centralizada

Sincronización Inteligente y Colaboración

Auto-sync con IA: Los cambios se sincronizan automáticamente cada 30 segundos usando algoritmos inteligentes que pausan durante edición activa y resuelven conflictos menores automáticamente.

Detección de Conflictos con Machine Learning

  • Análisis semántico: Detección de conflictos a nivel de significado, no solo sintaxis
  • Resolución predictiva: Sugerencias automáticas de resolución basadas en contexto
  • Impacto de cambios: Análisis automático del impacto de cada modificación
  • Previsualización inteligente: Vista previa del resultado con validación semántica

Indicadores de Presencia Avanzados

  • Cursores colaborativos: Posición exacta de otros usuarios con nombres e identificadores únicos
  • Bloqueos inteligentes: Prevención automática de edición simultánea con negociación de turnos
  • Notificaciones contextuales: Alertas relevantes basadas en el área de trabajo actual
  • Estado de actividad: Indicadores de quien está activo, escribiendo, o en pausa

Versionado Semántico Automático

El sistema utiliza versionado semántico con detección automática de tipo de cambio:
Tipo de CambioIncrementoEjemploDetección Automática
Patchesv1.0.0 → v1.0.1Corrección de typos, ajustes menoresCambios en strings sin impacto funcional
Minorv1.0.1 → v1.1.0Nuevas funcionalidades compatiblesNuevas acciones, herramientas, o configuraciones
Majorv1.1.0 → v2.0.0Cambios incompatiblesModificaciones en estructura de salida o API

Quality Gates y Testing Continuo

Pipeline de Calidad: El sistema implementa quality gates automáticos que bloquean el deploy a producción si cualquier test de regresión falla, manteniendo la integridad del agente en todo momento.

Pipeline Automático CI/CD

  1. Pre-commit validation: Validación sintáctica y semántica antes de confirmar
  2. Automated test execution: Ejecución completa de la suite de tests en paralelo
  3. Quality metrics validation: Verificación de métricas de performance y cobertura
  4. Production deployment gates: Deploy condicionado al éxito de todas las validaciones
  5. Post-deploy monitoring: Monitoreo automático de métricas en producción

Métricas y Monitoreo Avanzado

  • Test coverage analytics: Análisis de cobertura por funcionalidad y flujo
  • Success rate trends: Análisis de tendencias históricas con predicciones
  • Performance benchmarking: Comparación automática con versiones anteriores
  • Quality score: Puntuación compuesta de calidad del agente basada en múltiples métricas

Mejores Prácticas para Equipos Profesionales

Estrategias de Desarrollo Colaborativo

Flujo de trabajo personal optimizado:
  • Usa el Creation Overlay para crear nuevos agentes desde descripciones claras y detalladas
  • Aprovecha la interfaz inmersiva para concentrarte en la descripción del agente sin distracciones
  • Utiliza el selector de agentes para organizar tu trabajo por proyecto o cliente
  • Crea ramas para experimentos y desarrollos importantes generados automáticamente
  • Ejecuta tests localmente antes de cada commit significativo
  • Usa mensajes de commit descriptivos siguiendo convenciones del equipo
  • Revisa el historial de cambios antes de modificaciones grandes
  • Aprovecha las sugerencias del Copilot para optimización continua

Arquitectura del Sistema Git

Modelo de Branching Profesional

El Editor Avanzado soporta flujos de trabajo Git profesionales:
EstrategiaDescripciónUso Recomendado
Git FlowRamas feature/develop/main con releasesEquipos grandes con releases programados
GitHub FlowFeature branches directos a mainEquipos ágiles con deploy continuo
GitLab FlowEnvironment branches con promociónEquipos con múltiples entornos

Integración con Sistemas Externos

  • Webhooks de versionado: Notificaciones automáticas a sistemas externos
  • API de integración: Endpoints para sistemas de CI/CD externos
  • Exportación de métricas: Datos de calidad para dashboards empresariales
  • Sincronización bidireccional: Importación de cambios desde repositorios Git externos

Casos de Uso Avanzados

Generación Automática por Dominio

El Creation Overlay está optimizado para diferentes dominios de negocio:
DominioCaracterísticas AutomáticasHerramientas Incluidas
E-commerceGestión de inventario, procesamiento de pedidosIntegración con sistemas de pago y CRM
Atención SanitariaProtocolos de privacidad, escalación de urgenciasIntegración con sistemas EMR/HIS
Servicios FinancierosCumplimiento regulatorio, verificación de identidadAPIs de verificación y análisis de riesgo
EducaciónPersonalización del aprendizaje, seguimiento de progresoIntegración con LMS y herramientas educativas
Soporte TécnicoDiagnóstico automático, gestión de ticketsIntegración con sistemas de ticketing y base de conocimientos

Workflows Multi-Agente

Para organizaciones con múltiples agentes especializados:
1

Arquitectura de Agentes

Diseña una familia de agentes especializados usando el Creation Overlay para cada área de negocio con descripciones específicas y coherentes.
2

Navegación Centralizada

Utiliza el selector de agentes para gestionar eficientemente múltiples agentes desde una interfaz unificada.
3

Testing Integral

Implementa tests que validen la interacción entre diferentes agentes y la consistencia de la experiencia generada automáticamente.
4

Deploy Coordinado

Usa el sistema Git para coordinar releases que afecten múltiples agentes simultáneamente, incluyendo los generados automáticamente.

Siguientes Pasos

Configuración Básica

Configura nombre, idioma, voz y modelo de IA con mejores prácticas

Control de Versiones Git

Domina el sistema Git para colaboración profesional en equipo

Suite de Testing Avanzado

Crea y gestiona tests automatizados con CI/CD integrado

Base de Conocimiento

Añade documentos y FAQs con versionado automático

Acciones y Herramientas

Configura integraciones avanzadas y webhooks con testing

Playground Profesional

Prueba tu agente con herramientas de debugging avanzadas