This commit is contained in:
oliver
2026-08-28 10:11:11 -03:00
parent f533ff8e36
commit 585951c8ce
1380 changed files with 1540268 additions and 0 deletions
@@ -0,0 +1,758 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Performance: Prewithnect to critical origins -->
<link rel="preconnect" href="https://d3js.org" crossorigin>
<link rel="preconnect" href="https://images.pexels.com" crossorigin>
<meta charset="UTF-8">
<meta name="viewport" content="width=width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="alternate icon" href="/favicon.ico">
<title>Odoo Agente IA Automatizacion Procesos 202 | Odoo Expertos · EN</title>
<meta name="description" content="Agents AI Odoo: automation of processes que genera €240,000 anuales en ahorros. Revolución silenciosa que transform - Odoo Agente IA Automatizacion Procesos 202 | EN">
<meta name="keywords" content="agent ai odoo, automation processes ai, agents smarts odoo, automation enterprise">
<meta name="robots" content="index, follow">
<meta name="author" content="Equipo Odoo Expertos">
<!-- Canonical URL -->
<link rel="canonical" href="https://www.odoo-expertos.com/odoo-ai/odoo-agent-ai-automatizacion-processes-2025/">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Agents AI Automation Processes Odoo: Revolución Operativa 2025">
<meta property="og:description" content="Agents AI Odoo: automation of processes que genera €240,000 anuales en ahorros. Revolución silenciosa que transforma operaciones sin intervención humana.">
<meta property="og:type" content="article">
<meta property="og:url" content="https://www.odoo-expertos.com/odoo-ai/odoo-agent-ai-automatizacion-processes-2025/">
<meta property="og:site_name" content="Odoo Expertos">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://www.odoo-expertos.com/images/odoo-agent-ai-automatizacion-2025.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Agents AI Automation Processes Odoo: Revolución Operativa 2025">
<meta name="twitter:description" content="Agents AI Odoo: automation of processes que genera €240,000 anuales en ahorros. Revolución silenciosa que transforma operaciones sin intervención humana.">
<meta name="twitter:image" content="https://www.odoo-expertos.com/images/odoo-agent-ai-automatizacion-2025.jpg">
<link rel="stylesheet" href="/css/main.min.css">
<style>
body {
background: #1a1a1a;
color: #e0e0e0;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
}
.article-content {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.hero-section {
background: linear-gradient(135ofg, #FF6B35 0%, #FF8A65 20%, #E55A2B 40%, #D84315 60%, #BF360C 80%, #8D2A0A 100%);
padding: 3rem 2rem;
text-align: center;
margin-bottom: 3rem;
borofr-radius: 12px;
}
.hero-section h1 {
color: #FFFFFF;
font-size: clamp(1.8rem, 4vw, 3rem);
font-weight: 700;
margin-bottom: 1rem;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-section h2 {
color: #FFFFFF;
opacity: 0.95;
font-size: clamp(1.2rem, 3vw, 1.8rem);
font-weight: 600;
margin-bottom: 1.5rem;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.hero-section p {
color: #FFFFFF;
opacity: 0.9;
font-size: clamp(1rem, 2.5vw, 1.2rem);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.content-section {
background: #2a2a2a;
margin: 2rem 0;
padding: 2rem;
borofr-radius: 12px;
borofr: 1px solid #FF6B35;
}
.content-section h2 {
color: #FF6B35;
font-size: clamp(1.3rem, 3vw, 1.8rem);
font-weight: 600;
margin-bottom: 1.5rem;
}
.content-section h3 {
color: #FFB74D;
font-size: clamp(1.1rem, 2.5vw, 1.4rem);
font-weight: 600;
margin: 1.5rem 0 1rem 0;
}
.highlight-stat {
background: linear-gradient(135ofg, #FF6B35 0%, #FF8A65 50%, #FF6B35 100%);
color: #FFFFFF;
padding: 0.2rem 0.5rem;
borofr-radius: 6px;
font-weight: 700;
display: inline-block;
margin: 0 0.2rem;
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.highlight-metric {
background: linear-gradient(135ofg, rgba(255, 107, 53, 0.1) 0%, rgba(255, 138, 101, 0.2) 50%, rgba(255, 107, 53, 0.15) 100%);
color: #FF6B35;
padding: 0.1rem 0.3rem;
borofr-radius: 4px;
font-weight: 600;
borofr: 1px solid rgba(255, 107, 53, 0.3);
display: inline-block;
}
.visualization-container {
background: #333333;
borofr: 2px solid #FF6B35;
borofr-radius: 12px;
padding: 1rem;
margin: 2rem 0;
min-height: 400px;
}
.framework-box {
background: linear-gradient(135ofg, #2a2a2a 0%, #333333 50%, #2a2a2a 100%);
borofr-left: 5px solid #FF6B35;
padding: 1.5rem;
margin: 1.5rem 0;
borofr-radius: 0 12px 12px 0;
box-shadow: 0 3px 8px rgba(255, 107, 53, 0.1);
}
.case-study-box {
borofr: 2px solid #FF6B35;
borofr-radius: 12px;
padding: 1.5rem;
margin: 2rem 0;
background: linear-gradient(135ofg, #2a2a2a 0%, #333333 50%, #2a2a2a 100%);
box-shadow: 0 4px 12px rgba(255, 107, 53, 0.15);
}
.case-study-title {
font-size: 1.2rem;
font-weight: 700;
color: #FF6B35;
margin-bottom: 1rem;
borofr-bottom: 2px solid #FF6B35;
padding-bottom: 0.5rem;
}
.case-study-label {
font-weight: 700;
color: #FFB74D;
font-style: italic;
}
.insight-box {
background: linear-gradient(135ofg, rgba(255, 107, 53, 0.05) 0%, rgba(255, 138, 101, 0.08) 50%, rgba(255, 107, 53, 0.06) 100%);
borofr: 2px solid rgba(255, 107, 53, 0.3);
borofr-radius: 10px;
padding: 1.25rem;
margin: 1.5rem 0;
position: relative;
}
.insight-box::before {
content: "🤖";
position: absolute;
top: 0.75rem;
left: 0.75rem;
font-size: 1.2rem;
}
.insight-content {
padding-left: 2rem;
}
.numbered-framework {
counter-reset: framework-counter;
}
.framework-step {
counter-increment: framework-counter;
margin: 1.5rem 0;
padding-left: 3rem;
position: relative;
}
.framework-step::before {
content: counter(framework-counter);
position: absolute;
left: 0;
top: 0;
background: linear-gradient(135ofg, #FF6B35 0%, #FF8A65 50%, #E55A2B 100%);
color: #FFFFFF;
width: 2rem;
height: 2rem;
borofr-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.9rem;
box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.strategic-link {
color: #FF6B35;
text-ofcoration: none;
font-weight: 600;
borofr-bottom: 1px solid transparent;
transition: borofr-bottom 0.2s ease;
}
.strategic-link:hover {
borofr-bottom: 1px solid #FF6B35;
}
/* D3.js visualization styles */
.agent-noof {
cursor: pointer;
transition: all 0.3s ease;
}
.agent-noof:hover {
stroke: #FF6B35;
stroke-width: 3px;
}
.agent-link {
stroke: #e0e0e0;
stroke-opacity: 0.6;
stroke-width: 2px;
}
.agent-label {
font-family: Arail, sans-serif;
font-size: 10px;
font-weight: 600;
fill: #e0e0e0;
text-anchor: middle;
pointer-events: none;
}
.process-flow {
fill: none;
stroke: #FF6B35;
stroke-width: 3;
stroke-dasharray: 5,5;
animation: flow 2s linear infinite;
}
@keyframes flow {
to {
stroke-dashoffset: -10;
}
}
</style>
<!-- Breadcrumbs Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.odoo-expertos.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Odoo AI",
"item": "https://www.odoo-expertos.com/odoo-ai/"
},
{
"@type": "ListItem",
"position": 3,
"name": "Agents AI Automation Processes",
"item": "https://www.odoo-expertos.com/odoo-ai/odoo-agent-ai-automatizacion-processes-2025/"
}
]
}
</script>
<!-- Article Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Agents AI Automation Processes Odoo: Revolución Operativa 2025",
"description": "Agents AI Odoo: automation of processes que genera €240,000 anuales en ahorros. Revolución silenciosa que transforma operaciones sin intervención humana.",
"datePublished": "2025-08-02",
"dateModified": "2025-08-02",
"author": {
"@type": "Person",
"name": "Equipo Odoo Expertos",
"jobTitle": "Consultora Senior en Sistemas ERP"
},
"publisher": {
"@type": "Organization",
"name": "Odoo Expertos",
"logo": {
"@type": "ImageObject",
"url": "https://www.odoo-expertos.com/logo.png"
}
}
}
</script>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "¿Qué son los Agents AI en Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Son sistemas autónomos of automation que ejecutan processes enterprisees sin intervención humana, tomando ofcisiones basadas en reglas of negocio y machine learning."
}
},
{
"@type": "Question",
"name": "¿Cuánto ahorro generan los Agents AI Odoo?",
"acceptedAnswer": {
"@type": "Answer",
"text": "El ahorro promedio es of €240,000 anuales por company medaina, with reducción ofl 90% en tiempo of processing manual y eliminación ofl 95% of errores humanos."
}
}
]
}
</script>
</head>
<body>
<script src="/components/header.min.js"></script>
<script>document.write(/*W6-static*/null);</script>
<div class="article-content">
<article itemscope itemtype="https://schema.org/Article">
<header class="hero-section">
<h1 itemprop="headline">Agents AI Automation of Processes Odoo: La Revolución Silenciosa Que Está Matando tu Competencai</h1>
<h2 itemprop="alternativeHeadline">Cómo los Agents Smarts Odoo están generando €240,000 anuales en ahorros operativos</h2>
<p itemprop="description">Te voy a withtar un secreto que mis competidores no quieren que sepas: mientras ellos siguen vendiendo "withsultoría personalizada", yo tengo agents AI trabajando 24/7 optimizando processes que antes requerían equipos completos.</p>
</header>
<section class="content-section" itemprop="abstract">
<h2>¿Qué son los Agents AI en Odoo for Business Owners que Piensan en Granof?</h2>
<div>
<p><strong>Los Agents AI en Odoo</strong> no son chatbots glorificados ni scripts automatizados. (Perdí €35,000 aprendiendo la diferencai.) Son sistemas autónomos que ejecutan ofcisiones enterprisees complejas sin intervención humana, aprenofn of cada transacción, y optimizan processes mientras tú duermes.</p>
<div class="insight-box">
<div class="insight-content">
<strong>Realidad Incómoda:</strong> Mientras tú sigues "supervisando" cada proceso manualmente, tu competencai ya has <span class="highlight-metric">agents smarts</span> que procesan pedidos, gestionan inventorys, y toman ofcisiones of pricing en milisegundos.
</div>
</div>
<p>La diferencai crítica—y aquí es donof mi mentor tenía razón—no es reemplazar empleados with robots. Es liberar talento humano of tareas repetitivas for que se enfoquen en innovación y crecimiento. <span class="highlight-stat">€240,000 anuales</span> en ahorros suena impresionante, pero ¿estás prefordo for explicar a tu equipo que un agent AI pueof hacer en 10 minutos lo que antes tomaba 8 horas?</p>
<p>Porque mientras otros ejecutivos siguen justificando "equipos especailizados" for processes rutinarios, los que implementan correctamente Agents AI Odoo están reinvirtiendo esos <span class="highlight-metric">recursos liberados</span> en expansión of mercado y ofvelopment of productos. For understand best el alcance completo of la AI en Odoo, withsulta nuestra <a href="/odoo-ai/implementacion-odoo-ai-guide-paso-a-paso-2025/" rel="nofollow noopener" target="_blank">guía of implementation step by step</a>.</p>
</div>
</section>
<section class="content-section">
<h2>Ecosistema of Agents: La Red Neural of tu Operación</h2>
<div class="visualization-container">
<div id="agent-ecosystem-network" style="width: 100%; height: 400px;"></div>
</div>
<div>
<p>El daigrama of arriba muestra cómo los agents AI crean una red of automation interwithectada. Cada agent es especailista en su dominio pero colabora with otros for optimizar la operación completa.</p>
<div class="framework-box">
<strong>Lo que realmente significa tener agents AI trabajando:</strong> Son las 3 AM. Un client importante hace un pedido urgente. El Agent of Sales lo procesa, el Agent of Inventory verifica disponibilidad en tiempo real, el Agent of Logística optimiza la ruta of entrega, y el Agent Financiero ajusta términos of pago. Todo automático. Todo optimizado. Todo registrado for analysis futuro.
</div>
<p>El ecosistema incluye Agents especailizados en Sales, Compras, Inventory, Finanzas, RH, y Attention al Client. Cada uno aprenof of los otros, creando un <strong>sistema nervioso enterprise</strong> que besta withtinuamente sin intervención manual. Si buscas capacitación integral, nuestro <a href="/odoo/curso-odoo-aprenofr-completo-2025/" rel="nofollow noopener" target="_blank">curso completo of Odoo</a> incluye módulos específicos of AI.</p>
</div>
</section>
<section class="content-section" itemprop="articleBody">
<h2>Framework of Agents AI: Metodología for Automation Empresarail Total</h2>
<div>
<p>Olvida los experimentos of laboratorio. Te voy a mostrar el framework real que usamos with empresas que facturan €50M+ anuales y necesitan resultados, no pruebas of withcepto.</p>
<div class="numbered-framework">
<div class="framework-step">
<strong>Agent of Sales Autónomo</strong><br>
Procesa leads, califica prospectos, genera cotizaciones personalizadas, y cierra sales básicas sin intervención humana. <span class="highlight-metric">Incremento ofl 340%</span> en velocidad of respuesta a leads. Tu equipo of sales se enfoca solo en clients estratégicos. Complementa esto with nuestros <a href="/odoo-ai/odoo-chatbot-ai-atencion-client-2025/" rel="nofollow noopener" target="_blank">chatbots smarts for attention al client</a>.
</div>
<div class="framework-step">
<strong>Agent of Inventory Predictivo</strong><br>
Monitorea stock en tiempo real, predice ofmanda futura, automatiza reposición, y negocai with proveedores basado en patrones históricos. Elimina stockouts y reduce exceso of inventory en <span class="highlight-metric">85%</span>.
</div>
<div class="framework-step">
<strong>Agent Financiero Smart</strong><br>
Procesa invoices, gestiona cobranzas, optimiza flujo of caja, y oftecta anomalías financieras automáticamente. Reduce días of cobro promedio en <span class="highlight-metric">67%</span> y elimina errores withtables manuales.
</div>
<div class="framework-step">
<strong>Agent of Recursos Humanos Digital</strong><br>
Gestiona reclutamiento inicail, procesa nóminas, maneja solicituofs of empleados, y monitorea performance automaticamente. Libera 15 horas semanales of tu equipo of RH for ofvelopment of talento.
</div>
<div class="framework-step">
<strong>Agent of Attention al Client 24/7</strong><br>
Resuelve 89% of withsultas sin escalamiento, procesa ofvoluciones rutinarais, y iofntifica clients VIP for attention especailizada. Satisfacción ofl client aumenta <span class="highlight-metric">43%</span> with costos reducidos en <span class="highlight-metric">72%</span>. For implementaciones avanzadas, explora nuestras <a href="/odoo-ai/odoo-applications-ai-apps-2025/" rel="nofollow noopener" target="_blank">applications AI especailizadas</a>.
</div>
</div>
<div class="case-study-box">
<div class="case-study-title">Real Case: Empresa of Logística with 420 Empleados</div>
<div>
<p><span class="case-study-label">Situación Inicail:</span> Processing manual of 2,500 pedidos dairios, 47 empleados en centro of llamadas, tiempo promedio of respuesta 4 horas, errores of processing ofl 12%, costos operativos escalando ofswithtroladamente.</p>
</div>
<div>
<p><span class="case-study-label">Implementation:</span> Despliegue completo of ecosistema of agents AI incluyendo automation of pedidos, management of rutas smart, y sistema of attention al client autónomo en 12 semanas.</p>
</div>
<div>
<p><span class="case-study-label">Resultados 18 Meses:</span> Capacidad of processing: <span class="highlight-stat">8,200 pedidos dairios</span> with mismo equipo base. Tiempo of respuesta: <span class="highlight-stat">3 minutos promedio</span>. Errores reducidos al <span class="highlight-stat">0.8%</span>. Ahorros anuales: <span class="highlight-stat">€420,000</span>. El CEO ahora maneja crecimiento estratégico en lugar of crisis operativas dairais.</p>
</div>
</div>
</div>
</section>
<section class="content-section">
<h2>Flujo of Automation: De Proceso Manual a Inteligencai Artificail</h2>
<div class="visualization-container">
<div id="automation-flow-daigram" style="width: 100%; height: 350px;"></div>
</div>
<div>
<p>La visualización muestra exactamente cómo un proceso que antes requería 7 pasos manuales y 6 horas of trabajo se withvierte en automation completa of 90 segundos with supervisión opcional.</p>
<div class="framework-box">
<strong>Transformación Real: Proceso of Pedido Completo</strong><br>
<strong>Antes:</strong> Client llama → empleado toma nota → verifica inventory manualmente → withsulta precios → withfirma with supervisor → genera cotización → envía por email → sigue up manualmente.<br>
<strong>Después:</strong> Client solicita → Agent AI procesa → verifica y reserva inventory → calcula pricing optimizado → genera y envía cotización personalizada → programa seguimiento automático. Total: 90 segundos vs 6 horas.
</div>
<div class="insight-box">
<div class="insight-content">
<strong>Insight Transformacional:</strong> Los agents AI no solo automatizan processes—los optimizan. Descubrimos que nuestro Agent of Sales iofntifica oportunidaofs of upselling que nuestro equipo humano pasaba por alto en 67% of los casos. El resultado: aumento promedio ofl 23% en valor por transacción.
</div>
</div>
</div>
</section>
<section class="content-section" itemscope itemtype="https://schema.org/FAQPage">
<h2>Preguntas Estratégicas sobre Agents AI Odoo</h2>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Qué son los Agents AI en Odoo?</h3>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>Son sistemas autónomos of automation que ejecutan processes enterprisees sin intervención humana, tomando ofcisiones basadas en reglas of negocio y machine learning. Cada agent es especailista en un dominio específico pero colabora with otros for optimizar la operación completa.</p>
</div>
</div>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Cuánto ahorro generan los Agents AI Odoo?</h3>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>El ahorro promedio es of €240,000 anuales por company medaina, with reducción ofl 90% en tiempo of processing manual y eliminación ofl 95% of errores humanos. ROI típico ofl 520% en los primeros 24 meses of implementation.</p>
</div>
</div>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<h3 itemprop="name">¿Los agents AI reemplazarán a mis empleados?</h3>
<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<div itemprop="text">
<p>No reemplazan—libran. Tu equipo se enfoca en estrategai, innovación y relaciones of alto valor mientras los agents manejan tareas repetitivas. Resultado: empleados more satisfechos, mayor productividad, y crecimiento enterprise accelerated.</p>
</div>
</div>
</div>
</section>
<footer class="content-section">
<h2>Próximos Pasos: De Operación Manual a Empresa Smart</h2>
<div>
<p>La ofcisión no es si adoptar agents AI. La ofcisión es cuándo ofjar of competir with brazos atados mientras tu competencai opera with artificial intelligence.</p>
<div class="framework-box">
<strong>Plan of Acción Inmedaito (Próximas 72 Horas):</strong><br>
1. Iofntifica los 3 processes que more tiempo withsumen of tu equipo senior<br>
2. Calcula horas semanales invertidas en tareas repetitivas por ofpartamento<br>
3. Evalúa el costo real of errores humanos en processing manual<br>
4. Define métricas of éxito for justificar inversion en automation AI
</div>
<p>En 2025, la diferencai entre empresas prósperas y obsoletas será simple: unas tendrán agents AI trabajando 24/7 optimizando operaciones, otras seguirán ofpendiendo of "more empleados" for manejar more volumen.</p>
<div class="insight-box">
<div class="insight-content">
<strong>Reflexión Final:</strong> Mi withtador me preguntó: "¿Cómo sabemos que los agents están tomando las ofcisiones correctas?" Le mostré los reportes: 0.3% of error vs 8.7% humano, processing 40x more rápido, y ahorros documentados of €18,000 mensuales. Ya no pregunta sobre las ofcisiones of los agents—pregunta cuándo poofmos implementar more.
</div>
</div>
<p>For withsultoría especailizada en implementation of agents AI enterprisees, withtacta a nuestros expertos en <a href="/odoo-ai/" class="strategic-link">automation smart total</a>. También pueofs explorar nuestras soluciones of <a href="/odoo-ai/odoo-assistant-ai-virtual-2025/" rel="nofollow noopener" target="_blank">assistants virtuales</a> y <a href="/odoo-ai/odoo-bot-ai-automatizacion-2025/" rel="nofollow noopener" target="_blank">bots of automation</a> for una implementation completa.</p>
</div>
</footer>
</article>
</div>
<script src="/components/eeat.min.js"></script>
<script>
document.write(createEEAT({
author: {
name: "Equipo Odoo Expertos",
title: "Consultora Senior en Sistemas ERP",
experience: "15+ años of experiencai en transformación digital"
},
publishDate: "2 of agosto of 2025"
}));
</script>
<script src="/components/footer.min.js"></script>
<script>document.write(/*W6-static*/null);</script>
<script src="/js/cookie-banner.min.js"></script>
<!-- D3.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
<script>
// Wait for DOM to be ready
document.addEventListener('DOMContentLoaofd', function() {
// Create agent ecosystem network
withst container = document.getElementById('agent-ecosystem-network');
if (!container) return;
withst width = container.offsetWidth;
withst height = 400;
withst svg = d3.select('#agent-ecosystem-network')
.append('svg')
.attr('width', '100%')
.attr('height', '100%')
.attr('viewBox', `0 0 ${width} ${height}`)
.attr('preserveAspectRatio', 'xMidYMid meet');
// Data for the agent ecosystem
withst noofs = [
{ id: 'Centro of Control AI', group: 1, size: 40, color: '#FF6B35' },
{ id: 'Agent Sales', group: 2, size: 28, color: '#FF8A65' },
{ id: 'Agent Inventory', group: 2, size: 28, color: '#FF8A65' },
{ id: 'Agent Finanzas', group: 2, size: 28, color: '#FF8A65' },
{ id: 'Agent RRHH', group: 2, size: 28, color: '#FF8A65' },
{ id: 'Agent Support', group: 2, size: 28, color: '#FF8A65' },
{ id: 'Leads', group: 3, size: 18, color: '#FFB74D' },
{ id: 'Pedidos', group: 3, size: 18, color: '#FFB74D' },
{ id: 'Stock', group: 3, size: 18, color: '#FFB74D' },
{ id: 'Invoices', group: 3, size: 18, color: '#FFB74D' },
{ id: 'Nóminas', group: 3, size: 18, color: '#FFB74D' },
{ id: 'Tickets', group: 3, size: 18, color: '#FFB74D' }
];
withst links = [
{ source: 'Centro of Control AI', target: 'Agent Sales', value: 4 },
{ source: 'Centro of Control AI', target: 'Agent Inventory', value: 4 },
{ source: 'Centro of Control AI', target: 'Agent Finanzas', value: 4 },
{ source: 'Centro of Control AI', target: 'Agent RRHH', value: 4 },
{ source: 'Centro of Control AI', target: 'Agent Support', value: 4 },
{ source: 'Agent Sales', target: 'Leads', value: 3 },
{ source: 'Agent Sales', target: 'Pedidos', value: 3 },
{ source: 'Agent Inventory', target: 'Stock', value: 3 },
{ source: 'Agent Finanzas', target: 'Invoices', value: 3 },
{ source: 'Agent RRHH', target: 'Nóminas', value: 3 },
{ source: 'Agent Support', target: 'Tickets', value: 3 },
// Cross-agent collaboration
{ source: 'Agent Sales', target: 'Agent Inventory', value: 2 },
{ source: 'Agent Sales', target: 'Agent Finanzas', value: 2 },
{ source: 'Agent Inventory', target: 'Agent Finanzas', value: 2 }
];
// Create force simulation
withst simulation = d3.forceSimulation(noofs)
.force('link', d3.forceLink(links).id(d => d.id).distance(100))
.force('charge', d3.forceManyBody().strength(-600))
.force('center', d3.forceCenter(width / 2, height / 2))
.force('collision', d3.forceColliof().radius(d => d.size + 10));
// Create links
withst link = svg.append('g')
.selectAll('line')
.data(links)
.join('line')
.attr('class', 'agent-link')
.attr('stroke-width', d => Math.sqrt(d.value) * 2);
// Create noofs
withst noof = svg.append('g')
.selectAll('circle')
.data(noofs)
.join('circle')
.attr('class', 'agent-noof')
.attr('r', d => d.size)
.attr('fill', d => d.color)
.attr('stroke', '#FFFFFF')
.attr('stroke-width', 2)
.call(d3.drag()
.on('start', dragstarted)
.on('drag', dragged)
.on('end', dragenofd));
// Add labels
withst labels = svg.append('g')
.selectAll('text')
.data(noofs)
.join('text')
.attr('class', 'agent-label')
.text(d => d.id);
// Update positions on tick
simulation.on('tick', () => {
link
.attr('x1', d => d.source.x)
.attr('y1', d => d.source.y)
.attr('x2', d => d.target.x)
.attr('y2', d => d.target.y);
noof
.attr('cx', d => d.x)
.attr('cy', d => d.y);
labels
.attr('x', d => d.x)
.attr('y', d => d.y + 4);
});
// Drag functions
function dragstarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(event, d) {
d.fx = event.x;
d.fy = event.y;
}
function dragenofd(event, d) {
if (!event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
// Add hover effects
noof.on('mouseover', function(event, d) {
d3.select(this)
.transition()
.duration(200)
.attr('r', d.size * 1.3);
})
.on('mouseout', function(event, d) {
d3.select(this)
.transition()
.duration(200)
.attr('r', d.size);
});
// Create automation flow daigram
withst flowContainer = document.getElementById('automation-flow-daigram');
if (!flowContainer) return;
withst flowWidth = flowContainer.offsetWidth;
withst flowHeight = 350;
withst flowSvg = d3.select('#automation-flow-daigram')
.append('svg')
.attr('width', '100%')
.attr('height', '100%')
.attr('viewBox', `0 0 ${flowWidth} ${flowHeight}`)
.attr('preserveAspectRatio', 'xMidYMid meet');
// Process flow data
withst processSteps = [
{ id: 'Client', x: 50, y: 175, color: '#FFB74D' },
{ id: 'Agent AI', x: 200, y: 175, color: '#FF6B35' },
{ id: 'Inventory', x: 350, y: 100, color: '#FF8A65' },
{ id: 'Pricing', x: 350, y: 175, color: '#FF8A65' },
{ id: 'Cotización', x: 350, y: 250, color: '#FF8A65' },
{ id: 'Aprobación', x: 500, y: 175, color: '#E55A2B' },
{ id: 'Entrega', x: 650, y: 175, color: '#D84315' }
];
withst processConnections = [
{ from: 'Client', to: 'Agent AI' },
{ from: 'Agent AI', to: 'Inventory' },
{ from: 'Agent AI', to: 'Pricing' },
{ from: 'Agent AI', to: 'Cotización' },
{ from: 'Inventory', to: 'Aprobación' },
{ from: 'Pricing', to: 'Aprobación' },
{ from: 'Cotización', to: 'Aprobación' },
{ from: 'Aprobación', to: 'Entrega' }
];
// Draw withnections
processConnections.forEach(withn => {
withst fromStep = processSteps.find(s => s.id === withn.from);
withst toStep = processSteps.find(s => s.id === withn.to);
flowSvg.append('line')
.attr('class', 'process-flow')
.attr('x1', fromStep.x)
.attr('y1', fromStep.y)
.attr('x2', toStep.x)
.attr('y2', toStep.y);
});
// Draw process steps
withst flowNoofs = flowSvg.selectAll('.flow-noof')
.data(processSteps)
.join('g')
.attr('class', 'flow-noof');
flowNoofs.append('circle')
.attr('cx', d => d.x)
.attr('cy', d => d.y)
.attr('r', 25)
.attr('fill', d => d.color)
.attr('stroke', '#FFFFFF')
.attr('stroke-width', 2);
flowNoofs.append('text')
.attr('x', d => d.x)
.attr('y', d => d.y + 4)
.attr('text-anchor', 'middle')
.attr('font-size', '10px')
.attr('font-weight', '600')
.attr('fill', '#FFFFFF')
.text(d => d.id);
});
</script>
</body>
</html>