uwc-chatbot code examples, properties, methods, events and Live Demo.
Here is an example of using the Chatbot in a plain html page:
<html>
    <head>
        <link href="https://developer.temenos.com/uux/base.css" rel="stylesheet" />
        <script src="https://developer.temenos.com/uux/unified-ux-chatbot.min.js"></script>
    </head>
    <body>
      Here is an example configuration...
      <script>
          const configuration = {
            authToken: "eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICI5SXlIbEs2M3dONlp0d01xWTlwNnBHTkZnX2wxa2xGNVZhY1VKSGh3UlEwIn0.eyJleHAiOjE3NDUyNjI5MzksImlhdCI6MTc0NTI2MTEzOSwiYXV0aF90aW1lIjoxNzQ1MjYxMTM5LCJqdGkiOiI1MzU2ODEyMC05NTgyLTQ5NTktOWJkOS1mMzU2MzkzODhjYzEiLCJpc3MiOiJodHRwczovL2hvcml6b24udGVtZW5vcy5jb20vYXV0aC9yZWFsbXMvVHJhbnNhY3QiLCJhdWQiOiJUcmFuc2FjdEV4cGxvcmVyIiwic3ViIjoiMjI5NmQ2ZTItZTRiMy00ZTRlLWFjOWMtMjczNmQzZjk3MmEwIiwidHlwIjoiSUQiLCJhenAiOiJUcmFuc2FjdEV4cGxvcmVyIiwibm9uY2UiOiJNVGMwTlRJMk1URXdOemc1TlE9PSIsInNlc3Npb25fc3RhdGUiOiI1YWE4N2M3ZS02MGIxLTRiNTMtODY0MS05NjYzMzczYWIzMDMiLCJhdF9oYXNoIjoiNUZlMzk1cHIyUVJZeWRldUJSSVRMQSIsImFjciI6IjEiLCJzaWQiOiI1YWE4N2M3ZS02MGIxLTRiNTMtODY0MS05NjYzMzczYWIzMDMiLCJ0MjRzb24iOiJJTlBVVFQiLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwibmFtZSI6IklOUFVUVEVSIiwicHJlZmVycmVkX3VzZXJuYW1lIjoiaW5wdXR0IiwiZ2l2ZW5fbmFtZSI6IklOUFVUVEVSIiwiZmFtaWx5X25hbWUiOiIiLCJlbWFpbCI6ImlucHV0dEB0ZW1lbm9zLmNvbSJ9.ez87AOpMMONq_09Ezt2-ilFND3JfKLuR58OJcdjtVyt9VMl3JueRhxDBD3j3SSdGxDuFb-8rRHX-BxGCNCGkX3g5mWHks42iiUNk-9CNpQpguNpmQ8GMtZWTH-X8ZfnFFjiojYwD2HHnydAbkzICMaXN5oBKp7sDdbA96g1sMOSNi73FfqKNYLY_ABR7yW4PkcTrzffBaYatYEj8gEGL1gCXDxOu5q_SiuiStW7YHmjU9ELwn-vVurynrbMcmlXxWGMVsJeB-EsyQDit-04exirodW06-DY56_nv4a9oldRaakVm-0VaCxK86EWEsSNe-V8NjusYPaYXWNDlHsqaJA",
            streamMode: "chat",
            sqlExecutionEP: "https://ca-conversations-tbac-dev-uks.orangepond-0afaf2d2.uksouth.azurecontainerapps.io/conversations",
            
            showInsights: "true",
            chatWindow: {
                title: "Temenos Copilot",
                toolbar: ["clearChat", "toggleFullScreen", "toggleDock", "closeChat"],
                zIndex: "1040",
                fullScreen: {
                    zIndex: "500",
                    insets: {
                        left:"40px"
                    }
                }
            },
            title: "Welcome to Temenos Copilot",
            subtitle: "You can type a question at the bottom, or pick a pre-defined one from the menu.",
            initialResponse: "How may I help you today?",

            examples: [
                { 
                    promptText: "Which account has the largest balance?",
                    includeInStartPage: true,
                    responseConfiguration: {
                        chartType: "pie"
                    }
                },
            ],
        }
      </script>
    </body>
</html>