{#if allLabels.length > 0}

{#each allLabels as label} {@const isSelected = filterLabels.includes(label)} {/each}

{/if}

{#snippet child({ props })} {/snippet} applyAutoLayout(1, 1)} class="flex items-center gap-2 cursor-pointer"> Compact applyAutoLayout(1, 2)} class="flex items-center gap-2 cursor-pointer"> Standard applyAutoLayout(1, 4)} class="flex items-center gap-2 cursor-pointer"> Detailed applyAutoLayout(2, 4)} class="flex items-center gap-2 cursor-pointer"> Full

{#if initialLoading && tiles.length === 0}

Loading environments...

{:else if tiles.length === 0}

No environments configured

Add an environment to start managing your Docker hosts

{:else if filteredGridItems.length === 0}

No matching environments

No environments match the selected label filters

{:else} {#snippet children({ item })} {@const tile = getTileById(item.id)} {#if tile} {#if tile.loading && !tile.stats} {:else if tile.stats} handleEventsClick(tile.stats!.id)} /> {/if} {/if} {/snippet} {/if}