mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-02-05 11:10:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tweak behavior related to the status of gr.Chatbot thought messages (#10404)

Browse Source 
* chatbot

* changes

* add changeset

* changes

* format

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
Abubakar Abid 2025-01-22 12:09:46 -08:00 committed by GitHub
parent 43e7cce2bd
commit 9dc5d157aa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.changeset/honest-frogs-fall.md Normal file
View File

@ -0,0 +1,7 @@
---
"@gradio/chatbot": patch
"gradio": patch
"website": patch
---
fix:Tweak behavior related to the `status` of `gr.Chatbot` thought messages

2
gradio/components/chatbot.py
View File

@ -44,7 +44,7 @@ class MetadataDict(TypedDict):
parent_id: The ID of the parent message. Only used for nested thoughts.
log: A string message to display next to the thought title in a subdued font.
duration: The duration of the message in seconds. Appears next to the thought title in a subdued font inside a parentheses.
status: The status of the message. If "pending", the status is displayed as a spinner icon.
status: The status of the message. If "pending", a spinner icon appears next to the thought title. If "done", the thought accordion becomes closed. If no value is provided, the thought accordion is open and no spinner is displayed.
"""
title: NotRequired[str]

2
guides/05_chatbots/03_agents-and-tool-usage.md
View File

@ -62,7 +62,7 @@ In addition to `title`, the dictionary provided to `metadata` can take several o
* `log`: an optional string value to be displayed in a subdued font next to the thought title.
* `duration`: an optional numeric value representing the duration of the thought/tool usage, in seconds. Displayed in a subdued font next inside parentheses next to the thought title.
* `status`: if set to `pending`, a spinner appears next to the thought title.
* `status`: if set to `pending`, a spinner appears next to the thought title. If "done", the thought accordion becomes closed. If not provided, the thought accordion is open and no spinner is displayed.
* `id` and `parent_id`: if these are provided, they can be used to nest thoughts inside other thoughts.
Below, we show several complete examples of using `gr.Chatbot` and `gr.ChatInterface` to display tool use or thinking UIs.

2
js/_website/src/lib/templates/gradio/03_components/chatbot.svx
View File

@ -57,7 +57,7 @@
{
"name": "status",
"annotation": "Literal['pending', 'done']",
"doc": "The status of the message. If 'pending', the status is displayed as a spinner icon."
"doc": "The status of the message. If "pending", a spinner icon appears next to the thought title. If "done", the thought accordion becomes closed. If not provided, the thought accordion is open and no spinner is displayed."
}
]

6
js/chatbot/shared/Thought.svelte
View File

@ -31,8 +31,6 @@
export let i18n: I18nFormatter;
export let line_breaks: boolean;
let expanded = true;
function is_thought_node(msg: NormalisedMessage): msg is ThoughtNode {
return "children" in msg;
}
@ -46,6 +44,8 @@
function toggleExpanded(): void {
expanded = !expanded;
}
$: expanded = thought_node.metadata?.status !== "done";
</script>
<div class="thought-group">
@ -71,7 +71,7 @@
{sanitize_html}
{root}
/>
{#if thought_node.metadata?.status === "pending" || (thought_node.metadata?.status !== "done" && (thought_node.content === "" || thought_node.content === null))}
{#if thought_node.metadata?.status === "pending"}
<span class="loading-spinner"></span>
{/if}
{#if thought_node?.metadata?.log || thought_node?.metadata?.duration}