From 957d591d996d95dd9fca4397b6ee140d2aab537b Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 25 Oct 2024 15:47:28 +1000
Subject: [PATCH] feat(ui): "Auto-Mask" -> "Select Object"

---
 invokeai/frontend/web/public/locales/en.json  |  4 +-
 .../EntityListSelectedEntityActionBar.tsx     |  4 +-
 ...ctedEntityActionBarSelectObjectButton.tsx} |  8 +--
 .../components/CanvasMainPanelContent.tsx     |  4 +-
 .../ControlLayer/ControlLayerMenuItems.tsx    |  4 +-
 .../RasterLayer/RasterLayerMenuItems.tsx      |  4 +-
 .../SelectObject.tsx}                         | 54 ++++++++++---------
 .../SelectObjectInvert.tsx}                   |  6 +--
 .../SelectObjectPointType.tsx}                | 10 ++--
 ... => CanvasEntityMenuItemsSelectObject.tsx} |  6 +--
 10 files changed, 53 insertions(+), 51 deletions(-)
 rename invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/{EntityListSelectedEntityActionBarAutoMaskButton.tsx => EntityListSelectedEntityActionBarSelectObjectButton.tsx} (76%)
 rename invokeai/frontend/web/src/features/controlLayers/components/{SegmentAnything/SegmentAnything.tsx => SelectObject/SelectObject.tsx} (78%)
 rename invokeai/frontend/web/src/features/controlLayers/components/{SegmentAnything/SegmentAnythingInvert.tsx => SelectObject/SelectObjectInvert.tsx} (84%)
 rename invokeai/frontend/web/src/features/controlLayers/components/{SegmentAnything/SegmentAnythingPointType.tsx => SelectObject/SelectObjectPointType.tsx} (82%)
 rename invokeai/frontend/web/src/features/controlLayers/components/common/{CanvasEntityMenuItemsSegment.tsx => CanvasEntityMenuItemsSelectObject.tsx} (77%)

diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index 1d873d5707..1664ff38a4 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -1886,8 +1886,8 @@
             "apply": "Apply",
             "cancel": "Cancel"
         },
-        "segment": {
-            "autoMask": "Auto Mask",
+        "selectObject": {
+            "selectObject": "Select Object",
             "pointType": "Point Type",
             "invertSelection": "Invert Selection",
             "include": "Include",
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBar.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBar.tsx
index c8799a8628..2ec01041e2 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBar.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBar.tsx
@@ -1,10 +1,10 @@
 import { Flex, Spacer } from '@invoke-ai/ui-library';
 import { EntityListGlobalActionBarAddLayerMenu } from 'features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu';
-import { EntityListSelectedEntityActionBarAutoMaskButton } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarAutoMaskButton';
 import { EntityListSelectedEntityActionBarDuplicateButton } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarDuplicateButton';
 import { EntityListSelectedEntityActionBarFill } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFill';
 import { EntityListSelectedEntityActionBarFilterButton } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFilterButton';
 import { EntityListSelectedEntityActionBarOpacity } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarOpacity';
+import { EntityListSelectedEntityActionBarSelectObjectButton } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSelectObjectButton';
 import { EntityListSelectedEntityActionBarTransformButton } from 'features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarTransformButton';
 import { memo } from 'react';
 
@@ -17,7 +17,7 @@ export const EntityListSelectedEntityActionBar = memo(() => {
       <Spacer />
       <EntityListSelectedEntityActionBarFill />
       <Flex h="full">
-        <EntityListSelectedEntityActionBarAutoMaskButton />
+        <EntityListSelectedEntityActionBarSelectObjectButton />
         <EntityListSelectedEntityActionBarFilterButton />
         <EntityListSelectedEntityActionBarTransformButton />
         <EntityListSelectedEntityActionBarSaveToAssetsButton />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarAutoMaskButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSelectObjectButton.tsx
similarity index 76%
rename from invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarAutoMaskButton.tsx
rename to invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSelectObjectButton.tsx
index 38a0b3c995..900a56894d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarAutoMaskButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSelectObjectButton.tsx
@@ -7,7 +7,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PiMaskHappyBold } from 'react-icons/pi';
 
-export const EntityListSelectedEntityActionBarAutoMaskButton = memo(() => {
+export const EntityListSelectedEntityActionBarSelectObjectButton = memo(() => {
   const { t } = useTranslation();
   const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
   const segment = useEntitySegmentAnything(selectedEntityIdentifier);
@@ -27,11 +27,11 @@ export const EntityListSelectedEntityActionBarAutoMaskButton = memo(() => {
       size="sm"
       variant="link"
       alignSelf="stretch"
-      aria-label={t('controlLayers.segment.autoMask')}
-      tooltip={t('controlLayers.segment.autoMask')}
+      aria-label={t('controlLayers.selectObject.selectObject')}
+      tooltip={t('controlLayers.selectObject.selectObject')}
       icon={<PiMaskHappyBold />}
     />
   );
 });
 
-EntityListSelectedEntityActionBarAutoMaskButton.displayName = 'EntityListSelectedEntityActionBarAutoMaskButton';
+EntityListSelectedEntityActionBarSelectObjectButton.displayName = 'EntityListSelectedEntityActionBarSelectObjectButton';
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasMainPanelContent.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasMainPanelContent.tsx
index a7d6eb7ceb..1e8dccfd39 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasMainPanelContent.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasMainPanelContent.tsx
@@ -10,7 +10,7 @@ import { CanvasDropArea } from 'features/controlLayers/components/CanvasDropArea
 import { Filter } from 'features/controlLayers/components/Filters/Filter';
 import { CanvasHUD } from 'features/controlLayers/components/HUD/CanvasHUD';
 import { InvokeCanvasComponent } from 'features/controlLayers/components/InvokeCanvasComponent';
-import { SegmentAnything } from 'features/controlLayers/components/SegmentAnything/SegmentAnything';
+import { SelectObject } from 'features/controlLayers/components/SelectObject/SelectObject';
 import { StagingAreaIsStagingGate } from 'features/controlLayers/components/StagingArea/StagingAreaIsStagingGate';
 import { StagingAreaToolbar } from 'features/controlLayers/components/StagingArea/StagingAreaToolbar';
 import { CanvasToolbar } from 'features/controlLayers/components/Toolbar/CanvasToolbar';
@@ -102,7 +102,7 @@ export const CanvasMainPanelContent = memo(() => {
         <CanvasManagerProviderGate>
           <Filter />
           <Transform />
-          <SegmentAnything />
+          <SelectObject />
         </CanvasManagerProviderGate>
       </Flex>
       <CanvasDropArea />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItems.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItems.tsx
index 7c34bd59d6..ab77f238bc 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItems.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItems.tsx
@@ -6,7 +6,7 @@ import { CanvasEntityMenuItemsDelete } from 'features/controlLayers/components/c
 import { CanvasEntityMenuItemsDuplicate } from 'features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate';
 import { CanvasEntityMenuItemsFilter } from 'features/controlLayers/components/common/CanvasEntityMenuItemsFilter';
 import { CanvasEntityMenuItemsSave } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSave';
-import { CanvasEntityMenuItemsSegment } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSegment';
+import { CanvasEntityMenuItemsSelectObject } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSelectObject';
 import { CanvasEntityMenuItemsTransform } from 'features/controlLayers/components/common/CanvasEntityMenuItemsTransform';
 import { ControlLayerMenuItemsConvertToSubMenu } from 'features/controlLayers/components/ControlLayer/ControlLayerMenuItemsConvertToSubMenu';
 import { ControlLayerMenuItemsCopyToSubMenu } from 'features/controlLayers/components/ControlLayer/ControlLayerMenuItemsCopyToSubMenu';
@@ -24,7 +24,7 @@ export const ControlLayerMenuItems = memo(() => {
       <MenuDivider />
       <CanvasEntityMenuItemsTransform />
       <CanvasEntityMenuItemsFilter />
-      <CanvasEntityMenuItemsSegment />
+      <CanvasEntityMenuItemsSelectObject />
       <ControlLayerMenuItemsTransparencyEffect />
       <MenuDivider />
       <CanvasEntityMenuItemsCropToBbox />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItems.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItems.tsx
index 69b17f5f04..212720e064 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItems.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItems.tsx
@@ -6,7 +6,7 @@ import { CanvasEntityMenuItemsDelete } from 'features/controlLayers/components/c
 import { CanvasEntityMenuItemsDuplicate } from 'features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate';
 import { CanvasEntityMenuItemsFilter } from 'features/controlLayers/components/common/CanvasEntityMenuItemsFilter';
 import { CanvasEntityMenuItemsSave } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSave';
-import { CanvasEntityMenuItemsSegment } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSegment';
+import { CanvasEntityMenuItemsSelectObject } from 'features/controlLayers/components/common/CanvasEntityMenuItemsSelectObject';
 import { CanvasEntityMenuItemsTransform } from 'features/controlLayers/components/common/CanvasEntityMenuItemsTransform';
 import { RasterLayerMenuItemsConvertToSubMenu } from 'features/controlLayers/components/RasterLayer/RasterLayerMenuItemsConvertToSubMenu';
 import { RasterLayerMenuItemsCopyToSubMenu } from 'features/controlLayers/components/RasterLayer/RasterLayerMenuItemsCopyToSubMenu';
@@ -23,7 +23,7 @@ export const RasterLayerMenuItems = memo(() => {
       <MenuDivider />
       <CanvasEntityMenuItemsTransform />
       <CanvasEntityMenuItemsFilter />
-      <CanvasEntityMenuItemsSegment />
+      <CanvasEntityMenuItemsSelectObject />
       <MenuDivider />
       <CanvasEntityMenuItemsCropToBbox />
       <CanvasEntityMenuItemsSave />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnything.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObject.tsx
similarity index 78%
rename from invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnything.tsx
rename to invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObject.tsx
index 6a50bd769c..0edea450b9 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnything.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObject.tsx
@@ -19,8 +19,8 @@ import { useAppSelector } from 'app/store/storeHooks';
 import { useFocusRegion, useIsRegionFocused } from 'common/hooks/focus';
 import { CanvasAutoProcessSwitch } from 'features/controlLayers/components/CanvasAutoProcessSwitch';
 import { CanvasOperationIsolatedLayerPreviewSwitch } from 'features/controlLayers/components/CanvasOperationIsolatedLayerPreviewSwitch';
-import { SegmentAnythingInvert } from 'features/controlLayers/components/SegmentAnything/SegmentAnythingInvert';
-import { SegmentAnythingPointType } from 'features/controlLayers/components/SegmentAnything/SegmentAnythingPointType';
+import { SelectObjectInvert } from 'features/controlLayers/components/SelectObject/SelectObjectInvert';
+import { SelectObjectPointType } from 'features/controlLayers/components/SelectObject/SelectObjectPointType';
 import { useCanvasManager } from 'features/controlLayers/contexts/CanvasManagerProviderGate';
 import type { CanvasEntityAdapterControlLayer } from 'features/controlLayers/konva/CanvasEntity/CanvasEntityAdapterControlLayer';
 import type { CanvasEntityAdapterRasterLayer } from 'features/controlLayers/konva/CanvasEntity/CanvasEntityAdapterRasterLayer';
@@ -31,7 +31,7 @@ import { memo, useCallback, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { PiArrowsCounterClockwiseBold, PiFloppyDiskBold, PiInfoBold, PiStarBold, PiXBold } from 'react-icons/pi';
 
-const SegmentAnythingContent = memo(
+const SelectObjectContent = memo(
   ({ adapter }: { adapter: CanvasEntityAdapterRasterLayer | CanvasEntityAdapterControlLayer }) => {
     const { t } = useTranslation();
     const ref = useRef<HTMLDivElement>(null);
@@ -91,9 +91,9 @@ const SegmentAnythingContent = memo(
         <Flex w="full" gap={4} alignItems="center">
           <Flex gap={2}>
             <Heading size="md" color="base.300" userSelect="none">
-              {t('controlLayers.segment.autoMask')}
+              {t('controlLayers.selectObject.selectObject')}
             </Heading>
-            <Tooltip label={<SegmentAnythingHelpTooltipContent />}>
+            <Tooltip label={<SelectObjectHelpTooltipContent />}>
               <Flex alignItems="center">
                 <Icon as={PiInfoBold} color="base.500" />
               </Flex>
@@ -105,8 +105,8 @@ const SegmentAnythingContent = memo(
         </Flex>
 
         <Flex w="full" justifyContent="space-between" py={2}>
-          <SegmentAnythingPointType adapter={adapter} />
-          <SegmentAnythingInvert adapter={adapter} />
+          <SelectObjectPointType adapter={adapter} />
+          <SelectObjectInvert adapter={adapter} />
         </Flex>
 
         <ButtonGroup isAttached={false} size="sm" w="full">
@@ -114,32 +114,32 @@ const SegmentAnythingContent = memo(
             leftIcon={<PiStarBold />}
             onClick={adapter.segmentAnything.processImmediate}
             isLoading={isProcessing}
-            loadingText={t('controlLayers.segment.process')}
+            loadingText={t('controlLayers.selectObject.process')}
             variant="ghost"
             isDisabled={!hasPoints || autoProcess}
           >
-            {t('controlLayers.segment.process')}
+            {t('controlLayers.selectObject.process')}
           </Button>
           <Spacer />
           <Button
             leftIcon={<PiArrowsCounterClockwiseBold />}
             onClick={adapter.segmentAnything.reset}
             isLoading={isProcessing}
-            loadingText={t('controlLayers.segment.reset')}
+            loadingText={t('controlLayers.selectObject.reset')}
             variant="ghost"
           >
-            {t('controlLayers.segment.reset')}
+            {t('controlLayers.selectObject.reset')}
           </Button>
           <Menu>
             <MenuButton
               as={Button}
               leftIcon={<PiFloppyDiskBold />}
               isLoading={isProcessing}
-              loadingText={t('controlLayers.segment.saveAs')}
+              loadingText={t('controlLayers.selectObject.saveAs')}
               variant="ghost"
               isDisabled={!hasImageState}
             >
-              {t('controlLayers.segment.saveAs')}
+              {t('controlLayers.selectObject.saveAs')}
             </MenuButton>
             <MenuList>
               <MenuItem isDisabled={!hasImageState} onClick={saveAsInpaintMask}>
@@ -163,7 +163,7 @@ const SegmentAnythingContent = memo(
             loadingText={t('common.cancel')}
             variant="ghost"
           >
-            {t('controlLayers.segment.cancel')}
+            {t('controlLayers.selectObject.cancel')}
           </Button>
         </ButtonGroup>
       </Flex>
@@ -171,9 +171,9 @@ const SegmentAnythingContent = memo(
   }
 );
 
-SegmentAnythingContent.displayName = 'SegmentAnythingContent';
+SelectObjectContent.displayName = 'SegmentAnythingContent';
 
-export const SegmentAnything = () => {
+export const SelectObject = memo(() => {
   const canvasManager = useCanvasManager();
   const adapter = useStore(canvasManager.stateApi.$segmentingAdapter);
 
@@ -181,8 +181,10 @@ export const SegmentAnything = () => {
     return null;
   }
 
-  return <SegmentAnythingContent adapter={adapter} />;
-};
+  return <SelectObjectContent adapter={adapter} />;
+});
+
+SelectObject.displayName = 'SelectObject';
 
 const Bold = (props: PropsWithChildren) => (
   <Text as="span" fontWeight="semibold">
@@ -190,27 +192,27 @@ const Bold = (props: PropsWithChildren) => (
   </Text>
 );
 
-const SegmentAnythingHelpTooltipContent = memo(() => {
+const SelectObjectHelpTooltipContent = memo(() => {
   const { t } = useTranslation();
 
   return (
     <Flex gap={3} flexDir="column">
       <Text>
-        <Trans i18nKey="controlLayers.segment.help1" components={{ Bold: <Bold /> }} />
+        <Trans i18nKey="controlLayers.selectObject.help1" components={{ Bold: <Bold /> }} />
       </Text>
       <Text>
-        <Trans i18nKey="controlLayers.segment.help2" components={{ Bold: <Bold /> }} />
+        <Trans i18nKey="controlLayers.selectObject.help2" components={{ Bold: <Bold /> }} />
       </Text>
       <Text>
-        <Trans i18nKey="controlLayers.segment.help3" />
+        <Trans i18nKey="controlLayers.selectObject.help3" />
       </Text>
       <UnorderedList>
-        <ListItem>{t('controlLayers.segment.clickToAdd')}</ListItem>
-        <ListItem>{t('controlLayers.segment.dragToMove')}</ListItem>
-        <ListItem>{t('controlLayers.segment.clickToRemove')}</ListItem>
+        <ListItem>{t('controlLayers.selectObject.clickToAdd')}</ListItem>
+        <ListItem>{t('controlLayers.selectObject.dragToMove')}</ListItem>
+        <ListItem>{t('controlLayers.selectObject.clickToRemove')}</ListItem>
       </UnorderedList>
     </Flex>
   );
 });
 
-SegmentAnythingHelpTooltipContent.displayName = 'SegmentAnythingHelpTooltipContent';
+SelectObjectHelpTooltipContent.displayName = 'SelectObjectHelpTooltipContent';
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingInvert.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectInvert.tsx
similarity index 84%
rename from invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingInvert.tsx
rename to invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectInvert.tsx
index 9215a23c30..639f5d5696 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingInvert.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectInvert.tsx
@@ -5,7 +5,7 @@ import type { CanvasEntityAdapterRasterLayer } from 'features/controlLayers/konv
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-export const SegmentAnythingInvert = memo(
+export const SelectObjectInvert = memo(
   ({ adapter }: { adapter: CanvasEntityAdapterRasterLayer | CanvasEntityAdapterControlLayer }) => {
     const { t } = useTranslation();
     const invert = useStore(adapter.segmentAnything.$invert);
@@ -16,11 +16,11 @@ export const SegmentAnythingInvert = memo(
 
     return (
       <FormControl w="min-content">
-        <FormLabel m={0}>{t('controlLayers.segment.invertSelection')}</FormLabel>
+        <FormLabel m={0}>{t('controlLayers.selectObject.invertSelection')}</FormLabel>
         <Switch size="sm" isChecked={invert} onChange={onChange} />
       </FormControl>
     );
   }
 );
 
-SegmentAnythingInvert.displayName = 'SegmentAnythingInvert';
+SelectObjectInvert.displayName = 'SelectObjectInvert';
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingPointType.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectPointType.tsx
similarity index 82%
rename from invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingPointType.tsx
rename to invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectPointType.tsx
index b119da584c..9e51b10b13 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SegmentAnything/SegmentAnythingPointType.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SelectObject/SelectObjectPointType.tsx
@@ -6,7 +6,7 @@ import { SAM_POINT_LABEL_STRING_TO_NUMBER, zSAMPointLabelString } from 'features
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-export const SegmentAnythingPointType = memo(
+export const SelectObjectPointType = memo(
   ({ adapter }: { adapter: CanvasEntityAdapterRasterLayer | CanvasEntityAdapterControlLayer }) => {
     const { t } = useTranslation();
     const pointType = useStore(adapter.segmentAnything.$pointTypeString);
@@ -22,14 +22,14 @@ export const SegmentAnythingPointType = memo(
 
     return (
       <FormControl w="min-content">
-        <FormLabel m={0}>{t('controlLayers.segment.pointType')}</FormLabel>
+        <FormLabel m={0}>{t('controlLayers.selectObject.pointType')}</FormLabel>
         <RadioGroup value={pointType} onChange={onChange} w="full" size="md">
           <Flex alignItems="center" w="full" gap={4} fontWeight="semibold" color="base.300">
             <Radio value="foreground">
-              <Text>{t('controlLayers.segment.include')}</Text>
+              <Text>{t('controlLayers.selectObject.include')}</Text>
             </Radio>
             <Radio value="background">
-              <Text>{t('controlLayers.segment.exclude')}</Text>
+              <Text>{t('controlLayers.selectObject.exclude')}</Text>
             </Radio>
           </Flex>
         </RadioGroup>
@@ -38,4 +38,4 @@ export const SegmentAnythingPointType = memo(
   }
 );
 
-SegmentAnythingPointType.displayName = 'SegmentAnythingPointType';
+SelectObjectPointType.displayName = 'SelectObject';
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSegment.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSelectObject.tsx
similarity index 77%
rename from invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSegment.tsx
rename to invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSelectObject.tsx
index b7677bb880..d0235d3161 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSegment.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSelectObject.tsx
@@ -5,16 +5,16 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PiMaskHappyBold } from 'react-icons/pi';
 
-export const CanvasEntityMenuItemsSegment = memo(() => {
+export const CanvasEntityMenuItemsSelectObject = memo(() => {
   const { t } = useTranslation();
   const entityIdentifier = useEntityIdentifierContext();
   const segmentAnything = useEntitySegmentAnything(entityIdentifier);
 
   return (
     <MenuItem onClick={segmentAnything.start} icon={<PiMaskHappyBold />} isDisabled={segmentAnything.isDisabled}>
-      {t('controlLayers.segment.autoMask')}
+      {t('controlLayers.selectObject.selectObject')}
     </MenuItem>
   );
 });
 
-CanvasEntityMenuItemsSegment.displayName = 'CanvasEntityMenuItemsSegment';
+CanvasEntityMenuItemsSelectObject.displayName = 'CanvasEntityMenuItemsSelectObject';