ui: loading bar below the model picker#24931
Conversation
|
And while we're at it, we can also add the bar below the assistant message selector. |
|
Just wondering, is the style B below better? (For both the model picker + the list item) The progress will have a subtle "pulse" effect (opacity oscillate slightly), a little bit like windows 7 or windows 10 loading bar 
|
|
Currently, without PR #24897, the model name wraps onto two lines on mobiles, eating into the bar. With Style B, it can't bug by design. |
PulseLoadingProgress.mp4 |
|
ahah that's a bit too flashy, maybe like this: https://onecompiler.com/html/44t5jyb5c |
PulseLoadingProgress2.mp4 |
|
that's much better, wdyt @allozaur ? |
|
love the concept! (no preference between the versions) |
I personally lean towards the thin bar at the bottom, it's more elegant imo. It can be pulsating tho |
|
Ah, I'm hesitating🤣 We're giving it a try to small pulsating bar? |
|
It's great like that too! (It's centralized in ModelLoadHighlight.svelte since there are two call sites now, thanks to mobile) RemixBar.mp4 |
|
@ServeurpersoCom #24897 merge, let's rebase and ship :) |
Mirror the in-dropdown stage progress as a thin bar on the selector trigger, so the active model's load percent stays visible when the menu is closed. Same status gating and composite fraction as the dropdown row, so both bars track the selected model in sync. Suggested-by: Julien Chaumond <@julien-c>
…gxson) Also wire the indicator onto the mobile sheet trigger, which was missing it since mobile uses the sheet instead of the dropdown.
ServeurpersoCom
force-pushed
the
ui/loading-progress2
branch
from
aed8f1a to
1c5df2e
Compare
Done, just need one more approval :) |
* ui: show model load progress on the selector trigger Mirror the in-dropdown stage progress as a thin bar on the selector trigger, so the active model's load percent stays visible when the menu is closed. Same status gating and composite fraction as the dropdown row, so both bars track the selected model in sync. Suggested-by: Julien Chaumond <@julien-c> * ui: show model load progress bar on the in-conversation model selector * ui: tune model load indicator to a pulsing highlight (suggested by @ngxson) Also wire the indicator onto the mobile sheet trigger, which was missing it since mobile uses the sheet instead of the dropdown. * ui: thin (@allozaur) pulsating (@ngxson) model load bar
* ui: show model load progress on the selector trigger Mirror the in-dropdown stage progress as a thin bar on the selector trigger, so the active model's load percent stays visible when the menu is closed. Same status gating and composite fraction as the dropdown row, so both bars track the selected model in sync. Suggested-by: Julien Chaumond <@julien-c> * ui: show model load progress bar on the in-conversation model selector * ui: tune model load indicator to a pulsing highlight (suggested by @ngxson) Also wire the indicator onto the mobile sheet trigger, which was missing it since mobile uses the sheet instead of the dropdown. * ui: thin (@allozaur) pulsating (@ngxson) model load bar
* ui: show model load progress on the selector trigger Mirror the in-dropdown stage progress as a thin bar on the selector trigger, so the active model's load percent stays visible when the menu is closed. Same status gating and composite fraction as the dropdown row, so both bars track the selected model in sync. Suggested-by: Julien Chaumond <@julien-c> * ui: show model load progress bar on the in-conversation model selector * ui: tune model load indicator to a pulsing highlight (suggested by @ngxson) Also wire the indicator onto the mobile sheet trigger, which was missing it since mobile uses the sheet instead of the dropdown. * ui: thin (@allozaur) pulsating (@ngxson) model load bar
5 participants
Overview
Follow-up for #24878
Add the loading bar below the model picker :
LoadingProgress2.mp4
Loading bar everywhere :
LoadingProgressEverywhere.mp4
Additional information
Requirements