fix(ui): fix lightbox

invokeai/frontend/web/src/app/App.tsx

@@ -30,6 +30,7 @@ const App = () => {
 
   return (
     <Grid w="100vw" h="100vh">
+      <Lightbox />
       <ImageUploader>
         <ProgressBar />
         <Grid
@@ -55,7 +56,6 @@ const App = () => {
       <Portal>
         <FloatingGalleryButton />
       </Portal>
-      <Lightbox />
     </Grid>
   );
 };

invokeai/frontend/web/src/app/store.ts

@@ -60,6 +60,10 @@ const galleryBlacklist = [
   'intermediateImage',
 ].map((blacklistItem) => `gallery.${blacklistItem}`);
 
+const lightboxBlacklist = ['isLightboxOpen'].map(
+  (blacklistItem) => `lightbox.${blacklistItem}`
+);
+
 const rootReducer = combineReducers({
   generation: generationReducer,
   postprocessing: postprocessingReducer,
@@ -74,7 +78,12 @@ const rootPersistConfig = getPersistConfig({
   key: 'root',
   storage,
   rootReducer,
-  blacklist: [...canvasBlacklist, ...systemBlacklist, ...galleryBlacklist],
+  blacklist: [
+    ...canvasBlacklist,
+    ...systemBlacklist,
+    ...galleryBlacklist,
+    ...lightboxBlacklist,
+  ],
   debounce: 300,
 });