rendering global controls in all tabs fixed

Author: Attila Cseh

invokeai/frontend/web/src/features/controlLayers/store/paramsSlice.ts

@@ -651,6 +651,11 @@ export const paramsSliceReducer = (state: ParamsState, action: UnknownAction): P
         ...state,
         upscaling: instanceParamsFragment.reducer(state.upscaling, action),
       };
+    case 'video':
+      return {
+        ...state,
+        upscaling: instanceParamsFragment.reducer(state.video, action),
+      };
   }
 };
 
@@ -687,6 +692,7 @@ export const paramsSliceConfig: SliceConfig<typeof paramsSlice> = {
           generate: { ...state },
           canvases: { [canvasParams.canvasId]: canvasParams },
           upscaling: { ...state },
+          video: { ...state },
         };
       }
 
@@ -695,13 +701,11 @@ export const paramsSliceConfig: SliceConfig<typeof paramsSlice> = {
   },
 };
 
+const initialInstanceParamsState = getInitialInstanceParamsState();
+
 export const selectActiveParams = (state: RootState) => {
   const tab = selectActiveTab(state);
   const canvasId = selectActiveCanvasId(state);
-  assert(
-    tab === 'generate' || tab === 'canvas' || tab === 'upscaling',
-    `Unsupported tab ${tab} for params slice selector`
-  );
 
   switch (tab) {
     case 'generate':
@@ -713,7 +717,12 @@ export const selectActiveParams = (state: RootState) => {
     }
     case 'upscaling':
       return state.params.upscaling;
+    case 'video':
+      return state.params.video;
   }
+
+  // Fallback for global controls
+  return initialInstanceParamsState;
 };
 
 const buildActiveParamsSelector =

invokeai/frontend/web/src/features/controlLayers/store/types.ts

@@ -687,8 +687,9 @@ const zPositivePromptHistory = z
 
 type EnrichedPayload<T, P> = P extends undefined ? T : T & { value: P };
 
-export const isParamsTab = (tab: TabName) => tab === 'generate' || tab === 'canvas' || tab === 'upscaling';
-type ParamsTabName = 'generate' | 'canvas' | 'upscaling';
+export const isParamsTab = (tab: TabName) =>
+  tab === 'generate' || tab === 'canvas' || tab === 'upscaling' || tab === 'video';
+type ParamsTabName = 'generate' | 'canvas' | 'upscaling' | 'video';
 export type ParamsEnrichedPayload<P = undefined> = EnrichedPayload<{ tab: ParamsTabName; canvasId: string }, P>;
 export type ParamsPayloadAction<P = undefined> = PayloadAction<ParamsEnrichedPayload<P>>;
 
@@ -751,6 +752,7 @@ export const zParamsState = z.object({
   generate: zInstanceParams,
   canvases: z.record(z.string(), zCanvasInstanceParams),
   upscaling: zInstanceParams,
+  video: zInstanceParams,
 });
 export type ParamsState = z.infer<typeof zParamsState>;
 
@@ -816,6 +818,7 @@ export const getInitialParamsState = (): ParamsState => ({
   generate: getInitialInstanceParamsState(),
   canvases: {},
   upscaling: getInitialInstanceParamsState(),
+  video: getInitialInstanceParamsState(),
 });
 
 const zInpaintMasks = z.object({