<link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />
<link href="styles.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">

<script type="module">
  import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';

  createChat({
    webhookUrl: 'http://localhost:5678/webhook/6985fa0f-9a10-431d-9a15-418b24d9bb5f/chat', 
    initialMessages: [], 
    i18n: {
      en: {
        title: '',
        subtitle: "",
        footer: '',
        getStarted: 'New Conversation',
        inputPlaceholder: 'Ask Zephyra about XYZ ...',
      },
    },
  });
</script>

<script src="script.js"></script>
