popovers updates

invokeai/frontend/web/public/locales/en.json

@@ -996,7 +996,7 @@
             "heading": "Use CPU Noise",
             "paragraph": "Uses the CPU to generate random noise."
         },
-        "paramsCFGScale": {
+        "paramCFGScale": {
             "heading": "CFG Scale",
             "paragraph": "Controls how much your prompt influences the generation process."
         },
@@ -1012,10 +1012,18 @@
             "heading": "Model",
             "paragraph": "Model used for the denoising steps. Different models are trained to specialize in producing different aesthetic results and content."
         },
+        "paramNegativeConditioning": {
+            "heading": "Negative Prompts",
+            "paragraph": "This is where you enter your negative prompts."
+        },
         "paramPositiveConditioning": {
             "heading": "Positive Prompts",
             "paragraph": "This is where you enter your positive prompts."
         },
+        "paramRatio": {
+            "heading": "Ratio",
+            "paragraph": "The ratio of the dimensions of the image generated. An image size (in number of pixels) equivalent to 512x512 is recommended for SD1.5 models and a size equivalent to 1024x1024 is recommended for SDXL models."
+        },
         "paramScheduler": {
             "heading": "Scheduler",
             "paragraph": "Scheduler defines how to iteratively add noise to an image or how to update a sample based on a model's output."
@@ -1024,10 +1032,6 @@
             "heading": "Seed",
             "paragraph": "Controls the starting noise used for generation. Disable “Random Seed” to produce identical results with the same generation settings."
         },
-        "paramNegativeConditioning": {
-            "heading": "Negative Prompts",
-            "paragraph": "This is where you enter your negative prompts."
-        },
         "paramSteps": {
             "heading": "Steps",
             "paragraph": "Number of steps that will be performed in each generation. Higher step counts will typically create better images but will require more generation time."

invokeai/frontend/web/src/features/parameters/components/Parameters/Canvas/BoundingBox/ParamBoundingBoxSize.tsx

@@ -18,6 +18,7 @@ import ParamAspectRatio, {
 } from '../../Core/ParamAspectRatio';
 import ParamBoundingBoxHeight from './ParamBoundingBoxHeight';
 import ParamBoundingBoxWidth from './ParamBoundingBoxWidth';
+import IAIInformationalPopover from 'common/components/IAIInformationalPopover';
 
 const sizeOptsSelector = createSelector(
   [generationSelector, canvasSelector],
@@ -93,6 +94,7 @@ export default function ParamBoundingBoxSize() {
       }}
     >
       <Flex alignItems="center" gap={2}>
+        <IAIInformationalPopover details="paramRatio">
           <Text
             sx={{
               fontSize: 'sm',
@@ -105,6 +107,7 @@ export default function ParamBoundingBoxSize() {
           >
             {t('parameters.aspectRatio')}
           </Text>
+        </IAIInformationalPopover>
         <Spacer />
         <ParamAspectRatio />
         <IAIIconButton

invokeai/frontend/web/src/features/parameters/components/Parameters/Core/ParamIterations.tsx

@@ -5,7 +5,6 @@ import { defaultSelectorOptions } from 'app/store/util/defaultMemoizeOptions';
 import IAIInformationalPopover from 'common/components/IAIInformationalPopover';
 import IAINumberInput from 'common/components/IAINumberInput';
 import IAISlider from 'common/components/IAISlider';
-import { ParamImagesPopover } from 'features/informationalPopovers/components/paramImages';
 import { setIterations } from 'features/parameters/store/generationSlice';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

invokeai/frontend/web/src/features/parameters/components/Parameters/Core/ParamPositiveConditioning.tsx

@@ -1,11 +1,4 @@
-import {
+import { Box, FormControl, useDisclosure } from '@chakra-ui/react';
-  Box,
-  FormControl,
-  Text,
-  Tooltip,
-  useDisclosure,
-  Heading,
-} from '@chakra-ui/react';
 import { stateSelector } from 'app/store/store';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import { ChangeEvent, KeyboardEvent, memo, useCallback, useRef } from 'react';
@@ -28,7 +21,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import { useFeatureStatus } from '../../../../system/hooks/useFeatureStatus';
 import IAIInformationalPopover from '../../../../../common/components/IAIInformationalPopover';
-import InvokeAILogoImage from 'assets/images/logo.png';
 
 const promptInputSelector = createSelector(
   [stateSelector, activeTabNameSelector],

invokeai/frontend/web/src/features/parameters/components/Parameters/Core/ParamSize.tsx

@@ -16,6 +16,7 @@ import { activeTabNameSelector } from '../../../../ui/store/uiSelectors';
 import ParamAspectRatio, { mappedAspectRatios } from './ParamAspectRatio';
 import ParamHeight from './ParamHeight';
 import ParamWidth from './ParamWidth';
+import IAIInformationalPopover from 'common/components/IAIInformationalPopover';
 
 const sizeOptsSelector = createSelector(
   [generationSelector, activeTabNameSelector],
@@ -81,6 +82,7 @@ export default function ParamSize() {
       }}
     >
       <Flex alignItems="center" gap={2}>
+        <IAIInformationalPopover details="paramRatio">
           <Text
             sx={{
               fontSize: 'sm',
@@ -93,6 +95,7 @@ export default function ParamSize() {
           >
             {t('parameters.aspectRatio')}
           </Text>
+        </IAIInformationalPopover>
         <Spacer />
         <ParamAspectRatio />
         <IAIIconButton