https://docs.all-hands.dev/ logo
Join Slack
Powered by
Move runtime indicator to the top of the page :thr...
# proj-agent-canvas
m
Move runtime indicator to the top of the page 🧵
Hi @breezy-kilobyte-39430, This design may not function as expected for V1 conversations. When initiating a V1 conversation, the conversation data is not immediately available, which prevents the conversation title from being displayed right away. As a result, users are unable to hover over the conversation title to view the current runtime status. Please refer to the image below for additional details on the design, and to the accompanying video for further information regarding the issue. Thank you! thankyou cc @freezing-spoon-14104
issue.mov
acknowledged 1
b
They don't need to be connected. We can have a loading placement before the name is loaded. The runtime indicator is it's own component.
m
Yes, thank you! thankyou
f
One note here, we also rendered a text for status here (e.g., setting up git hooks, starting, some error messages), but offer no alternative after moving the indicator at the top. The startup feels a little unresponsive without them
👀 1
m
When you create a V1 conversation and hover over the status indicator at the top of the page, are the corresponding statuses not displayed?
f
Yes it is there, but the user has to know and hover over the dot to see it. IMO a small dot will be hard for people to catch and understand to hover over it to see the status updates. If something hangs, or delays, the user they won't be able to tell the difference.
It also took me a couple of seconds after it errored for me to see that the indicator has become red
m
Yes it is there, but the user has to know and hover over the dot to see it. IMO a small dot will be hard for people to catch and understand to hover over it to see the status updates. If something hangs, or delays, the user they won't be able to tell the difference.
FYI @breezy-kilobyte-39430
It also took me a couple of seconds after it errored for me to see that the indicator has become red
I will check this. Thank you! thankyou
f
It also took me a couple of seconds after it errored for me to see that the indicator has become red
I don't mean it as a bug, the indicator did turn red immediately. What I mean is that it took me a few seconds to notice and find it 😅
😁 1
thankyou 1
m
Thank you for clarifying! thankyou Perhaps Paul might have some suggestions for improving this aspect of the UI.
b
I think we could add a kind of toaster message that appears
m
I think we could add a kind of toaster message that appears
Hi @breezy-kilobyte-39430, Could you please clarify this point further or make the necessary design changes based on it? I’ll update the code accordingly once that’s done. Thank you! thankyou
b
@freezing-spoon-14104 @millions-afternoon-47582 thoughts on these two different placements? https://www.figma.com/design/iM5UBG1lnpg2sgE3cFnF1P/OpenHands?node-id=13413-11526&t=x3sOvng8RP5d2CRO-1
f
I think above the chat input makes it less likely to be confused for some odd chat message. Looks good!
m
Yes, I agree with Stephan. Thank you! thankyou
f
I've created an issue to track this here: APP-146: Include new status indicator component above the chat input QQ @breezy-kilobyte-39430, is this always going to be visible?
thankyou 1
m
QQ @breezy-kilobyte-39430, is this always going to be visible?
In addition to Stephan’s question, I have a few more questions. • If we display the status above the chat input, does that mean it will appear alongside the feedback or rating buttons? • Also, when we click on the status, will a context menu appear that allows us to start or stop the runtime, similar to the current behavior?
b
No, only on startup, it will visible when clicking on the dot otherwise
yes, there's a dropdown in the design
m
Yes, thank you! thankyou
Open in Slack
PreviousNext
Powered by