System

{#if error} {/if} {#if stats} {#if stats.alerts.length > 0}
{#each stats.alerts as a (a.message)}
{a.message}
{/each}
{/if}

Disk (storage_dir)

{#if stats.disk} {@render Bar({ percent: stats.disk.percent_used })}
Total
{fmtBytes(stats.disk.total_bytes)}
Used
{fmtBytes(stats.disk.used_bytes)}
Free
{fmtBytes(stats.disk.free_bytes)}
{:else}

n/a — non-local storage backend

{/if}

Memory

{@render Bar({ percent: stats.memory.percent_used })}
Total
{fmtBytes(stats.memory.total_bytes)}
Used
{fmtBytes(stats.memory.used_bytes)}

CPU

{@render Bar({ percent: stats.cpu.percent_used })}

refreshing every 5 s

{:else}

Loading…

{/if} {#snippet Bar({ percent }: { percent: number })}
= 90} class:mid={percent >= 70 && percent < 90} style:width="{Math.min(100, Math.max(0, percent))}%" >
{percent.toFixed(1)}%
{/snippet}