display lastModelName at the top (WorkHeader)

frontend/src/components/WorkHeader.tsx

@@ -6,6 +6,7 @@ import { ConfigSelector } from './ConfigSelector';
 import { RunButton } from './RunButton';
 import { PresenceBadgeStatus } from '@fluentui/react-badge';
 import { useTranslation } from 'react-i18next';
+import { useMediaQuery } from 'usehooks-ts';
 
 const statusText = {
   [ModelStatus.Offline]: 'Offline',
@@ -23,6 +24,7 @@ const badgeStatus: { [modelStatus: number]: PresenceBadgeStatus } = {
 
 export const WorkHeader: FC = observer(() => {
   const { t } = useTranslation();
+  const mq = useMediaQuery('(min-width: 640px)');
   const port = commonStore.getCurrentModelConfig().apiParameters.apiPort;
 
   return commonStore.platform === 'web' ?
@@ -33,6 +35,10 @@ export const WorkHeader: FC = observer(() => {
           <PresenceBadge status={badgeStatus[commonStore.status.status]} />
           <Text size={100}>{t('Model Status') + ': ' + t(statusText[commonStore.status.status])}</Text>
         </div>
+        {commonStore.lastModelName && mq &&
+          <Text size={100}>
+            {commonStore.lastModelName}
+          </Text>}
         <div className="flex items-center gap-2">
           <ConfigSelector size="small" />
           <RunButton iconMode />