diff --git a/react/src/components/ImageEnvironmentSelectFormItems.tsx b/react/src/components/ImageEnvironmentSelectFormItems.tsx
index 91e5b320a8..65d75ad904 100644
--- a/react/src/components/ImageEnvironmentSelectFormItems.tsx
+++ b/react/src/components/ImageEnvironmentSelectFormItems.tsx
@@ -10,6 +10,7 @@ import Flex from './Flex';
// @ts-ignore
import cssRaw from './ImageEnvironmentSelectFormItems.css?raw';
import ImageMetaIcon from './ImageMetaIcon';
+import { ImageTags } from './ImageTags';
import TextHighlighter from './TextHighlighter';
import {
ImageEnvironmentSelectFormItemsQuery,
@@ -98,7 +99,8 @@ const ImageEnvironmentSelectFormItems: React.FC<
const [environmentSearch, setEnvironmentSearch] = useState('');
const [versionSearch, setVersionSearch] = useState('');
const { t } = useTranslation();
- const [metadata, { getImageMeta, tagAlias }] = useBackendAIImageMetaData();
+ const [metadata, { getBaseVersion, getImageMeta, tagAlias }] =
+ useBackendAIImageMetaData();
const { token } = theme.useToken();
const { isDarkMode } = useThemeMode();
@@ -584,25 +586,11 @@ const ImageEnvironmentSelectFormItems: React.FC<
paddingLeft: token.paddingSM,
}}
>
- {supportExtendedImageInfo ? (
- <>
- {t('session.launcher.Version')}
-
- {t('session.launcher.Architecture')}
-
- {t('session.launcher.Tags')}
- >
- ) : (
- <>
- {t('session.launcher.Version')}
-
- {t('session.launcher.Base')}
-
- {t('session.launcher.Architecture')}
-
- {t('session.launcher.Requirements')}
- >
- )}
+ {t('session.launcher.Version')}
+
+ {t('session.launcher.Architecture')}
+
+ {t('session.launcher.Tags')}
{menu}
@@ -796,16 +784,22 @@ const ImageEnvironmentSelectFormItems: React.FC<
- {version}
-
-
-
- {metadataTagAlias}
+ {getBaseVersion(getImageFullName(image) || '')}
{image?.architecture}
+
+
+ }
+ />
{
const currentUserRole = useCurrentUserRole();
const [currentGlobalResourceGroup, setCurrentGlobalResourceGroup] =
useCurrentResourceGroupState();
- const [, { tagAlias }] = useBackendAIImageMetaData();
+ const [, { getBaseVersion, getBaseImage, tagAlias }] =
+ useBackendAIImageMetaData();
const supportExtendedImageInfo =
baiClient?.supports('extended-image-info') ?? false;
@@ -1376,7 +1378,15 @@ const SessionLauncherPage = () => {
},
)?.value
: tag.value;
- return (
+ const aliasedTag = tagAlias(
+ tag.key + tagValue,
+ );
+ return _.isEqual(
+ aliasedTag,
+ preserveDotStartCase(
+ tag.key + tagValue,
+ ),
+ ) ? (
{
},
]}
/>
+ ) : (
+
+ {aliasedTag}
+
);
},
)}
@@ -1447,36 +1466,41 @@ const SessionLauncherPage = () => {
) : (
<>
-
+ {tagAlias(
+ getBaseImage(
+ form.getFieldValue('environments')
+ ?.version,
+ ),
+ )}
+
+
+
+ {getBaseVersion(
+ form.getFieldValue('environments')
+ ?.version,
+ )}
+
+
+
+ {
form.getFieldValue('environments')
- ?.version
+ ?.image?.architecture
+ }
+
+
+
}
- />
- {form.getFieldValue('environments')
- ?.customizedTag ? (
-
- ) : null}
-
>
)}