<dta-chat<a label="DTA">ChatBot</dta-chat>
<dta-chat-anchor size="22"></dta-chat-anchor>

<script>
  window.addEventListener(
    'dta-chat-ready',
    (event) => {
      const dtaChatApi = event.detail;

      dtaChatApi.config(getConfig());
      dtaChatApi.addHeaders({
        ['x-dta-project']: 'dta-fiscal-protheus',
        ['x-dta-api-key']: 'sk-1i5qW3bVlDzxlVx-4nwPYNmaIa-4Xa1E8z-LAUUdWh9wB5Xm',
      });
    },
    {once: true},
  );
  
      function getConfig() {
          const baseUrl = 'https://totvs.dta.totvs.ai/api/kb/knowledge-bases/068783a9-d61f-7350-8000-f3e3bdc8d51f';

          return {
              apiMessage: {
                  url: baseUrl + '/completion',
                  method: 'POST',
                  sendHeaders: ['x-dta-api-key', 'x-dta-project'],
              },
              header_session_prefix: null,
              header_thread_prefix: null,
              header_session: 'x-dta-session-id',
              header_thread: 'x-dta-trace-id',
          };
      }
      
</script>
<script defer src="https://assets.dta.totvs.ai/client/stable/dta_chat.js"></script>
      href='https://totvs.dta.totvs.ai/#/public/chat/dta-fiscal-protheus/kb/068783a9-d61f-7350-8000-f3e3bdc8d51f?&apiKey=sk-UixTQgKGOEtzQRI-3eLPCuwNyI-DBViKFM-OH2feAdBFE6hZ' target="_blank">
<button 
style=" background-color: #a34dff;
	padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    box-shadow: 0 1px 1px #CCC;
 ">ChatBot</button></a>