snowspeeder/pi-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: give the sending indicator a distinct color in session lists

Browse Source 
Add a dedicated "sending" activity indicator kind (warning color) so a
session uploading attachments is visually distinct from server activity.
Server activity propagates up to workspace/machine rows; client-side
sending does not, and the different color signals that to users.

Also extract sessionRowActivityKind as a pure, exported helper so the
"sending takes precedence, archived/cached-new never show" logic is unit
tested without rendering.
This commit is contained in:
Federico Jaramillo Martinez
2026-06-13 21:20:46 +02:00
parent 886393a31e
commit a369b1e550
5 changed files with 51 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/src/components/shared.ts
+2
View File
@@ -249,6 +249,8 @@ export const listStyles = css`
.activity-indicator { display: inline-block; width: 7px; height: 7px; margin-right: 6px; background: var(--pi-success); animation: pulse 1s ease-in-out infinite; vertical-align: 1px; }
.activity-indicator.session { border-radius: 50%; background: var(--pi-success); }
.activity-indicator.terminal { border-radius: 2px; background: var(--pi-accent); }
/* Client-side sending (upload in flight); distinct from server activity, which propagates to workspace/machine rows. */
.activity-indicator.sending { border-radius: 50%; background: var(--pi-warning); }
.action-menu { position: relative; align-self: stretch; }
.action-menu-toggle { display: grid; place-items: center; height: 100%; min-width: 32px; padding: 0; color: var(--pi-muted); border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.action-menu-toggle:hover { color: var(--pi-text); background: var(--pi-surface-hover); }