diff --git a/easy_gen/frontend/app.js b/easy_gen/frontend/app.js index 36a7d8ea..88bc2918 100644 --- a/easy_gen/frontend/app.js +++ b/easy_gen/frontend/app.js @@ -15,6 +15,7 @@ const uploadInput = document.getElementById("easy-upload-input"); const galleryBtn = document.getElementById("easy-gallery-btn"); const generateBtn = document.getElementById("easy-generate-btn"); + const warnStrip = document.getElementById("easy-warn-strip"); const advancedBtn = document.getElementById("easy-advanced-btn"); const projectsBtn = document.getElementById("easy-projects-btn"); const saveBtn = document.getElementById("easy-save-btn"); @@ -72,6 +73,12 @@ uploadBtn.textContent = attached ? "⬆ Uploaded ✕" : "⬆ Upload"; preview.setUpload(attached ? API.mediaUrl(source.media_ref) : null, source?.type === "v2v" ? "video" : "image"); + // A setting that is switched on but cannot do anything belongs on the main screen, + // above Generate — not only inside the pane that switched it on. + const issue = window.PipelineCaps?.identityTransferIssue(st); + warnStrip.textContent = issue ? issue.detail : ""; + warnStrip.hidden = !issue; + const pid = p ? p.id : null; if (pid !== lastProjectId) { lastProjectId = pid; diff --git a/easy_gen/frontend/easy.css b/easy_gen/frontend/easy.css index b3adc30b..dfbd3491 100644 --- a/easy_gen/frontend/easy.css +++ b/easy_gen/frontend/easy.css @@ -63,6 +63,15 @@ a.brand:hover .brand-sub { color: var(--amber-2); } overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .easy-progress-stop:disabled { opacity: .6; cursor: default; } +/* Full-width notice between the preview and the Generate row: a setting that is on + but cannot do anything should be readable without opening any panel. */ +.easy-warn-strip { + flex: none; padding: 9px 16px; font-size: 12.5px; line-height: 1.45; + color: var(--amber); border-top: 1px solid color-mix(in srgb, var(--amber) 45%, var(--line)); + background: color-mix(in srgb, var(--amber) 9%, transparent); +} +.easy-warn-strip[hidden] { display: none; } + .easy-bar { flex: none; display: flex; align-items: flex-end; gap: 12px; padding: 14px 16px; border-top: 1px solid var(--line); background: var(--ink-1); diff --git a/easy_gen/frontend/index.html b/easy_gen/frontend/index.html index 1a13a2e0..34c53626 100644 --- a/easy_gen/frontend/index.html +++ b/easy_gen/frontend/index.html @@ -64,6 +64,8 @@
+ +