Edit a default HTML / add a HTML component for all pages in Kibana

Elastic Stack Kibana
1

Hello!

I was developing in Kibana and I wanted to add the following chat assistant option (GitHub - langflow-ai/langflow-embedded-chat: The Langflow Embedded Chat is a powerful web component that enables seamless communication with the Langflow) on all Kibana pages. When developing a custom plugin, this can be easily added to the client-side code.

But my question is if there is a possibility to add these two lines of code, which is required to enable the chatbot feature on all pages of Kibana, not only in plugin. Is there any way?

2

Hi @Neeecu,

Welcome back! To add custom JavaScript to Kibana, you are right that a custom plugin is probably the way to go.

I'm interested in learning more about what you are trying to do, as there is the Elastic AI Assistant already available with some chat capabilities. Can you share a bit more about what you're trying to do?

3

Hi @carly.richmond!

I am aware of the Elastic AI Assistant, but I don't really need it right now. The solution I'm trying to implement is a to embed this Langflow chatbot, which is connected to a Langchain server. There, I have my custom chat behaviour, and I would like this button to be available on all screens in Kibana

4

Thanks for sharing. For that I would suggest trying the plugin route. However I would check the best practices, especially around performance, and security best practices for building the plugin to avoid common vulnerabilities and potential performance issues in Kibana.

Hope that helps!

5

Thank you for the suggestion! I'll try it as an initial solution, but I don't think it will solve my solution overall. I'll dig more and come up with a response if I find anything