diff --git a/invokeai/frontend/web/src/app/types/invokeai.ts b/invokeai/frontend/web/src/app/types/invokeai.ts index 72cf076f0f..000b99a1c5 100644 --- a/invokeai/frontend/web/src/app/types/invokeai.ts +++ b/invokeai/frontend/web/src/app/types/invokeai.ts @@ -14,6 +14,7 @@ export type AppFeature = | 'githubLink' | 'discordLink' | 'bugLink' + | 'aboutModal' | 'localization' | 'consoleLogging' | 'dynamicPrompting' @@ -29,7 +30,8 @@ export type AppFeature = | 'hfToken' | 'retryQueueItem' | 'cancelAndClearAll' - | 'chatGPT4oHigh'; + | 'chatGPT4oHigh' + | 'modelRelationships'; /** * A disable-able Stable Diffusion feature */ diff --git a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx index 5a4adbde86..5e13fbc9db 100644 --- a/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/ModelPicker.tsx @@ -29,6 +29,7 @@ import { BASE_COLOR_MAP } from 'features/modelManagerV2/subpanels/ModelManagerPa import ModelImage from 'features/modelManagerV2/subpanels/ModelManagerPanel/ModelImage'; import { NavigateToModelManagerButton } from 'features/parameters/components/MainModel/NavigateToModelManagerButton'; import { API_BASE_MODELS, MODEL_TYPE_MAP, MODEL_TYPE_SHORT_MAP } from 'features/parameters/types/constants'; +import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus'; import { selectIsModelsTabDisabled } from 'features/system/store/configSlice'; import { setActiveTab } from 'features/ui/store/uiSlice'; import { filesize } from 'filesize'; @@ -192,8 +193,13 @@ export const ModelPicker = typedMemo( }) => { const { t } = useTranslation(); const selectedKeys = useAppSelector(selectSelectedModelKeys); + const isModelRelationshipsEnabled = useFeatureStatus('modelRelationships'); - const { relatedModelKeys } = useGetRelatedModelIdsBatchQuery(selectedKeys, relatedModelKeysQueryOptions); + const { relatedModelKeys } = useGetRelatedModelIdsBatchQuery( + selectedKeys, + { ...relatedModelKeysQueryOptions, skip: !isModelRelationshipsEnabled }, + + ); const options = useMemo[] | Group>[]>(() => { if (!grouped) { diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx index 207dc8bb7d..a03f67e585 100644 --- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx +++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx @@ -36,6 +36,7 @@ const SettingsMenu = () => { const isBugLinkEnabled = useFeatureStatus('bugLink'); const isDiscordLinkEnabled = useFeatureStatus('discordLink'); const isGithubLinkEnabled = useFeatureStatus('githubLink'); + const isAboutModalEnabled = useFeatureStatus('aboutModal'); return ( @@ -84,11 +85,13 @@ const SettingsMenu = () => { - - }> - {t('accessibility.about')} - - + {isAboutModalEnabled && ( + + }> + {t('accessibility.about')} + + + )}