[WebUI] Loopback Default False

frontend/dist/index.html

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>InvokeAI - A Stable Diffusion Toolkit</title>
   <link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
-  <script type="module" crossorigin src="./assets/index.d3820055.js"></script>
+  <script type="module" crossorigin src="./assets/index.044a626e.js"></script>
   <link rel="stylesheet" href="./assets/index.52c8231e.css">
 </head>
 

frontend/src/app/socketio/emitters.ts

@@ -15,8 +15,6 @@ import {
   addLogEntry,
   errorOccurred,
   modelChangeRequested,
-  setCurrentStatus,
-  setIsCancelable,
   setIsProcessing,
 } from '../../features/system/systemSlice';
 import { inpaintingImageElementRef } from '../../features/tabs/Inpainting/InpaintingCanvas';

frontend/src/features/gallery/CurrentImageButtons.tsx

@@ -26,7 +26,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { useToast } from '@chakra-ui/react';
 import { FaCopy, FaPaintBrush, FaSeedling } from 'react-icons/fa';
 import { setImageToInpaint } from '../tabs/Inpainting/inpaintingSlice';
-import { hoverableImageSelector } from './gallerySliceSelectors';
 import { GalleryState } from './gallerySlice';
 import { activeTabNameSelector } from '../options/optionsSelectors';
 

frontend/src/features/gallery/CurrentImagePreview.tsx

@@ -43,12 +43,8 @@ export default function CurrentImagePreview(props: CurrentImagePreviewProps) {
   const { imageToDisplay } = props;
   const dispatch = useAppDispatch();
 
-  const {
+  const { isOnFirstImage, isOnLastImage, shouldShowImageDetails } =
-    isOnFirstImage,
+    useAppSelector(imagesSelector);
-    isOnLastImage,
-    currentCategory,
-    shouldShowImageDetails,
-  } = useAppSelector(imagesSelector);
 
   const [shouldShowNextPrevButtons, setShouldShowNextPrevButtons] =
     useState<boolean>(false);

frontend/src/features/gallery/ImageGallery.tsx

@@ -1,10 +1,10 @@
 import { Button } from '@chakra-ui/button';
-import { NumberSize, Resizable, Size } from 're-resizable';
+import { NumberSize, Resizable } from 're-resizable';
 
 import { ChangeEvent, useEffect, useRef, useState } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { MdClear, MdPhotoLibrary } from 'react-icons/md';
+import { MdPhotoLibrary } from 'react-icons/md';
-import { BsPin, BsPinAngle, BsPinAngleFill } from 'react-icons/bs';
+import { BsPinAngle, BsPinAngleFill } from 'react-icons/bs';
 import { requestImages } from '../../app/socketio/actions';
 import { useAppDispatch, useAppSelector } from '../../app/store';
 import IAIIconButton from '../../common/components/IAIIconButton';

frontend/src/features/options/MainOptions/MainAdvancedOptionsCheckbox.tsx

@@ -1,4 +1,3 @@
-import { Checkbox } from '@chakra-ui/react';
 import React, { ChangeEvent } from 'react';
 import { RootState, useAppDispatch, useAppSelector } from '../../../app/store';
 import IAICheckbox from '../../../common/components/IAICheckbox';

frontend/src/features/options/optionsSlice.ts

@@ -84,7 +84,7 @@ const initialOptionsState: OptionsState = {
   shouldPinOptionsPanel: true,
   optionsPanelScrollPosition: 0,
   shouldHoldOptionsPanelOpen: false,
-  shouldLoopback: true,
+  shouldLoopback: false,
 };
 
 const initialState: OptionsState = initialOptionsState;

frontend/src/features/system/Console.tsx

@@ -2,7 +2,7 @@ import { IconButton, Tooltip } from '@chakra-ui/react';
 import { useAppDispatch, useAppSelector } from '../../app/store';
 import { RootState } from '../../app/store';
 import { errorSeen, setShouldShowLogViewer, SystemState } from './systemSlice';
-import { UIEvent, useLayoutEffect, useRef, useState } from 'react';
+import { useLayoutEffect, useRef, useState } from 'react';
 import { FaAngleDoubleDown, FaCode, FaMinus } from 'react-icons/fa';
 import { createSelector } from '@reduxjs/toolkit';
 import { isEqual } from 'lodash';

frontend/src/features/tabs/Inpainting/components/Cacher.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect, useState } from 'react';
+import { useEffect, useLayoutEffect } from 'react';
 import { RootState, useAppSelector } from '../../../../app/store';
 import { maskLayerRef } from '../InpaintingCanvas';
 

frontend/src/features/tabs/Inpainting/inpaintingSlice.ts

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import type { PayloadAction } from '@reduxjs/toolkit';
-import { IRect, Vector2d } from 'konva/lib/types';
+import { Vector2d } from 'konva/lib/types';
 import { RgbaColor } from 'react-colorful';
 import * as InvokeAI from '../../../app/invokeai';
 import _ from 'lodash';