From ff7aa2558a57cc046448fa9dab0af88eeba5ef23 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:44:56 +1000
Subject: [PATCH] feat(ui): display prompt when debugging regions

---
 .../web/src/features/regionalPrompts/util/getLayerBlobs.ts    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/regionalPrompts/util/getLayerBlobs.ts b/invokeai/frontend/web/src/features/regionalPrompts/util/getLayerBlobs.ts
index b67dd92302..588a188506 100644
--- a/invokeai/frontend/web/src/features/regionalPrompts/util/getLayerBlobs.ts
+++ b/invokeai/frontend/web/src/features/regionalPrompts/util/getLayerBlobs.ts
@@ -34,6 +34,8 @@ export const getRegionalPromptLayerBlobs = async (
     if (layerIds && !layerIds.includes(layer.id())) {
       continue;
     }
+    const reduxLayer = state.regionalPrompts.layers.find((l) => l.id === layer.id());
+    assert(reduxLayer, `Redux layer ${layer.id()} not found`);
     stage.add(layer);
     const blob = await new Promise<Blob>((resolve) => {
       stage.toBlob({
@@ -46,7 +48,7 @@ export const getRegionalPromptLayerBlobs = async (
 
     if (preview) {
       const base64 = await blobToDataURL(blob);
-      openBase64ImageInTab([{ base64, caption: layer.id() }]);
+      openBase64ImageInTab([{ base64, caption: `${reduxLayer.id}: ${reduxLayer.prompt}` }]);
     }
     layer.remove();
     blobs[layer.id()] = blob;