From dbc586e0b294efc2b0fb29978adb1b1a80db4c0f Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Thu, 11 Apr 2024 23:44:42 -0300
Subject: [PATCH 01/34] Add alert variation for Invoke favicon

---
 .../web/public/assets/images/invoke-alert-favicon.svg        | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg

diff --git a/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
new file mode 100644
index 0000000000..38cb095e53
--- /dev/null
+++ b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="2" fill="#E6FD13"/>
+<path d="M9.61889 5.45H12.5V3.5H3.5V5.45H6.38111L9.61889 10.55H12.5V12.5H3.5V10.55H6.38111" stroke="black"/>
+<circle cx="12" cy="4" r="2" fill="red"/>
+</svg>

From 4cd09850b871d063dbd9e677c50dd06cd5f0d038 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Thu, 11 Apr 2024 23:45:28 -0300
Subject: [PATCH 02/34] Add ID to the HTML link element

---
 invokeai/frontend/web/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/index.html b/invokeai/frontend/web/index.html
index 07db8cd3ff..d74db800da 100644
--- a/invokeai/frontend/web/index.html
+++ b/invokeai/frontend/web/index.html
@@ -8,7 +8,7 @@
   <meta http-equiv="Pragma" content="no-cache">
   <meta http-equiv="Expires" content="0">
   <title>Invoke - Community Edition</title>
-  <link rel="icon" type="icon" href="assets/images/invoke-favicon.svg" />
+  <link id="invoke-favicon" rel="icon" type="icon" href="assets/images/invoke-favicon.svg" />
   <style>
     html,
     body {
@@ -23,4 +23,4 @@
   <script type="module" src="/src/main.tsx"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 0a9bf25bff0d24fb8555095a24c99bf1c4dd31a9 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Thu, 11 Apr 2024 23:46:34 -0300
Subject: [PATCH 03/34] Implement `updatePageTitle` and `updatePageFavicon`
 methods

---
 .../socketio/socketQueueItemStatusChanged.ts         | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 84073bb427..9b1ce7bbcc 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -5,6 +5,18 @@ import { socketQueueItemStatusChanged } from 'services/events/actions';
 
 const log = logger('socketio');
 
+const updatePageTitle = (itemStatus: string)=> {
+  let baseString: string = document.title.replace('(1) ', '');
+  document.title = itemStatus === 'in_progress' ? `(1) ${baseString}` : baseString;
+}
+
+const updatePageFavicon = (itemStatus: string)=> {
+  const InvokeLogoSVG: string = 'assets/images/invoke-favicon.svg';
+  const InvokeAlertLogoSVG: string = 'assets/images/invoke-alert-favicon.svg';
+  const faviconEl: HTMLLinkElement = document.getElementById('invoke-favicon') as HTMLLinkElement;
+  faviconEl.href = itemStatus === 'in_progress' ? InvokeAlertLogoSVG : InvokeLogoSVG;
+}
+
 export const addSocketQueueItemStatusChangedEventListener = (startAppListening: AppStartListening) => {
   startAppListening({
     actionCreator: socketQueueItemStatusChanged,

From 4343852b8302d5a82be3303f7e5168eae3bb14c2 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Thu, 11 Apr 2024 23:56:32 -0300
Subject: [PATCH 04/34] Update HTML page title and favicon upon queue item
 event

---
 .../listeners/socketio/socketQueueItemStatusChanged.ts         | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 9b1ce7bbcc..d2c61cbff4 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -66,6 +66,9 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
       dispatch(
         queueApi.util.invalidateTags(['CurrentSessionQueueItem', 'NextSessionQueueItem', 'InvocationCacheStatus'])
       );
+
+      updatePageTitle(queue_item.status);
+      updatePageFavicon(queue_item.status);
     },
   });
 };

From 8eeab22ecd3975a8221cd711d552e803011e2661 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 00:18:20 -0300
Subject: [PATCH 05/34] Replace `let` with `const`

---
 .../listeners/socketio/socketQueueItemStatusChanged.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index d2c61cbff4..71b061a86a 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -5,8 +5,8 @@ import { socketQueueItemStatusChanged } from 'services/events/actions';
 
 const log = logger('socketio');
 
-const updatePageTitle = (itemStatus: string)=> {
-  let baseString: string = document.title.replace('(1) ', '');
+const updatePageTitle = (itemStatus: string) => {
+  const baseString: string = document.title.replace('(1) ', '');
   document.title = itemStatus === 'in_progress' ? `(1) ${baseString}` : baseString;
 }
 

From 102cb6296079774423b4a8e53ee2ee09d262ebec Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 00:18:31 -0300
Subject: [PATCH 06/34] Apply eslint/prettier fixes

---
 .../listeners/socketio/socketQueueItemStatusChanged.ts      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 71b061a86a..4b91ff3a2e 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -8,14 +8,14 @@ const log = logger('socketio');
 const updatePageTitle = (itemStatus: string) => {
   const baseString: string = document.title.replace('(1) ', '');
   document.title = itemStatus === 'in_progress' ? `(1) ${baseString}` : baseString;
-}
+};
 
-const updatePageFavicon = (itemStatus: string)=> {
+const updatePageFavicon = (itemStatus: string) => {
   const InvokeLogoSVG: string = 'assets/images/invoke-favicon.svg';
   const InvokeAlertLogoSVG: string = 'assets/images/invoke-alert-favicon.svg';
   const faviconEl: HTMLLinkElement = document.getElementById('invoke-favicon') as HTMLLinkElement;
   faviconEl.href = itemStatus === 'in_progress' ? InvokeAlertLogoSVG : InvokeLogoSVG;
-}
+};
 
 export const addSocketQueueItemStatusChangedEventListener = (startAppListening: AppStartListening) => {
   startAppListening({

From bb330d50a66e216c51acf03613dc82358a5686b1 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 08:03:29 -0300
Subject: [PATCH 07/34] Increase favicon alert detail size

---
 .../frontend/web/public/assets/images/invoke-alert-favicon.svg  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
index 38cb095e53..796dee94ab 100644
--- a/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
+++ b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="16" height="16" rx="2" fill="#E6FD13"/>
 <path d="M9.61889 5.45H12.5V3.5H3.5V5.45H6.38111L9.61889 10.55H12.5V12.5H3.5V10.55H6.38111" stroke="black"/>
-<circle cx="12" cy="4" r="2" fill="red"/>
+<circle cx="12" cy="4" r="3" fill="red"/>
 </svg>

From a4593613769a5454e7eabeccb03e9e7ead6808ab Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 08:04:46 -0300
Subject: [PATCH 08/34] Modify the processing to consider the active queue
 length instead of in_progress only

---
 .../socketio/socketQueueItemStatusChanged.ts        | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 4b91ff3a2e..c633dbf63b 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -8,13 +8,17 @@ const log = logger('socketio');
 const updatePageTitle = (itemStatus: string) => {
   const baseString: string = document.title.replace('(1) ', '');
   document.title = itemStatus === 'in_progress' ? `(1) ${baseString}` : baseString;
+const updatePageTitle = (activeQueueLength: number) => {
+  const baseString: string = document.title.replace(/\(\d+\)/ , '');
+  document.title = activeQueueLength > 0 ? `(${activeQueueLength}) ${baseString}` : baseString;
 };
 
 const updatePageFavicon = (itemStatus: string) => {
+const updatePageFavicon = (activeQueueLength: number) => {
   const InvokeLogoSVG: string = 'assets/images/invoke-favicon.svg';
   const InvokeAlertLogoSVG: string = 'assets/images/invoke-alert-favicon.svg';
   const faviconEl: HTMLLinkElement = document.getElementById('invoke-favicon') as HTMLLinkElement;
-  faviconEl.href = itemStatus === 'in_progress' ? InvokeAlertLogoSVG : InvokeLogoSVG;
+  faviconEl.href = activeQueueLength > 0 ? InvokeAlertLogoSVG : InvokeLogoSVG;
 };
 
 export const addSocketQueueItemStatusChangedEventListener = (startAppListening: AppStartListening) => {
@@ -24,6 +28,9 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
       // we've got new status for the queue item, batch and queue
       const { queue_item, batch_status, queue_status } = action.payload.data;
 
+      // Keep track of the active queue length by summing up pending and in_progress count
+      const activeQueueLength: number = (queue_status.pending + queue_status.in_progress) || 0;
+
       log.debug(action.payload, `Queue item ${queue_item.item_id} status updated: ${queue_item.status}`);
 
       // Update this specific queue item in the list of queue items (this is the queue item DTO, without the session)
@@ -67,8 +74,8 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
         queueApi.util.invalidateTags(['CurrentSessionQueueItem', 'NextSessionQueueItem', 'InvocationCacheStatus'])
       );
 
-      updatePageTitle(queue_item.status);
-      updatePageFavicon(queue_item.status);
+      updatePageTitle(activeQueueLength);
+      updatePageFavicon(activeQueueLength);
     },
   });
 };

From 3706cf0ad48b270a0f804b48351edf5a7fe16dfc Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 08:05:04 -0300
Subject: [PATCH 09/34] Add JSDoc strings

---
 .../socketio/socketQueueItemStatusChanged.ts    | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index c633dbf63b..b3438b7804 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -5,15 +5,24 @@ import { socketQueueItemStatusChanged } from 'services/events/actions';
 
 const log = logger('socketio');
 
-const updatePageTitle = (itemStatus: string) => {
-  const baseString: string = document.title.replace('(1) ', '');
-  document.title = itemStatus === 'in_progress' ? `(1) ${baseString}` : baseString;
+/**
+ * Updates the page's title to reflect the current length of the active queue.
+ * If there are items in the queue, the title will be prefixed with the count inside parentheses.
+ * If the queue is empty, the title will revert to its original state without any count.
+ *
+ * @param {number} activeQueueLength - The number of active items in the queue.
+ */
 const updatePageTitle = (activeQueueLength: number) => {
   const baseString: string = document.title.replace(/\(\d+\)/ , '');
   document.title = activeQueueLength > 0 ? `(${activeQueueLength}) ${baseString}` : baseString;
 };
 
-const updatePageFavicon = (itemStatus: string) => {
+/**
+ * Updates the favicon of the page based on the presence of items in the queue.
+ * If there are items in the queue, it uses an alert favicon. Otherwise, it reverts to the default favicon.
+ *
+ * @param {number} activeQueueLength - The number of active items in the queue.
+ */
 const updatePageFavicon = (activeQueueLength: number) => {
   const InvokeLogoSVG: string = 'assets/images/invoke-favicon.svg';
   const InvokeAlertLogoSVG: string = 'assets/images/invoke-alert-favicon.svg';

From 8bca7e2aa2c32ba3a8d55ff6626ff706dd4b4fc7 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Fri, 12 Apr 2024 08:13:10 -0300
Subject: [PATCH 10/34] Apply eslint/prettier fixes

---
 .../listeners/socketio/socketQueueItemStatusChanged.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index b3438b7804..42d8dc3c88 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -13,7 +13,7 @@ const log = logger('socketio');
  * @param {number} activeQueueLength - The number of active items in the queue.
  */
 const updatePageTitle = (activeQueueLength: number) => {
-  const baseString: string = document.title.replace(/\(\d+\)/ , '');
+  const baseString: string = document.title.replace(/\(\d+\) /, '');
   document.title = activeQueueLength > 0 ? `(${activeQueueLength}) ${baseString}` : baseString;
 };
 
@@ -38,7 +38,7 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
       const { queue_item, batch_status, queue_status } = action.payload.data;
 
       // Keep track of the active queue length by summing up pending and in_progress count
-      const activeQueueLength: number = (queue_status.pending + queue_status.in_progress) || 0;
+      const activeQueueLength: number = queue_status.pending + queue_status.in_progress || 0;
 
       log.debug(action.payload, `Queue item ${queue_item.item_id} status updated: ${queue_item.status}`);
 

From 4e08fab3f546a8123528958939153ca11de6ad75 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 11:20:39 -0300
Subject: [PATCH 11/34] Apply brand red color and a black border

---
 .../frontend/web/public/assets/images/invoke-alert-favicon.svg  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
index 796dee94ab..d0a40b9f01 100644
--- a/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
+++ b/invokeai/frontend/web/public/assets/images/invoke-alert-favicon.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="16" height="16" rx="2" fill="#E6FD13"/>
 <path d="M9.61889 5.45H12.5V3.5H3.5V5.45H6.38111L9.61889 10.55H12.5V12.5H3.5V10.55H6.38111" stroke="black"/>
-<circle cx="12" cy="4" r="3" fill="red"/>
+<circle cx="12" cy="4" r="3" fill="#f5480c" stroke="#0d1117" stroke-width="1"/>
 </svg>

From 2933eb594d2ee204223bb06cffa98f4e9df05f11 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 11:22:26 -0300
Subject: [PATCH 12/34] Remove unnecessary code

---
 .../socketio/socketQueueItemStatusChanged.ts  | 30 -------------------
 1 file changed, 30 deletions(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 42d8dc3c88..0545a05985 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -5,30 +5,6 @@ import { socketQueueItemStatusChanged } from 'services/events/actions';
 
 const log = logger('socketio');
 
-/**
- * Updates the page's title to reflect the current length of the active queue.
- * If there are items in the queue, the title will be prefixed with the count inside parentheses.
- * If the queue is empty, the title will revert to its original state without any count.
- *
- * @param {number} activeQueueLength - The number of active items in the queue.
- */
-const updatePageTitle = (activeQueueLength: number) => {
-  const baseString: string = document.title.replace(/\(\d+\) /, '');
-  document.title = activeQueueLength > 0 ? `(${activeQueueLength}) ${baseString}` : baseString;
-};
-
-/**
- * Updates the favicon of the page based on the presence of items in the queue.
- * If there are items in the queue, it uses an alert favicon. Otherwise, it reverts to the default favicon.
- *
- * @param {number} activeQueueLength - The number of active items in the queue.
- */
-const updatePageFavicon = (activeQueueLength: number) => {
-  const InvokeLogoSVG: string = 'assets/images/invoke-favicon.svg';
-  const InvokeAlertLogoSVG: string = 'assets/images/invoke-alert-favicon.svg';
-  const faviconEl: HTMLLinkElement = document.getElementById('invoke-favicon') as HTMLLinkElement;
-  faviconEl.href = activeQueueLength > 0 ? InvokeAlertLogoSVG : InvokeLogoSVG;
-};
 
 export const addSocketQueueItemStatusChangedEventListener = (startAppListening: AppStartListening) => {
   startAppListening({
@@ -37,9 +13,6 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
       // we've got new status for the queue item, batch and queue
       const { queue_item, batch_status, queue_status } = action.payload.data;
 
-      // Keep track of the active queue length by summing up pending and in_progress count
-      const activeQueueLength: number = queue_status.pending + queue_status.in_progress || 0;
-
       log.debug(action.payload, `Queue item ${queue_item.item_id} status updated: ${queue_item.status}`);
 
       // Update this specific queue item in the list of queue items (this is the queue item DTO, without the session)
@@ -82,9 +55,6 @@ export const addSocketQueueItemStatusChangedEventListener = (startAppListening:
       dispatch(
         queueApi.util.invalidateTags(['CurrentSessionQueueItem', 'NextSessionQueueItem', 'InvocationCacheStatus'])
       );
-
-      updatePageTitle(activeQueueLength);
-      updatePageFavicon(activeQueueLength);
     },
   });
 };

From cd6d8ae9ccdf982ff9813ca0ce41b4da9074e8b6 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 11:22:58 -0300
Subject: [PATCH 13/34] Add a hook as a singleton to update favicon and title
 upon queueSize change

---
 .../web/src/app/hooks/useSyncQueueStatus.ts   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 invokeai/frontend/web/src/app/hooks/useSyncQueueStatus.ts

diff --git a/invokeai/frontend/web/src/app/hooks/useSyncQueueStatus.ts b/invokeai/frontend/web/src/app/hooks/useSyncQueueStatus.ts
new file mode 100644
index 0000000000..d6874c3bb5
--- /dev/null
+++ b/invokeai/frontend/web/src/app/hooks/useSyncQueueStatus.ts
@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+import { useGetQueueStatusQuery } from 'services/api/endpoints/queue';
+
+const baseTitle = document.title;
+const invokeLogoSVG = 'assets/images/invoke-favicon.svg';
+const invokeAlertLogoSVG = 'assets/images/invoke-alert-favicon.svg';
+
+/**
+ * This hook synchronizes the queue status with the page's title and favicon.
+ * It should be considered a singleton and only used once in the component tree.
+ */
+export const useSyncQueueStatus = () => {
+  const { queueSize } = useGetQueueStatusQuery(undefined, {
+    selectFromResult: (res) => ({
+      queueSize: res.data ? res.data.queue.pending + res.data.queue.in_progress : 0,
+    }),
+  });
+  useEffect(() => {
+    document.title = queueSize > 0 ? `(${queueSize}) ${baseTitle}` : baseTitle;
+    const faviconEl = document.getElementById('invoke-favicon');
+    if (faviconEl instanceof HTMLLinkElement) {
+      faviconEl.href = queueSize > 0 ? invokeAlertLogoSVG : invokeLogoSVG;
+    }
+  }, [queueSize]);
+};

From fc55522003353f4c76f6120ff48f84f8f7e1c125 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 11:23:10 -0300
Subject: [PATCH 14/34] Import hook in the main App script

---
 invokeai/frontend/web/src/app/components/App.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/invokeai/frontend/web/src/app/components/App.tsx b/invokeai/frontend/web/src/app/components/App.tsx
index ae1a762f61..30d8f41200 100644
--- a/invokeai/frontend/web/src/app/components/App.tsx
+++ b/invokeai/frontend/web/src/app/components/App.tsx
@@ -1,5 +1,6 @@
 import { Box, useGlobalModifiersInit } from '@invoke-ai/ui-library';
 import { useSocketIO } from 'app/hooks/useSocketIO';
+import { useSyncQueueStatus } from 'app/hooks/useSyncQueueStatus';
 import { useLogger } from 'app/logging/useLogger';
 import { appStarted } from 'app/store/middleware/listenerMiddleware/listeners/appStarted';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
@@ -70,6 +71,7 @@ const App = ({ config = DEFAULT_CONFIG, selectedImage }: Props) => {
   }, [dispatch]);
 
   useStarterModelsToast();
+  useSyncQueueStatus();
 
   return (
     <ErrorBoundary onReset={handleReset} FallbackComponent={AppErrorBoundaryFallback}>

From 14e41a1fd9f5173714bdc32d572258fab94cae9f Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 11:26:48 -0300
Subject: [PATCH 15/34] Remove unnecessary whitespace

---
 .../listeners/socketio/socketQueueItemStatusChanged.ts           | 1 -
 1 file changed, 1 deletion(-)

diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
index 0545a05985..84073bb427 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/socketio/socketQueueItemStatusChanged.ts
@@ -5,7 +5,6 @@ import { socketQueueItemStatusChanged } from 'services/events/actions';
 
 const log = logger('socketio');
 
-
 export const addSocketQueueItemStatusChangedEventListener = (startAppListening: AppStartListening) => {
   startAppListening({
     actionCreator: socketQueueItemStatusChanged,

From 4eb66a9198dcf35eb23c094e70aef41e239b0592 Mon Sep 17 00:00:00 2001
From: Jennifer Player <chainchompa@gmail.com>
Date: Sun, 14 Apr 2024 11:32:32 -0400
Subject: [PATCH 16/34] remove hires fix badge from settings when using sdxl

---
 .../ImageSettingsAccordion/ImageSettingsAccordion.tsx        | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx
index 0b9a669bbd..125a611876 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx
@@ -29,6 +29,7 @@ const selector = createMemoizedSelector(
     const { shouldRandomizeSeed, model } = generation;
     const { hrfEnabled } = hrf;
     const badges: string[] = [];
+    const isSDXL = model?.base === 'sdxl';
 
     if (activeTabName === 'unifiedCanvas') {
       const {
@@ -53,10 +54,10 @@ const selector = createMemoizedSelector(
       badges.push('Manual Seed');
     }
 
-    if (hrfEnabled) {
+    if (hrfEnabled && !isSDXL) {
       badges.push('HiRes Fix');
     }
-    return { badges, activeTabName, isSDXL: model?.base === 'sdxl' };
+    return { badges, activeTabName, isSDXL };
   }
 );
 

From 66126996e70fe508f04e35efce042c779a367b1e Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sat, 13 Apr 2024 23:57:02 -0300
Subject: [PATCH 17/34] Import image selection

---
 .../gallery/components/CurrentImage/CurrentImageButtons.tsx      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx b/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
index 896b6efef7..dc6d80f5ad 100644
--- a/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
@@ -51,6 +51,7 @@ const CurrentImageButtons = () => {
   const shouldShowImageDetails = useAppSelector((s) => s.ui.shouldShowImageDetails);
   const shouldShowProgressInViewer = useAppSelector((s) => s.ui.shouldShowProgressInViewer);
   const lastSelectedImage = useAppSelector(selectLastSelectedImage);
+  const selection = useAppSelector((s) => s.gallery.selection);
   const shouldDisableToolbarButtons = useAppSelector(selectShouldDisableToolbarButtons);
 
   const isUpscalingEnabled = useFeatureStatus('upscaling').isFeatureEnabled;

From ec67ba61dba8fa710607288f1e2e4eea4fcf87d8 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sat, 13 Apr 2024 23:57:33 -0300
Subject: [PATCH 18/34] Pass an array of selected images instead of imageDTO

---
 .../gallery/components/CurrentImage/CurrentImageButtons.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx b/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
index dc6d80f5ad..15ab74f44d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageButtons.tsx
@@ -103,8 +103,8 @@ const CurrentImageButtons = () => {
     if (!imageDTO) {
       return;
     }
-    dispatch(imagesToDeleteSelected([imageDTO]));
-  }, [dispatch, imageDTO]);
+    dispatch(imagesToDeleteSelected(selection));
+  }, [dispatch, imageDTO, selection]);
 
   useHotkeys(
     'Shift+U',

From ec69a58c8db2602159badce4a2b6075d02b18454 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sat, 13 Apr 2024 23:57:55 -0300
Subject: [PATCH 19/34] Include plural variation for delete image modal title

---
 invokeai/frontend/web/public/locales/en.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index 0a76c3ed1f..0a0883ac20 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -326,7 +326,8 @@
         "drop": "Drop",
         "dropOrUpload": "$t(gallery.drop) or Upload",
         "dropToUpload": "$t(gallery.drop) to Upload",
-        "deleteImage": "Delete Image",
+        "deleteImage": "Delete single Image",
+        "deleteImage_plural": "Delete {{count}} Images",
         "deleteImageBin": "Deleted images will be sent to your operating system's Bin.",
         "deleteImagePermanent": "Deleted images cannot be restored.",
         "download": "Download",

From cc256fee0e80f9bfa8a62ba380cd2aa652e61ca7 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sat, 13 Apr 2024 23:58:30 -0300
Subject: [PATCH 20/34] Modify the modal title to include selected image array
 length

---
 .../features/deleteImageModal/components/DeleteImageModal.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
index 5783fe4ffc..f2513f68eb 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
@@ -80,7 +80,7 @@ const DeleteImageModal = () => {
 
   return (
     <ConfirmationAlertDialog
-      title={t('gallery.deleteImage')}
+      title={t(imagesToDelete.length > 1 ? 'gallery.deleteImage_plural' : 'gallery.deleteImage', { 'count': imagesToDelete.length } )}
       isOpen={isModalOpen}
       onClose={handleClose}
       cancelButtonText={t('boards.cancel')}

From bef97b46bf693e345a9ef4917963f3dc00a6b99c Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 00:27:42 -0300
Subject: [PATCH 21/34] Apply eslint/prettier fixes

---
 .../features/deleteImageModal/components/DeleteImageModal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
index f2513f68eb..7a1d670d2c 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
@@ -80,7 +80,9 @@ const DeleteImageModal = () => {
 
   return (
     <ConfirmationAlertDialog
-      title={t(imagesToDelete.length > 1 ? 'gallery.deleteImage_plural' : 'gallery.deleteImage', { 'count': imagesToDelete.length } )}
+      title={t(imagesToDelete.length > 1 ? 'gallery.deleteImage_plural' : 'gallery.deleteImage', {
+        count: imagesToDelete.length,
+      })}
       isOpen={isModalOpen}
       onClose={handleClose}
       cancelButtonText={t('boards.cancel')}

From 78991491446fa8138c380c25a8f0ea8417e887f7 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 10:06:46 -0300
Subject: [PATCH 22/34] Remove unnecessary word

---
 invokeai/frontend/web/public/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index 0a0883ac20..26e294f422 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -326,7 +326,7 @@
         "drop": "Drop",
         "dropOrUpload": "$t(gallery.drop) or Upload",
         "dropToUpload": "$t(gallery.drop) to Upload",
-        "deleteImage": "Delete single Image",
+        "deleteImage": "Delete Image",
         "deleteImage_plural": "Delete {{count}} Images",
         "deleteImageBin": "Deleted images will be sent to your operating system's Bin.",
         "deleteImagePermanent": "Deleted images cannot be restored.",

From 982e25587810406197e17da09767967bcf3d2a9f Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 19:19:12 -0300
Subject: [PATCH 23/34] Add dynamic label to delete button located at the top
 toolbar

---
 .../deleteImageModal/components/DeleteImageButton.tsx     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
index 9d46a185f8..3e86c04085 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
@@ -13,13 +13,17 @@ export const DeleteImageButton = memo((props: DeleteImageButtonProps) => {
   const { onClick, isDisabled } = props;
   const { t } = useTranslation();
   const isConnected = useAppSelector((s) => s.system.isConnected);
+  const imageSelectionLength: number = (useAppSelector((s) => s.gallery.selection) || []).length;
+  const labelMessage: string = imageSelectionLength > 1 ?
+    t('gallery.deleteImage_plural', { 'count': imageSelectionLength }) :
+    t('gallery.deleteImage');
 
   return (
     <IconButton
       onClick={onClick}
       icon={<PiTrashSimpleBold />}
-      tooltip={`${t('gallery.deleteImage')} (Del)`}
-      aria-label={`${t('gallery.deleteImage')} (Del)`}
+      tooltip={labelMessage}
+      aria-label={labelMessage}
       isDisabled={isDisabled || !isConnected}
       colorScheme="error"
     />

From 1ca152f6c8525dbc3ee830cde1f3003c130f23ed Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 19:24:53 -0300
Subject: [PATCH 24/34] Apply eslint/prettier fixes

---
 .../deleteImageModal/components/DeleteImageButton.tsx      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
index 3e86c04085..712be41c2e 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
@@ -14,9 +14,10 @@ export const DeleteImageButton = memo((props: DeleteImageButtonProps) => {
   const { t } = useTranslation();
   const isConnected = useAppSelector((s) => s.system.isConnected);
   const imageSelectionLength: number = (useAppSelector((s) => s.gallery.selection) || []).length;
-  const labelMessage: string = imageSelectionLength > 1 ?
-    t('gallery.deleteImage_plural', { 'count': imageSelectionLength }) :
-    t('gallery.deleteImage');
+  const labelMessage: string =
+    imageSelectionLength > 1
+      ? t('gallery.deleteImage_plural', { count: imageSelectionLength })
+      : t('gallery.deleteImage');
 
   return (
     <IconButton

From 22c6400bb87bfa909f067c9a6e814cb534cdd266 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 19:51:05 -0300
Subject: [PATCH 25/34] Refactor i18n pluralization

---
 invokeai/frontend/web/public/locales/en.json                  | 4 ++--
 .../features/deleteImageModal/components/DeleteImageModal.tsx | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index 26e294f422..2f4e70005f 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -326,8 +326,8 @@
         "drop": "Drop",
         "dropOrUpload": "$t(gallery.drop) or Upload",
         "dropToUpload": "$t(gallery.drop) to Upload",
-        "deleteImage": "Delete Image",
-        "deleteImage_plural": "Delete {{count}} Images",
+        "deleteImage_one": "Delete Image",
+        "deleteImage_other": "Delete {{count}} Images",
         "deleteImageBin": "Deleted images will be sent to your operating system's Bin.",
         "deleteImagePermanent": "Deleted images cannot be restored.",
         "download": "Download",
diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
index 7a1d670d2c..d5c8f11f81 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageModal.tsx
@@ -80,9 +80,7 @@ const DeleteImageModal = () => {
 
   return (
     <ConfirmationAlertDialog
-      title={t(imagesToDelete.length > 1 ? 'gallery.deleteImage_plural' : 'gallery.deleteImage', {
-        count: imagesToDelete.length,
-      })}
+      title={t('gallery.deleteImage', { count: imagesToDelete.length })}
       isOpen={isModalOpen}
       onClose={handleClose}
       cancelButtonText={t('boards.cancel')}

From f706a13230f925d85add0ab04ecbeec2deaeaf2b Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 19:51:20 -0300
Subject: [PATCH 26/34] Adjust gallery image length handling

---
 .../deleteImageModal/components/DeleteImageButton.tsx      | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
index 712be41c2e..6855cb8e55 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
@@ -13,11 +13,8 @@ export const DeleteImageButton = memo((props: DeleteImageButtonProps) => {
   const { onClick, isDisabled } = props;
   const { t } = useTranslation();
   const isConnected = useAppSelector((s) => s.system.isConnected);
-  const imageSelectionLength: number = (useAppSelector((s) => s.gallery.selection) || []).length;
-  const labelMessage: string =
-    imageSelectionLength > 1
-      ? t('gallery.deleteImage_plural', { count: imageSelectionLength })
-      : t('gallery.deleteImage');
+  const imageSelectionLength: number = useAppSelector((s) => s.gallery.selection.length);
+  const labelMessage: string = `${t('gallery.deleteImage', { count: imageSelectionLength })} (Del)`;
 
   return (
     <IconButton

From b3b5b7e2615b4f8e1d8fb2eea0662f4b4af59bc7 Mon Sep 17 00:00:00 2001
From: Daniel Abrao <danielpaladar@gmail.com>
Date: Sun, 14 Apr 2024 19:51:52 -0300
Subject: [PATCH 27/34] Include hardcoded count of one to avoid translation
 issues on missing keys

---
 .../components/ImageContextMenu/SingleSelectionMenuItems.tsx    | 2 +-
 .../src/features/gallery/components/ImageGrid/GalleryImage.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx
index 6f49f4afcc..7f43ab3671 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx
@@ -188,7 +188,7 @@ const SingleSelectionMenuItems = (props: SingleSelectionMenuItemsProps) => {
       )}
       <MenuDivider />
       <MenuItem color="error.300" icon={<PiTrashSimpleBold />} onClickCapture={handleDelete}>
-        {t('gallery.deleteImage')}
+        {t('gallery.deleteImage', { count: 1 })}
       </MenuItem>
     </>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
index a5ea7ec699..2788b1095d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
@@ -180,7 +180,7 @@ const GalleryImage = (props: HoverableImageProps) => {
               <IAIDndImageIcon
                 onClick={handleDelete}
                 icon={<PiTrashSimpleFill size="16px" />}
-                tooltip={t('gallery.deleteImage')}
+                tooltip={t('gallery.deleteImage', { count: 1 })}
                 styleOverrides={imageIconStyleOverrides}
               />
             )}

From 12f41039cca18ad95cca5eb927d1e703e044f313 Mon Sep 17 00:00:00 2001
From: Riccardo Giovanetti <riccardo.giovanetti@gmail.com>
Date: Sun, 14 Apr 2024 23:54:46 +0200
Subject: [PATCH 28/34] translationBot(ui): update translation (Italian)

Currently translated at 98.4% (1122 of 1140 strings)

translationBot(ui): update translation (Italian)

Currently translated at 98.4% (1120 of 1138 strings)

translationBot(ui): update translation (Italian)

Currently translated at 98.4% (1115 of 1133 strings)

Co-authored-by: Riccardo Giovanetti <riccardo.giovanetti@gmail.com>
Translate-URL: https://hosted.weblate.org/projects/invokeai/web-ui/it/
Translation: InvokeAI/Web UI
---
 invokeai/frontend/web/public/locales/it.json | 31 +++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/it.json b/invokeai/frontend/web/public/locales/it.json
index ff4e44c487..db01e0af4b 100644
--- a/invokeai/frontend/web/public/locales/it.json
+++ b/invokeai/frontend/web/public/locales/it.json
@@ -444,7 +444,8 @@
         "hfTokenInvalidErrorMessage2": "Aggiornalo in ",
         "main": "Principali",
         "noModelsInstalledDesc1": "Installa i modelli con",
-        "ipAdapters": "Adattatori IP"
+        "ipAdapters": "Adattatori IP",
+        "noMatchingModels": "Nessun modello corrispondente"
     },
     "parameters": {
         "images": "Immagini",
@@ -526,7 +527,12 @@
         "aspect": "Aspetto",
         "setToOptimalSizeTooLarge": "$t(parameters.setToOptimalSize) (potrebbe essere troppo grande)",
         "remixImage": "Remixa l'immagine",
-        "coherenceEdgeSize": "Dim. bordo"
+        "coherenceEdgeSize": "Dim. bordo",
+        "infillMosaicTileWidth": "Larghezza piastrella",
+        "infillMosaicMinColor": "Colore minimo",
+        "infillMosaicMaxColor": "Colore massimo",
+        "infillMosaicTileHeight": "Altezza piastrella",
+        "infillColorValue": "Colore di riempimento"
     },
     "settings": {
         "models": "Modelli",
@@ -620,7 +626,8 @@
         "uploadInitialImage": "Carica l'immagine iniziale",
         "problemDownloadingImage": "Impossibile scaricare l'immagine",
         "prunedQueue": "Coda ripulita",
-        "modelImportCanceled": "Importazione del modello annullata"
+        "modelImportCanceled": "Importazione del modello annullata",
+        "parameters": "Parametri"
     },
     "tooltip": {
         "feature": {
@@ -689,7 +696,10 @@
         "coherenceModeBoxBlur": "Sfocatura Box",
         "coherenceModeStaged": "Maschera espansa",
         "invertBrushSizeScrollDirection": "Inverti scorrimento per dimensione pennello",
-        "discardCurrent": "Scarta l'attuale"
+        "discardCurrent": "Scarta l'attuale",
+        "initialFitImageSize": "Adatta dimensione immagine al rilascio",
+        "hideBoundingBox": "Nascondi il rettangolo di selezione",
+        "showBoundingBox": "Mostra il rettangolo di selezione"
     },
     "accessibility": {
         "invokeProgressBar": "Barra di avanzamento generazione",
@@ -832,7 +842,8 @@
         "editMode": "Modifica nell'editor del flusso di lavoro",
         "resetToDefaultValue": "Ripristina il valore predefinito",
         "noFieldsViewMode": "Questo flusso di lavoro non ha campi selezionati da visualizzare. Visualizza il flusso di lavoro completo per configurare i valori.",
-        "edit": "Modifica"
+        "edit": "Modifica",
+        "graph": "Grafico"
     },
     "boards": {
         "autoAddBoard": "Aggiungi automaticamente bacheca",
@@ -1346,13 +1357,13 @@
             ]
         },
         "seamlessTilingXAxis": {
-            "heading": "Asse X di piastrellatura senza cuciture",
+            "heading": "Piastrella senza giunte sull'asse X",
             "paragraphs": [
                 "Affianca senza soluzione di continuità un'immagine lungo l'asse orizzontale."
             ]
         },
         "seamlessTilingYAxis": {
-            "heading": "Asse Y di piastrellatura senza cuciture",
+            "heading": "Piastrella senza giunte sull'asse Y",
             "paragraphs": [
                 "Affianca senza soluzione di continuità un'immagine lungo l'asse verticale."
             ]
@@ -1476,7 +1487,11 @@
         "name": "Nome",
         "updated": "Aggiornato",
         "projectWorkflows": "Flussi di lavoro del progetto",
-        "opened": "Aperto"
+        "opened": "Aperto",
+        "convertGraph": "Converti grafico",
+        "loadWorkflow": "$t(common.load) Flusso di lavoro",
+        "autoLayout": "Disposizione automatica",
+        "loadFromGraph": "Carica il flusso di lavoro dal grafico"
     },
     "app": {
         "storeNotInitialized": "Il negozio non è inizializzato"

From a83a0c6146d87a941dac5da6905b1664e21df36f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=80=80=E7=91=BE?= <symant233@gmail.com>
Date: Sun, 14 Apr 2024 23:54:46 +0200
Subject: [PATCH 29/34] translationBot(ui): update translation (Chinese
 (Simplified))
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Currently translated at 81.5% (924 of 1133 strings)

Co-authored-by: 怀瑾 <symant233@gmail.com>
Translate-URL: https://hosted.weblate.org/projects/invokeai/web-ui/zh_Hans/
Translation: InvokeAI/Web UI
---
 .../frontend/web/public/locales/zh_CN.json    | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/zh_CN.json b/invokeai/frontend/web/public/locales/zh_CN.json
index a88f540990..e2cb35af74 100644
--- a/invokeai/frontend/web/public/locales/zh_CN.json
+++ b/invokeai/frontend/web/public/locales/zh_CN.json
@@ -65,7 +65,12 @@
         "nextPage": "下一页",
         "saveAs": "保存为",
         "ai": "ai",
-        "or": "或"
+        "or": "或",
+        "aboutDesc": "使用 Invoke 工作？查看：",
+        "add": "添加",
+        "loglevel": "日志级别",
+        "copy": "复制",
+        "localSystem": "本地系统"
     },
     "gallery": {
         "galleryImageSize": "预览大小",
@@ -599,7 +604,8 @@
         "loadMore": "加载更多",
         "mode": "模式",
         "resetUI": "$t(accessibility.reset) UI",
-        "createIssue": "创建问题"
+        "createIssue": "创建问题",
+        "about": "关于"
     },
     "tooltip": {
         "feature": {
@@ -1201,7 +1207,16 @@
         "workflows": "工作流",
         "noDescription": "无描述",
         "uploadWorkflow": "从文件中加载",
-        "newWorkflowCreated": "已创建新的工作流"
+        "newWorkflowCreated": "已创建新的工作流",
+        "name": "名称",
+        "defaultWorkflows": "默认工作流",
+        "created": "已创建",
+        "ascending": "升序",
+        "descending": "降序",
+        "updated": "已更新",
+        "userWorkflows": "我的工作流",
+        "projectWorkflows": "项目工作流",
+        "opened": "已打开"
     },
     "app": {
         "storeNotInitialized": "商店尚未初始化"
@@ -1219,7 +1234,8 @@
             "title": "生成"
         },
         "advanced": {
-            "title": "高级"
+            "title": "高级",
+            "options": "$t(accordions.advanced.title) 选项"
         },
         "image": {
             "title": "图像"

From 70185b0173c35d4e7001a66df4a27d89b9b8d932 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B0=D1=81=D1=8F=D0=BD=D0=B0=D1=82=D0=BE=D1=80?=
 <ilabulanov339@gmail.com>
Date: Sun, 14 Apr 2024 23:54:46 +0200
Subject: [PATCH 30/34] translationBot(ui): update translation (Russian)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Currently translated at 99.5% (1128 of 1133 strings)

Co-authored-by: Васянатор <ilabulanov339@gmail.com>
Translate-URL: https://hosted.weblate.org/projects/invokeai/web-ui/ru/
Translation: InvokeAI/Web UI
---
 invokeai/frontend/web/public/locales/ru.json | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/public/locales/ru.json b/invokeai/frontend/web/public/locales/ru.json
index 4dd2ad895a..8ac36ef2de 100644
--- a/invokeai/frontend/web/public/locales/ru.json
+++ b/invokeai/frontend/web/public/locales/ru.json
@@ -448,7 +448,9 @@
         "loraModels": "LoRAs",
         "main": "Основные",
         "noModelsInstalled": "Нет установленных моделей",
-        "noModelsInstalledDesc1": "Установите модели с помощью"
+        "noModelsInstalledDesc1": "Установите модели с помощью",
+        "noMatchingModels": "Нет подходящих моделей",
+        "ipAdapters": "IP адаптеры"
     },
     "parameters": {
         "images": "Изображения",
@@ -532,7 +534,12 @@
         "lockAspectRatio": "Заблокировать соотношение",
         "remixImage": "Ремикс изображения",
         "coherenceMinDenoise": "Мин. шумоподавление",
-        "coherenceEdgeSize": "Размер края"
+        "coherenceEdgeSize": "Размер края",
+        "infillMosaicTileWidth": "Ширина плиток",
+        "infillMosaicTileHeight": "Высота плиток",
+        "infillMosaicMinColor": "Мин цвет",
+        "infillMosaicMaxColor": "Макс цвет",
+        "infillColorValue": "Цвет заливки"
     },
     "settings": {
         "models": "Модели",
@@ -626,7 +633,8 @@
         "uploadInitialImage": "Загрузить начальное изображение",
         "resetInitialImage": "Сбросить начальное изображение",
         "prunedQueue": "Урезанная очередь",
-        "modelImportCanceled": "Импорт модели отменен"
+        "modelImportCanceled": "Импорт модели отменен",
+        "parameters": "Параметры"
     },
     "tooltip": {
         "feature": {
@@ -695,7 +703,8 @@
         "coherenceModeGaussianBlur": "Размытие по Гауссу",
         "coherenceModeBoxBlur": "коробчатое размытие",
         "discardCurrent": "Отбросить текущее",
-        "invertBrushSizeScrollDirection": "Инвертировать прокрутку для размера кисти"
+        "invertBrushSizeScrollDirection": "Инвертировать прокрутку для размера кисти",
+        "initialFitImageSize": "Подогнать размер изображения при перебросе"
     },
     "accessibility": {
         "uploadImage": "Загрузить изображение",
@@ -921,7 +930,8 @@
         "modelSize": "Размер модели",
         "small": "Маленький",
         "body": "Тело",
-        "hands": "Руки"
+        "hands": "Руки",
+        "selectCLIPVisionModel": "Выбрать модель CLIP Vision"
     },
     "boards": {
         "autoAddBoard": "Авто добавление Доски",

From c2b79ce14c27ea40fe7bb0787733ba1acc98ac16 Mon Sep 17 00:00:00 2001
From: Lars Kappert <lars@webpro.nl>
Date: Sun, 14 Apr 2024 14:13:21 +0200
Subject: [PATCH 31/34] Replace `@knipignore` with `paths` config

---
 invokeai/frontend/web/knip.ts                                  | 3 +++
 .../frontend/web/src/common/components/Loading/Loading.tsx     | 1 -
 .../gallery/components/Boards/BoardsList/NoBoardBoard.tsx      | 1 -
 .../nodes/components/sidePanel/viewMode/EmptyState.tsx         | 1 -
 .../src/features/system/components/AboutModal/AboutModal.tsx   | 1 -
 .../src/features/system/components/InvokeAILogoComponent.tsx   | 1 -
 6 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/knip.ts b/invokeai/frontend/web/knip.ts
index 64c18e12bf..d4b51e46d1 100644
--- a/invokeai/frontend/web/knip.ts
+++ b/invokeai/frontend/web/knip.ts
@@ -10,6 +10,9 @@ const config: KnipConfig = {
     'src/features/nodes/types/v2/**',
   ],
   ignoreBinaries: ['only-allow'],
+  paths: {
+    'public/*': ['public/*'],
+  },
 };
 
 export default config;
diff --git a/invokeai/frontend/web/src/common/components/Loading/Loading.tsx b/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
index 18971b4171..dae5b40e8c 100644
--- a/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
+++ b/invokeai/frontend/web/src/common/components/Loading/Loading.tsx
@@ -1,5 +1,4 @@
 import { Flex, Image, Spinner } from '@invoke-ai/ui-library';
-/** @knipignore */
 import InvokeLogoWhite from 'public/assets/images/invoke-symbol-wht-lrg.svg';
 import { memo } from 'react';
 
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index 3c97837a90..14bdecba65 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -6,7 +6,6 @@ import type { RemoveFromBoardDropData } from 'features/dnd/types';
 import AutoAddIcon from 'features/gallery/components/Boards/AutoAddIcon';
 import BoardContextMenu from 'features/gallery/components/Boards/BoardContextMenu';
 import { autoAddBoardIdChanged, boardIdSelected } from 'features/gallery/store/gallerySlice';
-/** @knipignore */
 import InvokeLogoSVG from 'public/assets/images/invoke-symbol-wht-lrg.svg';
 import { memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
index 3f3af4a579..322e7014ca 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
@@ -1,7 +1,6 @@
 import { Button, Flex, Image, Text } from '@invoke-ai/ui-library';
 import { useAppDispatch } from 'app/store/storeHooks';
 import { workflowModeChanged } from 'features/nodes/store/workflowSlice';
-/** @knipignore */
 import InvokeLogoSVG from 'public/assets/images/invoke-symbol-wht-lrg.svg';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
diff --git a/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx b/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
index 9c3987a669..d333b64ebf 100644
--- a/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
+++ b/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
@@ -21,7 +21,6 @@ import {
 import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
 import { discordLink, githubLink, websiteLink } from 'features/system/store/constants';
 import { map } from 'lodash-es';
-/** @knipignore */
 import InvokeLogoYellow from 'public/assets/images/invoke-tag-lrg.svg';
 import type { ReactElement } from 'react';
 import { cloneElement, memo, useCallback } from 'react';
diff --git a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
index 678025770d..91d4382a52 100644
--- a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
+++ b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
@@ -2,7 +2,6 @@
 import { Image, Text, Tooltip } from '@invoke-ai/ui-library';
 import { useStore } from '@nanostores/react';
 import { $logo } from 'app/store/nanostores/logo';
-/** @knipignore */
 import InvokeLogoYellow from 'public/assets/images/invoke-symbol-ylw-lrg.svg';
 import { memo, useMemo, useRef } from 'react';
 import { useGetAppVersionQuery } from 'services/api/endpoints/appInfo';

From d3b0212da5146a520270dba6d827e875dfdd0fc6 Mon Sep 17 00:00:00 2001
From: Lars Kappert <lars@webpro.nl>
Date: Sun, 14 Apr 2024 14:14:55 +0200
Subject: [PATCH 32/34] Scope project files to src dir (enables --production)

---
 invokeai/frontend/web/knip.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/invokeai/frontend/web/knip.ts b/invokeai/frontend/web/knip.ts
index d4b51e46d1..db89741fef 100644
--- a/invokeai/frontend/web/knip.ts
+++ b/invokeai/frontend/web/knip.ts
@@ -1,6 +1,7 @@
 import type { KnipConfig } from 'knip';
 
 const config: KnipConfig = {
+  project: ['src/**/*.{ts,tsx}!'],
   ignore: [
     // This file is only used during debugging
     'src/app/store/middleware/debugLoggerMiddleware.ts',

From 06bc38d3f4e837b3e5db2a7db5a63e2516d56006 Mon Sep 17 00:00:00 2001
From: Lars Kappert <lars@webpro.nl>
Date: Sun, 14 Apr 2024 14:18:58 +0200
Subject: [PATCH 33/34] Remove tag excluder

---
 invokeai/frontend/web/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/package.json b/invokeai/frontend/web/package.json
index a99910c549..aabaa17c73 100644
--- a/invokeai/frontend/web/package.json
+++ b/invokeai/frontend/web/package.json
@@ -24,7 +24,7 @@
     "build": "pnpm run lint && vite build",
     "typegen": "node scripts/typegen.js",
     "preview": "vite preview",
-    "lint:knip": "knip --tags=-@knipignore",
+    "lint:knip": "knip",
     "lint:dpdm": "dpdm --no-warning --no-tree --transform --exit-code circular:1 src/main.tsx",
     "lint:eslint": "eslint --max-warnings=0 .",
     "lint:prettier": "prettier --check .",

From 7cf788e658137f731300de1914035ea65ac44edf Mon Sep 17 00:00:00 2001
From: Wubbbi <clari.skyrim63@gmail.com>
Date: Mon, 15 Apr 2024 02:48:39 +0200
Subject: [PATCH 34/34] Update deps to their lastest versions (#6178)

* Update deps to their lastest versions

* missed huggingface_hub

* bump accelerate

---------

Co-authored-by: Lincoln Stein <lincoln.stein@gmail.com>
---
 pyproject.toml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pyproject.toml b/pyproject.toml
index 5f924808a9..86cbb8315c 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -33,7 +33,7 @@ classifiers = [
 ]
 dependencies = [
   # Core generation dependencies, pinned for reproducible builds.
-  "accelerate==0.28.0",
+  "accelerate==0.29.2",
   "clip_anytorch==2.5.2",       # replacing "clip @ https://github.com/openai/CLIP/archive/eaa22acb90a5876642d0507623e859909230a52d.zip",
   "compel==2.0.2",
   "controlnet-aux==0.0.7",
@@ -47,16 +47,16 @@ dependencies = [
   "pytorch-lightning==2.1.3",
   "safetensors==0.4.2",
   "timm==0.6.13",               # needed to override timm latest in controlnet_aux, see  https://github.com/isl-org/ZoeDepth/issues/26
-  "torch==2.2.1",
+  "torch==2.2.2",
   "torchmetrics==0.11.4",
   "torchsde==0.2.6",
-  "torchvision==0.17.1",
-  "transformers==4.39.1",
+  "torchvision==0.17.2",
+  "transformers==4.39.3",
 
   # Core application dependencies, pinned for reproducible builds.
   "fastapi-events==0.11.0",
   "fastapi==0.110.0",
-  "huggingface-hub==0.21.4",
+  "huggingface-hub==0.22.2",
   "pydantic-settings==2.2.1",
   "pydantic==2.6.3",
   "python-socketio==5.11.1",
@@ -96,7 +96,7 @@ dependencies = [
 [project.optional-dependencies]
 "xformers" = [
   # Core generation dependencies, pinned for reproducible builds.
-  "xformers==0.0.25; sys_platform!='darwin'",
+  "xformers==0.0.25post1; sys_platform!='darwin'",
   # Auxiliary dependencies, pinned only if necessary.
   "triton; sys_platform=='linux'",
 ]