Configuracion

ThaliqWidget.init({
  apiKey: 'tq_live_xxx',
  apiUrl: 'https://api.thaliq.com',
  agentId: 'agent_uuid',           // forzar un agente especifico
  primaryColor: '#10B981',
  position: 'bottom-right',
  welcomeMessage: 'Hola! Soy Sofia.',
  container: document.getElementById('chat-mount'), // mount custom
  mcpTokens: {
    'github-mcp': 'ghp_...',
    'jira-mcp': 'eyJh...',
  },
});

<script
  src="https://cdn.thaliq.com/widget.js"
  data-api-key="tq_live_xxx"
  data-primary-color="#10B981"
></script>

<script
  src="https://cdn.thaliq.com/widget.js"
  data-api-key="tq_live_xxx"
  data-title="Soporte MiEmpresa"
  data-welcome="Hola! Soy el asistente de MiEmpresa. ¿Como puedo ayudarte?"
></script>

<script
  src="https://cdn.thaliq.com/widget.js"
  data-api-key="tq_live_xxx"
  data-title="Asistente Virtual"
  data-primary-color="#00D4AA"
  data-position="bottom-right"
  data-welcome="Bienvenido! Estoy aqui para ayudarte con tus consultas."
></script>

.thaliq-widget {
  --tq-primary: #00D4AA;       /* Signal teal — color principal default */
  --tq-primary-hover: #00B894; /* Signal dim — hover */
  --tq-bg: #FAF9F6;             /* Off-white calido */
  --tq-bg-secondary: #f3f1ed;  /* Warm light gray */
  --tq-text: #1a1816;          /* Warm dark — texto principal */
  --tq-text-secondary: #6B6560;/* Texto secundario */
  --tq-border: rgba(26,24,22,0.1); /* Borde sutil */
  --tq-radius: 16px;           /* Border radius */
}