feat(ui): update translations for reference image

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

@@ -1728,20 +1728,22 @@
         "showHUD": "Show HUD",
         "rectangle": "Rectangle",
         "maskFill": "Mask Fill",
-        "addPositivePrompt": "Add $t(common.positivePrompt)",
-        "addNegativePrompt": "Add $t(common.negativePrompt)",
-        "addIPAdapter": "Add $t(common.ipAdapter)",
+        "addPositivePrompt": "Add $t(controlLayers.prompt)",
+        "addNegativePrompt": "Add $t(controlLayers.negativePrompt)",
+        "addReferenceImage": "Add $t(controlLayers.referenceImage)",
         "addRasterLayer": "Add $t(controlLayers.rasterLayer)",
         "addControlLayer": "Add $t(controlLayers.controlLayer)",
         "addInpaintMask": "Add $t(controlLayers.inpaintMask)",
         "addRegionalGuidance": "Add $t(controlLayers.regionalGuidance)",
+        "addGlobalReferenceImage": "Add $t(controlLayers.globalReferenceImage)",
         "regionalGuidanceLayer": "$t(controlLayers.regionalGuidance) $t(unifiedCanvas.layer)",
         "raster": "Raster",
         "rasterLayer": "Raster Layer",
         "controlLayer": "Control Layer",
         "inpaintMask": "Inpaint Mask",
         "regionalGuidance": "Regional Guidance",
-        "ipAdapter": "IP Adapter",
+        "referenceImage": "Reference Image",
+        "globalReferenceImage": "Global Reference Image",
         "sendingToCanvas": "Sending to Canvas",
         "sendingToGallery": "Sending to Gallery",
         "sendToGallery": "Send To Gallery",
@@ -1754,22 +1756,22 @@
         "controlLayer_withCount_one": "$t(controlLayers.controlLayer)",
         "inpaintMask_withCount_one": "$t(controlLayers.inpaintMask)",
         "regionalGuidance_withCount_one": "$t(controlLayers.regionalGuidance)",
-        "ipAdapter_withCount_one": "$t(controlLayers.ipAdapter)",
+        "globalReferenceImage_withCount_one": "$t(controlLayers.globalReferenceImage)",
         "rasterLayer_withCount_other": "Raster Layers",
         "controlLayer_withCount_other": "Control Layers",
         "inpaintMask_withCount_other": "Inpaint Masks",
         "regionalGuidance_withCount_other": "Regional Guidance",
-        "ipAdapter_withCount_other": "IP Adapters",
+        "globalReferenceImage_withCount_other": "Global Reference Images",
         "opacity": "Opacity",
         "regionalGuidance_withCount_hidden": "Regional Guidance ({{count}} hidden)",
         "controlLayers_withCount_hidden": "Control Layers ({{count}} hidden)",
         "rasterLayers_withCount_hidden": "Raster Layers ({{count}} hidden)",
-        "globalIPAdapters_withCount_hidden": "Global IP Adapters ({{count}} hidden)",
+        "globalReferenceImages_withCount_hidden": "Global Reference Images ({{count}} hidden)",
         "inpaintMasks_withCount_hidden": "Inpaint Masks ({{count}} hidden)",
         "regionalGuidance_withCount_visible": "Regional Guidance ({{count}})",
         "controlLayers_withCount_visible": "Control Layers ({{count}})",
         "rasterLayers_withCount_visible": "Raster Layers ({{count}})",
-        "globalIPAdapters_withCount_visible": "Global IP Adapters ({{count}})",
+        "globalReferenceImages_withCount_visible": "Global Reference Images ({{count}})",
         "inpaintMasks_withCount_visible": "Inpaint Masks ({{count}})",
         "globalControlAdapter": "Global $t(controlnet.controlAdapter_one)",
         "globalControlAdapterLayer": "Global $t(controlnet.controlAdapter_one) $t(unifiedCanvas.layer)",
@@ -1809,6 +1811,8 @@
         "pullBboxIntoLayer": "Pull Bbox into Layer",
         "pullBboxIntoIPAdapter": "Pull Bbox into IP Adapter",
         "showProgressOnCanvas": "Show Progress on Canvas",
+        "prompt": "Prompt",
+        "negativePrompt": "Negative Prompt",
         "fill": {
             "fillColor": "Fill Color",
             "fillStyle": "Fill Style",

invokeai/frontend/web/src/common/hooks/useIsReadyToEnqueue.ts

@@ -23,7 +23,7 @@ import { useMemo } from 'react';
 import { getConnectedEdges } from 'reactflow';
 
 const LAYER_TYPE_TO_TKEY = {
-  reference_image: 'controlLayers.ipAdapter',
+  reference_image: 'controlLayers.referenceImage',
   inpaint_mask: 'controlLayers.inpaintMask',
   regional_guidance: 'controlLayers.regionalGuidance',
   raster_layer: 'controlLayers.raster',

invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx

@@ -34,7 +34,7 @@ export const CanvasAddEntityButtons = memo(() => {
           {t('controlLayers.controlLayer')}
         </Button>
         <Button variant="ghost" justifyContent="flex-start" leftIcon={<PiPlusBold />} onClick={addIPAdapter}>
-          {t('controlLayers.ipAdapter')}
+          {t('controlLayers.globalReferenceImage')}
         </Button>
       </ButtonGroup>
     </Flex>

invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx

@@ -33,7 +33,7 @@ export const EntityListGlobalActionBarAddLayerMenu = memo(() => {
       <MenuList>
         <MenuGroup title={t('controlLayers.global')}>
           <MenuItem icon={<PiPlusBold />} onClick={addIPAdapter}>
-            {t('controlLayers.ipAdapter')}
+            {t('controlLayers.globalReferenceImage')}
           </MenuItem>
         </MenuGroup>
         <MenuGroup title={t('controlLayers.regional')}>

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceAddPromptsIPAdapterButtons.tsx

@@ -33,7 +33,7 @@ export const RegionalGuidanceAddPromptsIPAdapterButtons = () => {
         onClick={addRegionalGuidancePositivePrompt}
         isDisabled={!validActions.canAddPositivePrompt}
       >
-        {t('common.positivePrompt')}
+        {t('controlLayers.prompt')}
       </Button>
       <Button
         size="sm"
@@ -42,10 +42,10 @@ export const RegionalGuidanceAddPromptsIPAdapterButtons = () => {
         onClick={addRegionalGuidanceNegativePrompt}
         isDisabled={!validActions.canAddNegativePrompt}
       >
-        {t('common.negativePrompt')}
+        {t('controlLayers.negativePrompt')}
       </Button>
       <Button size="sm" variant="ghost" leftIcon={<PiPlusBold />} onClick={addRegionalGuidanceIPAdapter}>
-        {t('common.ipAdapter')}
+        {t('controlLayers.referenceImage')}
       </Button>
     </Flex>
   );

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapterSettings.tsx

@@ -29,10 +29,9 @@ import { assert } from 'tsafe';
 
 type Props = {
   referenceImageId: string;
-  ipAdapterNumber: number;
 };
 
-export const RegionalGuidanceIPAdapterSettings = memo(({ referenceImageId, ipAdapterNumber }: Props) => {
+export const RegionalGuidanceIPAdapterSettings = memo(({ referenceImageId }: Props) => {
   const entityIdentifier = useEntityIdentifierContext('regional_guidance');
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
@@ -110,7 +109,9 @@ export const RegionalGuidanceIPAdapterSettings = memo(({ referenceImageId, ipAda
   return (
     <Flex flexDir="column" gap={3}>
       <Flex alignItems="center" gap={3}>
-        <Text fontWeight="semibold" color="base.400">{`IP Adapter ${ipAdapterNumber}`}</Text>
+        <Text fontWeight="semibold" color="base.400">
+          {t('controlLayers.referenceImage')}
+        </Text>
         <Spacer />
         <IconButton
           size="sm"

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapters.tsx

@@ -33,7 +33,7 @@ export const RegionalGuidanceIPAdapters = memo(() => {
       {ipAdapterIds.map((ipAdapterId, index) => (
         <Fragment key={ipAdapterId}>
           {index > 0 && <Divider />}
-          <RegionalGuidanceIPAdapterSettings referenceImageId={ipAdapterId} ipAdapterNumber={index + 1} />
+          <RegionalGuidanceIPAdapterSettings referenceImageId={ipAdapterId} />
         </Fragment>
       ))}
     </>

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx

@@ -33,7 +33,7 @@ export const RegionalGuidanceMenuItemsAddPromptsAndIPAdapter = memo(() => {
         {t('controlLayers.addNegativePrompt')}
       </MenuItem>
       <MenuItem onClick={addRegionalGuidanceIPAdapter} isDisabled={isBusy}>
-        {t('controlLayers.addIPAdapter')}
+        {t('controlLayers.addReferenceImage')}
       </MenuItem>
     </>
   );

invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityAddOfTypeButton.tsx

@@ -56,7 +56,7 @@ export const CanvasEntityAddOfTypeButton = memo(({ type }: Props) => {
       case 'control_layer':
         return t('controlLayers.addControlLayer');
       case 'reference_image':
-        return t('controlLayers.addIPAdapter');
+        return t('controlLayers.addGlobalReferenceImage');
     }
   }, [type, t]);
 

invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTitle.ts

@@ -33,7 +33,7 @@ export const useEntityTitle = (entityIdentifier: CanvasEntityIdentifier) => {
       case 'raster_layer':
         return t('controlLayers.rasterLayer');
       case 'reference_image':
-        return t('controlLayers.ipAdapter');
+        return t('controlLayers.globalReferenceImage');
       case 'regional_guidance':
         return t('controlLayers.regionalGuidance');
       default:

invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTypeString.ts

@@ -16,7 +16,9 @@ export const useEntityTypeString = (type: CanvasEntityIdentifier['type'], plural
       case 'regional_guidance':
         return plural ? t('controlLayers.regionalGuidance_withCount_other') : t('controlLayers.regionalGuidance');
       case 'reference_image':
-        return plural ? t('controlLayers.ipAdapter_withCount_other') : t('controlLayers.ipAdapter');
+        return plural
+          ? t('controlLayers.globalReferenceImage_withCount_other')
+          : t('controlLayers.globalReferenceImage');
       default:
         return '';
     }

invokeai/frontend/web/src/features/controlLayers/hooks/useEntityTypeTitle.ts

@@ -22,7 +22,7 @@ export const useEntityTypeTitle = (type: CanvasEntityIdentifier['type']): string
       case 'regional_guidance':
         return t('controlLayers.regionalGuidance_withCount', { count, context });
       case 'reference_image':
-        return t('controlLayers.ipAdapters_withCount', { count, context });
+        return t('controlLayers.globalReferenceImages_withCount', { count, context });
       default:
         return '';
     }

invokeai/frontend/web/src/features/deleteImageModal/components/ImageUsageMessage.tsx

@@ -31,7 +31,7 @@ const ImageUsageMessage = (props: Props) => {
       <UnorderedList paddingInlineStart={6}>
         {imageUsage.isLayerImage && <ListItem>{t('controlLayers.layers')}</ListItem>}
         {imageUsage.isControlAdapterImage && <ListItem>{t('controlLayers.controlAdapters')}</ListItem>}
-        {imageUsage.isIPAdapterImage && <ListItem>{t('controlLayers.ipAdapters')}</ListItem>}
+        {imageUsage.isIPAdapterImage && <ListItem>{t('controlLayers.globalReferenceImages')}</ListItem>}
         {imageUsage.isNodesImage && <ListItem>{t('ui.tabs.workflowsTab')}</ListItem>}
       </UnorderedList>
       <Text>{bottomMessage}</Text>