diff --git a/web/src/client/components/sidebar-header.ts b/web/src/client/components/sidebar-header.ts index b2766ecb..adc4b7db 100644 --- a/web/src/client/components/sidebar-header.ts +++ b/web/src/client/components/sidebar-header.ts @@ -6,14 +6,12 @@ import { html } from 'lit'; import { customElement } from 'lit/decorators.js'; import { HeaderBase } from './header-base.js'; -import type { Session } from './session-list.js'; import './terminal-icon.js'; @customElement('sidebar-header') export class SidebarHeader extends HeaderBase { render() { const runningSessions = this.runningSessions; - const exitedSessions = this.exitedSessions; return html`
-
+
- -
- - -
- ${this.renderUtilityAndKillButtons(runningSessions)} - ${this.renderExitedToggleButton(exitedSessions, true)} - ${ - !this.hideExited && exitedSessions.length > 0 - ? html` - - ` - : '' - } -
-
+ +
`; } - - private renderExitedToggleButton(exitedSessions: Session[], compact: boolean) { - if (exitedSessions.length === 0) return ''; - - const buttonClass = compact - ? 'relative font-mono text-xs px-3 py-1.5 w-full rounded-lg border transition-all duration-200' - : 'relative font-mono text-xs px-4 py-2 rounded-lg border transition-all duration-200'; - - const stateClass = this.hideExited - ? 'border-dark-border bg-dark-bg-tertiary text-dark-text hover:border-accent-green-darker' - : 'border-accent-green bg-accent-green text-dark-bg hover:bg-accent-green-darker'; - - return html` - - `; - } - - private renderUtilityAndKillButtons(runningSessions: Session[]) { - // Only show Kill button if there are running sessions - if (runningSessions.length === 0 || this.killingAll) { - return ''; - } - - return html` - - `; - } }