Save chat history WIP

[abidlabs]

Very simple prototype of how we could implement chat history, cc @dawoodkhan82

Screen.Recording.2024-12-12.at.4.39.04.PM.mov

[gradio-pr-bot]

🪼 branch checks and previews

•	Name	Status	URL
	Spaces	ready!	Spaces preview
	Website	ready!	Website preview
🦄	Changes	detected!	Details

---

Install Gradio from this PR

pip install https://gradio-pypi-previews.s3.amazonaws.com/02caf948b14df4d9c1abad885d97e34174133783/gradio-5.9.1-py3-none-any.whl

Install Gradio Python Client from this PR

pip install "gradio-client @ git+https://github.com/gradio-app/gradio@02caf948b14df4d9c1abad885d97e34174133783#subdirectory=client/python"

Install Gradio JS Client from this PR

npm install https://gradio-npm-previews.s3.amazonaws.com/02caf948b14df4d9c1abad885d97e34174133783/gradio-client-1.8.0.tgz

Use Lite from this PR

<script type="module" src="https://gradio-lite-previews.s3.amazonaws.com/02caf948b14df4d9c1abad885d97e34174133783/dist/lite.js""></script>

[gradio-pr-bot]

🦄 change detected

This Pull Request includes changes to the following packages.

Package	Version
gradio	minor

• Maintainers can select this checkbox to manually select packages to update.

With the following changelog entry.

Save chat history WIP

Maintainers or the PR author can modify the PR title to modify this entry.

Something isn't right?

• Maintainers can change the version label to modify the version bump.
• If the bot has failed to detect any changes, or if this pull request needs to update multiple packages to different versions or requires a more comprehensive changelog entry, maintainers can update the changelog file directly.

[dawoodkhan82]

@abidlabs I'll replace gr.State() here with gr.BrowserState(), and update the styling of the html "sidebar". Is that what you had in mind?

[abidlabs]

Yes exactly. We also need to actually save the chat history to the browser state, that functionality is currently not implemented

[abidlabs]

You may find this PR useful: #10245 (or maybe not, not sure)

[dawoodkhan82]

@abidlabs Did a first pass, and the functionality for chat conversation history should work, if you can test. Will push some changes to tweak the UI.

[abidlabs]

Will take a look soon!

[abidlabs]

Nice @dawoodkhan82! Core functionality to save to browser state is working for me and I like that the first message automatically becomes the title of the saved first chat. Some issues I noticed:

(1) Clicking on the trash button in Chatbot causes the history to error out. And in a permanent way: if you refresh the page, you'll see that none of the chats in the history remain and you actually need to restart the Gradio server to get the chat history working again:

Screen.Recording.2024-12-26.at.11.26.28.PM.mov

(2) Uploading an image breaks the chat history feature as well:

Screen.Recording.2024-12-26.at.11.27.45.PM.mov

(3) When you load the chat from the history, its not synchronized with the chat state, so that if you send a subsequent message, it wipes out the chat history instead of "resuming" from the last message:

Screen.Recording.2024-12-26.at.11.29.40.PM.mov

(4) Also, the final chat that is stored to history seems to be used as the value for all of the chats. So if you click through the chats, all of them will have the same value actually:

Screen.Recording.2024-12-26.at.11.31.17.PM.mov