feat(ui): clean up state, add mutex for image loading, add thumbnail loading

invokeai/frontend/web/src/features/nodes/util/graph/generation/addControlAdapters.ts

@@ -129,12 +129,12 @@ const buildControlImage = (
   if (processedImage && processorConfig) {
     // We've processed the image in the app - use it for the control image.
     return {
-      image_name: processedImage.name,
+      image_name: processedImage.image_name,
     };
   } else if (image) {
     // No processor selected, and we have an image - the user provided a processed image, use it for the control image.
     return {
-      image_name: image.name,
+      image_name: image.image_name,
     };
   }
   assert(false, 'Attempted to add unprocessed control image');

invokeai/frontend/web/src/features/nodes/util/graph/generation/addIPAdapters.ts

@@ -49,7 +49,7 @@ const addIPAdapter = (ipa: CanvasIPAdapterState, g: Graph, denoise: Invocation<'
     begin_step_percent: beginEndStepPct[0],
     end_step_percent: beginEndStepPct[1],
     image: {
-      image_name: imageObject.image.name,
+      image_name: imageObject.image.image_name,
     },
   });
   g.addEdge(ipAdapter, 'ip_adapter', ipAdapterCollect, 'item');

invokeai/frontend/web/src/features/nodes/util/graph/generation/addRegions.ts

@@ -191,7 +191,7 @@ export const addRegions = async (
         begin_step_percent: beginEndStepPct[0],
         end_step_percent: beginEndStepPct[1],
         image: {
-          image_name: imageObject.image.name,
+          image_name: imageObject.image.image_name,
         },
       });