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`
-
- `;
- }
}