1  <link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />
2
3  4  <style>
5    /* Ensure the chat input area is visible and positioned correctly */
6    #n8n-chat .chat-window-inner {
7      position: relative !important;
8    }
9    #n8n-chat .q-footer {
10     position: absolute !important;
11     bottom: 0 !important;
12     width: 100% !important;
13     min-height: 50px !important;
14    }
15  </style>
16
17  18  <script type="module">
19    import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';
20    import { createChat } from '...';
21    createChat({
22      webhookUrl: 'https://n8n.robovital.space/webhook/Z7f3e43b-132f-4e8e-8cad-ccfe4a7a8b87/chat', 
23      mode: 'fullscreen', // Temporarily using fullscreen to force layout
24      title: 'RoboVital Assistant',
25      width: '400px',
26      height: '600px'
27    });
28  </script>
29
30  </body>
31  </html>