GoPlay Order Agent

Extensión Chrome/Edge (Manifest V3) que actúa como agente autónomo sobre mypantalla.goplay.com.co/admin/sales: detecta órdenes pendientes, auto-completa formularios de activación y notifica al canal de operaciones en Slack.

Arquitectura de la Extensión

manifest.json

Manifest V3 · permissions: activeTab, storage, notifications, alarms · host_permissions: goplay.com.co + hooks.slack.com

content.js

Inyectado en goplay.com.co · Escanea órdenes/tablas · Auto-fill con React/Vue events · Inspector de selectores · MutationObserver para modales

service-worker.js

Background MV3 · Envía mensajes Slack (Incoming Webhook) · Historial en chrome.storage · Alarm de monitoreo periódico

popup.html + popup.js

4 tabs: Órdenes · Activar · Inspector · Historial · Stats en tiempo real · UI oscura AMR TECH

settings.html + settings.js

Slack Webhook URL · Canal Slack · Selectores CSS · Mapeo de campos · Valores por defecto · Test de webhook

Flujo de Trabajo del Agente

1

Instalar la extensión

Cargar streaming-agent/ en Chrome → Gestionar extensiones → Modo desarrollador → Cargar descomprimida

2

Configurar Slack

Clic en ⚙️ Ajustes → Pegar Slack Webhook URL → elegir canal #operaciones → Probar → Guardar

3

Mapear selectores de GoPlay

Abrir GoPlay Admin Sales → Popup → Tab Inspector → Activar Inspector → clic en botón de acción → copiar selector → pegarlo en Ajustes

4

Operación diaria

Popup → Tab Órdenes → Escanear → ver pendientes → clic "⚡ Acción" → el agente llena el form y envía notificación Slack automáticamente

5

Notificación Slack

Mensaje rico con bloques: Orden ID, Servicio, Cliente, Fecha COT, Estado ✅ Activada — firmado por GoPlay Order Agent ⚡ AMR TECH

Estructura de Archivos

streaming-agent/
├── manifest.json          ← Manifest V3 (MV3) + permisos
├── content.js             ← Inyectado en goplay.com.co
├── content.css            ← Estilos del inspector overlay
├── service-worker.js      ← Background: Slack + historial + alarmas
├── popup.html             ← UI popup 4-tabs
├── popup.js               ← Lógica del popup
├── settings.html          ← Página de ajustes
├── settings.js            ← Lógica de ajustes
└── icons/
    ├── icon16.png
    ├── icon48.png
    └── icon128.png

Formato de Notificación Slack (Block Kit)

{
  "username": "GoPlay Order Agent ⚡ AMR TECH",
  "icon_emoji": ":zap:",
  "blocks": [
    { "type": "header", "text": { "type": "plain_text", "text": "✅ Cuenta Streaming Activada — GoPlay" } },
    {
      "type": "section",
      "fields": [
        { "type": "mrkdwn", "text": "*Orden ID:*\nORD-12345" },
        { "type": "mrkdwn", "text": "*Estado:*\n🟢 Activada" },
        { "type": "mrkdwn", "text": "*Servicio:*\nNetflix Premium" },
        { "type": "mrkdwn", "text": "*Cliente:*\ncliente@email.com" },
        { "type": "mrkdwn", "text": "*Fecha COT:*\n25/9/2026, 10:30 AM" },
        { "type": "mrkdwn", "text": "*Agente:*\nGoPlay Order Agent 🤖" }
      ]
    },
    { "type": "context", "elements": [{ "type": "mrkdwn", "text": "⚡ AMR TECH™ · GoPlay Order Agent v1.0.0" }] }
  ]
}

Instalación Rápida (Chrome/Edge)

1. Ir a chrome://extensions (o edge://extensions)
2. Activar Modo desarrollador (esquina superior derecha)
3. Clic en Cargar descomprimida → seleccionar carpeta streaming-agent/
4. Clic en ⚙️ Ajustes de la extensión → configurar Slack Webhook URL
5. Abrir https://mypantalla.goplay.com.co/admin/sales → usar el Inspector para mapear selectores