feat(ui): show worktree badge in session list

Render a worktree pill on parent sessions using the session status chip styling, with a distinct icon and selection-aware colors.
This commit is contained in:
Shantur Rathore
2026-02-07 16:15:16 +00:00
parent e878c3c83b
commit 60406ca8fb
2 changed files with 44 additions and 1 deletions

View File

@@ -245,6 +245,29 @@
border: 1px solid transparent;
}
/* Session list worktree pill */
.status-indicator.worktree-indicator {
/* Match session title in selected state. */
color: var(--text-primary);
/* Use inactive session title color as the tint source. */
background-color: color-mix(in oklab, var(--text-secondary) 18%, transparent);
border-color: color-mix(in oklab, var(--text-secondary) 28%, transparent);
text-transform: none;
letter-spacing: 0.02em;
}
.session-item-active .status-indicator.worktree-indicator {
background-color: color-mix(in oklab, var(--text-primary) 14%, transparent);
border-color: color-mix(in oklab, var(--text-primary) 22%, transparent);
}
.status-indicator.worktree-indicator .worktree-indicator-label {
white-space: nowrap;
max-width: 10rem;
overflow: hidden;
text-overflow: ellipsis;
}
/* Empty state */
.empty-state {
@apply flex-1 flex items-center justify-center p-12;