{#if !isRunning}
Terminal unavailable Start the capsule to connect
{:else}
{#each sessions as session (session.id)}
switchTo(session.id)} onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') switchTo(session.id); }} role="tab" tabindex="0" aria-selected={session.id === activeSessionId} class="group relative flex shrink-0 cursor-pointer items-center gap-2 border-r border-[var(--color-border)] px-3.5 py-2 text-label transition-colors {session.id === activeSessionId ? 'bg-[var(--color-bg-0)] text-[var(--color-text-primary)]' : 'bg-[var(--color-bg-1)] text-[var(--color-text-tertiary)] hover:bg-[var(--color-bg-2)] hover:text-[var(--color-text-secondary)]'}" > {#if session.id === activeSessionId} {/if} bash {#if session.ptyPid} :{session.ptyPid} {/if}
{/each}
{#if activeSession}
{#if activeSession.state === 'connected'} Live {:else if activeSession.state === 'connecting'} Connecting {:else if activeSession.state === 'error'} Error {#if activeSession.errorMessage} {activeSession.errorMessage} {/if} {:else if activeSession.state === 'disconnected'} Disconnected {/if} {#if activeSession.ptyTag} {activeSession.ptyTag} {/if}
{#if activeSession.state === 'disconnected' || activeSession.state === 'error'} {#if activeSession.ptyTag} {/if} {/if}
{/if}
{#each sessions as session (session.id)}
{/each} {#if sessions.length === 0}
No active sessions All terminal sessions have been closed
{/if}
{/if}