fix(ui): ignore disalbed ref images in readiness checks

Author: psychedelicious

invokeai/frontend/web/src/features/queue/store/readiness.ts

@@ -277,29 +277,28 @@ const getReasonsWhyCannotEnqueueGenerateTab = (arg: {
     reasons.push({ content: i18n.t('parameters.invoke.promptExpansionResultPending') });
   }
 
-  // Flux Kontext only supports 1x Reference Image at a time.
-  const referenceImageCount = refImages.entities.length;
+  const enabledRefImages = refImages.entities.filter(({ isEnabled }) => isEnabled);
+  const referenceImageCount = enabledRefImages.length;
 
+  // Flux Kontext only supports 1x Reference Image at a time.
   if (
     (model?.base === 'flux-kontext' || (model?.base === 'flux' && model?.name?.toLowerCase().includes('kontext'))) &&
     referenceImageCount > 1
   ) {
     reasons.push({ content: i18n.t('parameters.invoke.fluxKontextMultipleReferenceImages') });
   }
 
-  refImages.entities
-    .filter(({ isEnabled }) => isEnabled)
-    .forEach((entity, i) => {
-      const layerNumber = i + 1;
-      const refImageLiteral = i18n.t(LAYER_TYPE_TO_TKEY['reference_image']);
-      const prefix = `${refImageLiteral} #${layerNumber}`;
-      const problems = getGlobalReferenceImageWarnings(entity, model);
+  enabledRefImages.forEach((entity, i) => {
+    const layerNumber = i + 1;
+    const refImageLiteral = i18n.t(LAYER_TYPE_TO_TKEY['reference_image']);
+    const prefix = `${refImageLiteral} #${layerNumber}`;
+    const problems = getGlobalReferenceImageWarnings(entity, model);
 
-      if (problems.length) {
-        const content = upperFirst(problems.map((p) => i18n.t(p)).join(', '));
-        reasons.push({ prefix, content });
-      }
-    });
+    if (problems.length) {
+      const content = upperFirst(problems.map((p) => i18n.t(p)).join(', '));
+      reasons.push({ prefix, content });
+    }
+  });
 
   return reasons;
 };
@@ -636,17 +635,18 @@ const getReasonsWhyCannotEnqueueCanvasTab = (arg: {
     }
   });
 
-  // Flux Kontext only supports 1x Reference Image at a time.
-  const referenceImageCount = refImages.entities.filter((entity) => entity.isEnabled).length;
+  const enabledRefImages = refImages.entities.filter(({ isEnabled }) => isEnabled);
+  const referenceImageCount = enabledRefImages.length;
 
+  // Flux Kontext only supports 1x Reference Image at a time.
   if (
     (model?.base === 'flux-kontext' || (model?.base === 'flux' && model?.name?.toLowerCase().includes('kontext'))) &&
     referenceImageCount > 1
   ) {
     reasons.push({ content: i18n.t('parameters.invoke.fluxKontextMultipleReferenceImages') });
   }
 
-  refImages.entities.forEach((entity, i) => {
+  enabledRefImages.forEach((entity, i) => {
     const layerNumber = i + 1;
     const refImageLiteral = i18n.t(LAYER_TYPE_TO_TKEY['reference_image']);
     const prefix = `${refImageLiteral} #${layerNumber}`;