add: draft Phi-4 SLM from Microsoft with thumbnail and tryout inside …

…model-card
lablup · Jan 9, 2025 · 6191df7 · 6191df7
1 parent 51446a0
commit 6191df7
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/react/src/components/ModelTryContent.tsx b/react/src/components/ModelTryContent.tsx
@@ -220,7 +220,7 @@ const ModelTryContent: React.FC<ModelTryContentProps> = ({
         image: {
           registry: 'cr.backend.ai',
           name: (() => {
-            if (modelName?.includes('stable-diffusion')) {
+            if (['stable-diffusion', 'phi-4'].includes(modelName as string)) {
               return 'testing/ngc-pytorch';
             }
             switch (runtimeVariant) {
@@ -233,7 +233,7 @@ const ModelTryContent: React.FC<ModelTryContentProps> = ({
             }
           })(),
           tag: (() => {
-            if (modelName?.includes('stable-diffusion')) {
+            if (['stable-diffusion', 'phi-4'].includes(modelName as string)) {
               return '24.07-pytorch2.4-py310-cuda12.5';
             }
             switch (runtimeVariant) {
@@ -264,7 +264,9 @@ const ModelTryContent: React.FC<ModelTryContentProps> = ({
         version: '',
       },
       // FIXME: temporally hard-coded runtime variant
-      runtimeVariant: modelName?.includes('stable-diffusion')
+      runtimeVariant: ['stable-diffusion', 'phi-4'].includes(
+        modelName as string,
+      )
         ? 'custom'
         : runtimeVariant,
       cluster_size: 1,
@@ -536,7 +538,8 @@ const ModelTryContent: React.FC<ModelTryContentProps> = ({
         type="primary"
         disabled={
           modelName?.includes('stable-diffusion') ||
-          modelName?.includes('Talkativot UI')
+          modelName?.includes('Talkativot UI') ||
+          modelName?.includes('phi-4')
         }
         onClick={() => {
           cloneOrCreateModelService('vllm');
@@ -553,7 +556,8 @@ const ModelTryContent: React.FC<ModelTryContentProps> = ({
           modelName?.includes('stable-diffusion') ||
           modelName?.includes('gemma-2-27b-it') ||
           modelName?.includes('Llama-3.2-11B-Vision-Instruct') ||
-          modelName?.includes('Talkativot UI')
+          modelName?.includes('Talkativot UI') ||
+          modelName?.includes('phi-4')
         }
         type="primary"
         onClick={() => {

diff --git a/react/src/pages/ModelStoreListPage.tsx b/react/src/pages/ModelStoreListPage.tsx
@@ -243,6 +243,7 @@ const ModelStoreListPage: React.FC = () => {
           })
           .sort((a, b) => {
             const specialNames = [
+              'phi-4',
               'gemma-2-27b-it',
               'Llama-3.2-11B-Vision-Instruct',
               'stable-diffusion-3-medium',

diff --git a/...player/Llama-3.2-11B-Vision-instruct.jpeg → ...layer/Llama-3.2-11B-Vision-Instruct1.jpeg b/...player/Llama-3.2-11B-Vision-instruct.jpeg → ...layer/Llama-3.2-11B-Vision-Instruct1.jpeg
diff --git a/...es/images/model-player/talkativot-UI.jpeg → ...s/images/model-player/Talkativot-UI1.jpeg b/...es/images/model-player/talkativot-UI.jpeg → ...s/images/model-player/Talkativot-UI1.jpeg
diff --git a/resources/images/model-player/phi-41.jpeg b/resources/images/model-player/phi-41.jpeg