Clear Messages Button?

[elfar]

Hi, first of all congrats on excellent project, big fan!

I was just wondering, along the lines of the buttons "images" or "microphone" etc. Is there a way to place a "cleanup | reset | empty history" type of a button in the same location as the other buttons you support? Or is the current solution only to place the reset button outside of the deep-chat element and have it call clearMessages?

[quietdreamr]

Hi @elfar,

I managed to add a clear button through a somewhat hacky way:

clearChat() {
    deepchat.clearMessages();
}

injectClearButton() {
    const clearButtonEl = new clearButton()
    clearButtonEl.addEventListener("click", clearChat.bind(this))
    clearButtonEl.setAttribute("disabled", "true")

    const shadowRoot = this.deepChatEl?.shadowRoot
    const targetElement = shadowRoot?.querySelector("#text-input-container")
    targetElement?.prepend(clearButtonEl)
}

It's of course not ideal, but gets the job done in my case. I hope it does so for you too.

[elfar]

Looks better than the one I placed on the outside of the box, thanks for sharing 🙏

[yeungxh]

I'm using vue2, also looking a way to add the clear button.