{#if layout === 'full'} {#if !metricsLoading}
Live
{:else}
{/if} {:else}
{/if}
{#each METRIC_RANGES as r, i}
setRange(r)} class="px-3 py-1.5 font-mono text-label transition-colors duration-150 {range === r ? 'bg-[var(--color-bg-5)] text-[var(--color-text-bright)]' : 'text-[var(--color-text-tertiary)] hover:bg-[var(--color-bg-3)] hover:text-[var(--color-text-secondary)]'} {i > 0 ? 'border-l border-[var(--color-border)]' : ''}" > {r}
{/each}
{#if metricsError}
Could not load metrics: {metricsError}. Will retry automatically.
{/if}
CPU Usage
{#if latestCpu !== null}
{latestCpu.toFixed(1)}
%
{:else if metricsLoading}
—
{/if}
RAM Usage
{#if latestRamMB !== null}
{latestRamMB.toFixed(0)}
MB
{:else if metricsLoading}
—
{/if}