diff --git a/static/js/components/shared/showcase/MediaUtils.js b/static/js/components/shared/showcase/MediaUtils.js index bd0b270f..d5ffd8ee 100644 --- a/static/js/components/shared/showcase/MediaUtils.js +++ b/static/js/components/shared/showcase/MediaUtils.js @@ -586,6 +586,7 @@ export function initMediaControlHandlers(container) { const imageMetaRaw = this.dataset.imageMeta; const imageUrl = this.dataset.imageUrl; const imageNsfw = this.dataset.imageNsfw; + const imgId = this.dataset.imgId || ''; const localPath = this.dataset.localPath || ''; const showcaseSection = this.closest('.showcase-section'); const modelHash = showcaseSection ? showcaseSection.dataset.modelHash : ''; @@ -613,6 +614,7 @@ export function initMediaControlHandlers(container) { meta: imageMeta, url: imageUrl, nsfwLevel: imageNsfw ? parseInt(imageNsfw, 10) : undefined, + id: imgId || undefined, }, model_hash: modelHash, model_name: modelName || modelHash, diff --git a/static/js/components/shared/showcase/ShowcaseView.js b/static/js/components/shared/showcase/ShowcaseView.js index bcba22b4..4fa942fd 100644 --- a/static/js/components/shared/showcase/ShowcaseView.js +++ b/static/js/components/shared/showcase/ShowcaseView.js @@ -210,8 +210,8 @@ function renderMediaItem(img, index, exampleFiles) { const model = meta.Model || ''; const steps = meta.steps || ''; const sampler = meta.sampler || ''; - const cfgScale = meta.cfgScale || ''; - const clipSkip = meta.clipSkip || ''; + const cfgScale = meta.cfg_scale || meta.cfgScale || ''; + const clipSkip = meta.clip_skip || meta.clipSkip || ''; // Check if we have any meaningful generation parameters const hasParams = seed || model || steps || sampler || cfgScale || clipSkip; @@ -242,6 +242,7 @@ function renderMediaItem(img, index, exampleFiles) { data-image-url="${img.url || ''}" data-image-nsfw="${img.nsfwLevel ?? ''}" data-image-id="${cdnImageId}" + data-img-id="${img.id || ''}" data-local-path="${localFile ? localFile.path : ''}">