fix: unify session loading states across pages

- Add per-item busy overlay to SessionCard component
- Remove full-screen loading overlay from sessions page
- Remove loadingAction state, use per-item busy state only
- Add handleStart to sessions page for consistency
- Add session-card CSS for busy overlay positioning
- Both home and sessions pages now use same per-item loading pattern
This commit is contained in:
2026-05-24 19:33:38 +00:00
parent edd8882fa0
commit d8f220d825
3 changed files with 40 additions and 19 deletions
+19
View File
@@ -2500,6 +2500,25 @@ a.nav-item,
color: var(--muted);
}
.session-card {
position: relative;
}
.session-card.busy {
opacity: 0.7;
}
.session-busy-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(var(--bg-rgb, 255, 255, 255), 0.8);
border-radius: var(--space-2);
z-index: 1;
}
/* ============================================
Terminal Styles
============================================ */