chat-ui icon indicating copy to clipboard operation
chat-ui copied to clipboard

[feature] Embed assistants

Open mishig25 opened this issue 1 year ago • 3 comments

Description

Users can now create tools and connect their tools to their assistants (read here), making for use cases such as: create an assistant that queries your websites and chats about your website.

This PR adds an ability where users can embed their assistants on their websites.

Step1: under assistants settings, there will be script tag that can be put on a website's html head section.

Screenshot 2024-09-28 at 10 50 52

Step2: HF Chat button will appear on the bottom right section of your website.

Screenshot 2024-09-28 at 10 51 11

Step3: When you click on HF Chat button, a chat window modal with minimal hf/hf-chat chrome will appear

Screenshot 2024-09-28 at 10 51 30

Testing locally

  1. follow the latest readme on how to run chat-ui locally
  2. read this comment

Reviewing

when reviewing make sure to click Hide whitespace to see the actual diff image

Screen recording

https://github.com/user-attachments/assets/6508905e-be8b-4dc4-9f49-72203d801263

it may look bit confusing in the video because I'm embedding hf-chat inside hf-chat locally for testing purposes. but you can imagine the hf-chat modal being embedded on any arbitrary website

mishig25 avatar Sep 25 '24 13:09 mishig25