{#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}