feat(ui): rename tab identifiers

- "txt2img" -> "generation"
- "unifiedCanvas" -> "canvas"
- "modelManager" -> "models"
- "nodes" -> "workflows"
- Add UI slice migration setting the active tab to "generation"

invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx

@@ -45,7 +45,7 @@ const SingleSelectionMenuItems = (props: SingleSelectionMenuItemsProps) => {
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
   const toaster = useAppToaster();
-  const isCanvasEnabled = useFeatureStatus('unifiedCanvas');
+  const isCanvasEnabled = useFeatureStatus('canvas');
   const customStarUi = useStore($customStarUI);
   const { downloadImage } = useDownloadImage();
 
@@ -78,7 +78,7 @@ const SingleSelectionMenuItems = (props: SingleSelectionMenuItemsProps) => {
   const handleSendToCanvas = useCallback(() => {
     dispatch(sentImageToCanvas());
     flushSync(() => {
-      dispatch(setActiveTab('unifiedCanvas'));
+      dispatch(setActiveTab('canvas'));
     });
     dispatch(setInitialCanvasImage(imageDTO, optimalDimension));
 

invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx

@@ -52,12 +52,12 @@ const ImageMetadataActions = (props: Props) => {
       <MetadataItem metadata={metadata} handlers={handlers.refinerStart} />
       <MetadataItem metadata={metadata} handlers={handlers.refinerSteps} />
       <MetadataLoRAs metadata={metadata} />
-      {activeTabName !== 'txt2img' && <MetadataControlNets metadata={metadata} />}
-      {activeTabName !== 'txt2img' && <MetadataT2IAdapters metadata={metadata} />}
-      {activeTabName !== 'txt2img' && <MetadataIPAdapters metadata={metadata} />}
-      {activeTabName === 'txt2img' && <MetadataControlNetsV2 metadata={metadata} />}
-      {activeTabName === 'txt2img' && <MetadataT2IAdaptersV2 metadata={metadata} />}
-      {activeTabName === 'txt2img' && <MetadataIPAdaptersV2 metadata={metadata} />}
+      {activeTabName !== 'generation' && <MetadataControlNets metadata={metadata} />}
+      {activeTabName !== 'generation' && <MetadataT2IAdapters metadata={metadata} />}
+      {activeTabName !== 'generation' && <MetadataIPAdapters metadata={metadata} />}
+      {activeTabName === 'generation' && <MetadataControlNetsV2 metadata={metadata} />}
+      {activeTabName === 'generation' && <MetadataT2IAdaptersV2 metadata={metadata} />}
+      {activeTabName === 'generation' && <MetadataIPAdaptersV2 metadata={metadata} />}
     </>
   );
 };

invokeai/frontend/web/src/features/gallery/components/ImageViewer.tsx

@@ -11,11 +11,11 @@ import { useTranslation } from 'react-i18next';
 import { PiArrowLeftBold } from 'react-icons/pi';
 
 const TAB_NAME_TO_TKEY: Record<InvokeTabName, string> = {
-  txt2img: 'common.txt2img',
-  unifiedCanvas: 'common.unifiedCanvas',
-  nodes: 'common.nodes',
-  modelManager: 'modelManager.modelManager',
-  queue: 'queue.queue',
+  generation: 'ui.tabs.generation',
+  canvas: 'ui.tabs.canvas',
+  workflows: 'ui.tabs.workflows',
+  models: 'ui.tabs.models',
+  queue: 'ui.tabs.queue',
 };
 
 export const ImageViewer = memo(() => {

invokeai/frontend/web/src/features/gallery/hooks/useGalleryHotkeys.ts

@@ -14,7 +14,7 @@ export const useGalleryHotkeys = () => {
   const isStaging = useAppSelector(isStagingSelector);
   // block navigation on Unified Canvas tab when staging new images
   const canNavigateGallery = useMemo(() => {
-    return activeTabName !== 'unifiedCanvas' || !isStaging;
+    return activeTabName !== 'canvas' || !isStaging;
   }, [activeTabName, isStaging]);
 
   const {

invokeai/frontend/web/src/features/gallery/hooks/useImageActions.ts

@@ -43,12 +43,12 @@ export const useImageActions = (image_name?: string) => {
   }, [metadata]);
 
   const recallAll = useCallback(() => {
-    parseAndRecallAllMetadata(metadata, activeTabName === 'txt2img');
+    parseAndRecallAllMetadata(metadata, activeTabName === 'generation');
   }, [activeTabName, metadata]);
 
   const remix = useCallback(() => {
     // Recalls all metadata parameters except seed
-    parseAndRecallAllMetadata(metadata, activeTabName === 'txt2img', ['seed']);
+    parseAndRecallAllMetadata(metadata, activeTabName === 'generation', ['seed']);
   }, [activeTabName, metadata]);
 
   const recallSeed = useCallback(() => {