Reorganises internal state

`options` slice was huge and managed a mix of generation parameters and general app settings. It has been split up:

- Generation parameters are now in `generationSlice`.
- Postprocessing parameters are now in `postprocessingSlice`
- UI related things are now in `uiSlice`

There is probably more to be done, like `gallerySlice` perhaps should only manage internal gallery state, and not if the gallery is displayed.

Full-slice selectors have been made for each slice.

Other organisational tweaks.

invokeai/frontend/src/features/parameters/store/postprocessingSlice.ts

@@ -0,0 +1,94 @@
+import { createSlice } from '@reduxjs/toolkit';
+import type { PayloadAction } from '@reduxjs/toolkit';
+import { FACETOOL_TYPES } from 'app/constants';
+
+export type UpscalingLevel = 2 | 4;
+
+export type FacetoolType = typeof FACETOOL_TYPES[number];
+
+export interface PostprocessingState {
+  codeformerFidelity: number;
+  facetoolStrength: number;
+  facetoolType: FacetoolType;
+  hiresFix: boolean;
+  hiresStrength: number;
+  shouldLoopback: boolean;
+  shouldRunESRGAN: boolean;
+  shouldRunFacetool: boolean;
+  upscalingLevel: UpscalingLevel;
+  upscalingStrength: number;
+}
+
+const initialPostprocessingState: PostprocessingState = {
+  codeformerFidelity: 0.75,
+  facetoolStrength: 0.8,
+  facetoolType: 'gfpgan',
+  hiresFix: false,
+  hiresStrength: 0.75,
+  shouldLoopback: false,
+  shouldRunESRGAN: false,
+  shouldRunFacetool: false,
+  upscalingLevel: 4,
+  upscalingStrength: 0.75,
+};
+
+const initialState: PostprocessingState = initialPostprocessingState;
+
+export const postprocessingSlice = createSlice({
+  name: 'postprocessing',
+  initialState,
+  reducers: {
+    setFacetoolStrength: (state, action: PayloadAction<number>) => {
+      state.facetoolStrength = action.payload;
+    },
+    setCodeformerFidelity: (state, action: PayloadAction<number>) => {
+      state.codeformerFidelity = action.payload;
+    },
+    setUpscalingLevel: (state, action: PayloadAction<UpscalingLevel>) => {
+      state.upscalingLevel = action.payload;
+    },
+    setUpscalingStrength: (state, action: PayloadAction<number>) => {
+      state.upscalingStrength = action.payload;
+    },
+    setHiresFix: (state, action: PayloadAction<boolean>) => {
+      state.hiresFix = action.payload;
+    },
+    setHiresStrength: (state, action: PayloadAction<number>) => {
+      state.hiresStrength = action.payload;
+    },
+    resetPostprocessingState: (state) => {
+      return {
+        ...state,
+        ...initialPostprocessingState,
+      };
+    },
+    setShouldRunFacetool: (state, action: PayloadAction<boolean>) => {
+      state.shouldRunFacetool = action.payload;
+    },
+    setFacetoolType: (state, action: PayloadAction<FacetoolType>) => {
+      state.facetoolType = action.payload;
+    },
+    setShouldRunESRGAN: (state, action: PayloadAction<boolean>) => {
+      state.shouldRunESRGAN = action.payload;
+    },
+    setShouldLoopback: (state, action: PayloadAction<boolean>) => {
+      state.shouldLoopback = action.payload;
+    },
+  },
+});
+
+export const {
+  resetPostprocessingState,
+  setCodeformerFidelity,
+  setFacetoolStrength,
+  setFacetoolType,
+  setHiresFix,
+  setHiresStrength,
+  setShouldLoopback,
+  setShouldRunESRGAN,
+  setShouldRunFacetool,
+  setUpscalingLevel,
+  setUpscalingStrength,
+} = postprocessingSlice.actions;
+
+export default postprocessingSlice.reducer;