{#if loading && history.length === 0}
{:else if error}
{error}
{:else if history.length === 0}

No layer history found

{:else}

Total layers: {history.length}

Total size: {formatSize(totalSize)}

{imageId.startsWith('sha256:') ? imageId.slice(7, 19) : imageName || imageId}

Layer stack (bottom to top) - click to expand

{#each history.slice().reverse() as layer, index} {@const layerNum = history.length - index} {@const barWidth = getBarWidth(layer.Size)} {@const barColor = getBarColor(history.length - index - 1)} {@const isExpanded = expandedLayers.has(layerNum)}
{#if isExpanded}

Created

{formatDate(layer.Created)}

Size

{formatSize(layer.Size)}

{#if layer.CreatedBy}

Command

{@html highlightCommand(layer.CreatedBy)}
{/if} {#if layer.Comment}

Comment

{layer.Comment}

{/if} {#if layer.Tags && layer.Tags.length > 0}

Tags

{#each layer.Tags as tag} {tag} {/each}
{/if}
{/if}
{/each}
{/if}