lizandrogd/soft_usite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: rediseña el widget embebible (ícono AI, color configurable, animaciones)

Browse Source 
El bubble era un emoji 💬 sobre un color fijo hardcodeado en el JS. Ahora:
- Ícono nuevo (spark/sparkle, el motivo visual estándar de "asistente IA"
  hoy) en vez del emoji, con anillo de pulso al cargar para llamar la
  atención sin ser invasivo.
- Color configurable por tenant (UmindTenant.Color, validado como hex en el
  server) — se aplica en tiempo real vía /widget/:site_key/init, así que
  cambiarlo desde el panel no requiere recopiar el <script>.
- Panel con animación de entrada, botón de cerrar explícito, subtítulo
  "Asistente con IA · uMind" y badge de marca — antes solo tenía el nombre
  del tenant y ningún indicio de qué lo potencia.
- El widget ahora se inicializa al cargar el script (no al primer click), así
  el color/nombre reales ya están listos antes de que el visitante abra el chat.

Selector de color agregado al form de tenant en el orquestador (input
type=color + hex).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-08-12 20:03:51 -05:00
co-authored by Claude Sonnet 5
parent c2e9d2c5a2
commit 8c1e754ab3
8 changed files with 113 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/orchestrator/assets/index-D-Ppadmm.css
+1
View File
File diff suppressed because one or more lines are too long
public/orchestrator/assets/index-DJU1V6ZX.css
-1
View File
File diff suppressed because one or more lines are too long
public/orchestrator/assets/index-DWdBSm9H.js → public/orchestrator/assets/index-R5fD8918.js
+6 -6
View File
File diff suppressed because one or more lines are too long
public/orchestrator/index.html
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>uMind — Orquestador</title>
<script type="module" crossorigin src="/orchestrator/assets/index-DWdBSm9H.js"></script>
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-DJU1V6ZX.css">
<script type="module" crossorigin src="/orchestrator/assets/index-R5fD8918.js"></script>
<link rel="stylesheet" crossorigin href="/orchestrator/assets/index-D-Ppadmm.css">
</head>
<body class="bg-gray-50">
<div id="app"></div>