Version 1.3.4, added support for gpt-4.1, gpt-4.1-mini, gpt-4.1-nano, o4-mini

Paul-Borisov · Paul-Borisov · commit d53d7873093d · 2025-04-18T15:58:25.000+03:00
diff --git a/README.md b/README.md
@@ -91,6 +91,13 @@ The integrations available in this release include:
   - Microsoft enabled streaming support for the Azure OpenAI **o1-mini** and **o3-mini** models so did I.
   - Changed default model to the last selection.
 
+- Version 1.3.4 released on April 18, 2025.
+
+  - Added support for new models: **gpt-4.1**, **gpt-4.1-mini**, **gpt-4.1-nano**, **o1**, **o4-mini**.
+  - Enabled function calling for o1, o3-mini and o4-mini.
+  - Changed default model to the be automatically selectable in a preferred order .
+    - ['gpt-4.1-nano', 'gpt-4.1-mini', 'gpt-4.1', 'gpt-4o-mini', 'gpt-4o', 'o1-mini', 'gpt-35-turbo']
+
 ### Full-Scale Setup
 
 ![Data access diagram](docs/data-access-diagram.png "Data access diagram")
diff --git a/docs/azure-openai-chat-web-part-presentation.pdf b/docs/azure-openai-chat-web-part-presentation.pdf
diff --git a/docs/azure-openai-chat-web-part-presentation.pptx b/docs/azure-openai-chat-web-part-presentation.pptx
diff --git a/docs/azure-openai-chat-web-part-v1.3.4.pdf b/docs/azure-openai-chat-web-part-v1.3.4.pdf
diff --git a/docs/azure-openai-chat-web-part.pdf b/docs/azure-openai-chat-web-part.pdf
diff --git a/spfx-latest/config/package-solution.json b/spfx-latest/config/package-solution.json
@@ -4,7 +4,7 @@
     "name": "azure-openai-chat",
     "title": "Azure OpenAI Chat Web Part",
     "id": "64e358ba-f88c-4fee-9a8a-6db06299d90a",
-    "version": "1.3.3.0",
+    "version": "1.3.4.0",
     "includeClientSideAssets": true,
     "skipFeatureDeployment": true,
     "isDomainIsolated": false,
diff --git a/spfx-latest/package-lock.json b/spfx-latest/package-lock.json
diff --git a/spfx-latest/package.json b/spfx-latest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "azure-openai-chat",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "private": true,
   "engines": {
     "node": ">=16.13.0 <17.0.0 || >=18.17.1 <19.0.0"
diff --git a/spfx-latest/src/components/AzureOpenAiChat.tsx b/spfx-latest/src/components/AzureOpenAiChat.tsx
@@ -6,18 +6,29 @@ import Chat from './Chat';
 import { IAzureOpenAiChatProps } from './IAzureOpenAiChatProps';
 
 const appNameChatGpt: string = 'ChatGPT';
+const preferredDefaultModels = ['gpt-4.1-nano', 'gpt-4.1-mini', 'gpt-4.1', 'gpt-4o-mini', 'gpt-4o', 'o1-mini', 'gpt-35-turbo'];
 
 const AzureOpenAiChat: React.FunctionComponent<IAzureOpenAiChatProps> = (props) => {
   const [isChatOpen, setIsChatOpen] = React.useState(false);
   const [itemConfig, setItemConfig] = React.useState<IItemConfig>(undefined);
   const [isAzureApiServiceConfigured, setIsAzureApiServiceConfigured] = React.useState<boolean>(false);
 
   const openChat = () => {
+    const languageModels = new Set(props.languageModels);
+    let selectedModel = '';
+    for (const model of preferredDefaultModels) {
+      if (languageModels.has(model)) {
+        selectedModel = model;
+        break;
+      }
+    }
+    if (!selectedModel) {
+      selectedModel = props.languageModels?.length > 0 ? props.languageModels[props.languageModels.length - 1] : '';
+    }
     const config: IItemConfig = {
       name: appNameChatGpt,
       description: strings.TextChat,
-      //model: props.languageModels?.length > 0 ? props.languageModels[0] : 'gpt-35-turbo',
-      model: props.languageModels?.length > 0 ? props.languageModels[props.languageModels.length - 1] : 'gpt-35-turbo',
+      model: selectedModel,
     };
     setItemConfig(config);
     setIsChatOpen(true);
diff --git a/spfx-latest/src/components/AzureOpenAiChatLoader.ts b/spfx-latest/src/components/AzureOpenAiChatLoader.ts
@@ -274,8 +274,13 @@ export default class AzureOpenAiChatLoader extends BaseClientSideWebPart<IAzureO
                         { key: 'gpt-4-1106-preview', text: `${strings.TextGpt4Turbo} (${strings.TextPreview})` },
                         { key: 'gpt-4o-mini', text: strings.TextGpt4oMini },
                         { key: 'gpt-4o', text: strings.TextGpt4o },
+                        { key: 'gpt-4.1', text: strings.TextGpt41 },
+                        { key: 'gpt-4.1-mini', text: strings.TextGpt41Mini },
+                        { key: 'gpt-4.1-nano', text: strings.TextGpt41Nano },
+                        { key: 'o1', text: strings.TextO1 },
                         { key: 'o1-mini', text: strings.TextO1Mini },
                         { key: 'o3-mini', text: strings.TextO3Mini },
+                        { key: 'o4-mini', text: strings.TextO4Mini },
                       ],
                       properties: this.properties,
                     }),
diff --git a/spfx-latest/src/components/Chat.module.scss b/spfx-latest/src/components/Chat.module.scss
@@ -90,6 +90,7 @@ $selection: $ms-color-gray150;
   flex-direction: column;
   justify-content: space-between;
   height: fit-content;
+  padding-right: 5px;
   .topbar {
     height: fit-content;
     display: flex;
@@ -109,6 +110,9 @@ $selection: $ms-color-gray150;
     /*border-bottom: 1px solid #ccc;*/
   }
 }
+.norightpadding {
+  padding-right: 0;
+}
 .customPanel {
   .container {
     display: flex;
diff --git a/spfx-latest/src/components/ContentPanel.tsx b/spfx-latest/src/components/ContentPanel.tsx
@@ -379,6 +379,7 @@ const ContentPanel: FunctionComponent<IContentPanelProps> = ({ props }) => {
             className={[
               styles.panelContentCanvas,
               props.isFullWidthColumn && !isCustomPanelOpen ? styles.widecontent : undefined,
+              isCustomPanelOpen ? styles.norightpadding : undefined,
               props.promptAtBottom ? styles.clearheight : undefined,
             ]
               .join(' ')
diff --git a/spfx-latest/src/components/ContentPanelElements.tsx b/spfx-latest/src/components/ContentPanelElements.tsx
@@ -133,10 +133,14 @@ export default class ContentPanelElements {
     const modelTexts = {
       '4o': strings.TextGpt4o,
       '4o-mini': strings.TextGpt4oMini,
+      '4.1-mini': strings.TextGpt41Mini,
+      '4.1-nano': strings.TextGpt41Nano,
+      '4.1': strings.TextGpt41,
       'o1-mini': strings.TextO1Mini,
       'o1-preview': strings.TextO1Preview,
       o1: strings.TextO1,
       'o3-mini': strings.TextO3Mini,
+      'o4-mini': strings.TextO4Mini,
     };
     for (const key of Object.keys(modelTexts)) {
       if (lcLanguageModel.endsWith(key)) return modelTexts[key];
diff --git a/spfx-latest/src/helpers/ChatHelper.ts b/spfx-latest/src/helpers/ChatHelper.ts
@@ -40,6 +40,8 @@ export default class ChatHelper {
       returnValue = Math.floor((32 * 1024 - responseTokens) * averageCharsPerToken) - largeContentDeduction;
     } else if (/16k|-1106/i.test(model)) {
       returnValue = Math.floor((16 * 1024 - responseTokens) * averageCharsPerToken) - largeContentDeduction;
+    } else if (/gpt-4\.1/i.test(model)) {
+      returnValue = Math.floor((1024 * 1024 - responseTokens) * averageCharsPerToken) - largeContentDeduction;
     } else if (/8k/i.test(model) || /gpt-4/i.test(model)) {
       returnValue = Math.floor((8 * 1024 - responseTokens) * averageCharsPerToken) - largeContentDeduction;
     } else if (/o\d/i.test(model)) {
@@ -57,6 +59,8 @@ export default class ChatHelper {
       maxCharacters = 30_000; // ~ (32 * 1024 * 3.6) / 3.75 long questions - answers.
     } else if (/16k|-1106/i.test(model)) {
       maxCharacters = 15_000; // ~ (16 * 1024 * 3.6) / 3.75 long questions - answers.
+    } else if (/gpt-4\.1/i.test(model)) {
+      maxCharacters = 1_005_000; // ~ (1047576 * 3.6) / 3.75 long questions - answers.
     } else if (/8k/i.test(model) || /gpt-4/i.test(model)) {
       maxCharacters = 7_500; // ~ (8 * 1024 * 3.6) / 3.75 long questions - answers.
     } else if (/o\d/i.test(model)) {
@@ -76,9 +80,11 @@ export default class ChatHelper {
       returnValue = defaultResponseTokens * 2; // * 3 and * 4 will also work, * 2 looks safer to avoid errors
     } else if (/16k|-1106/i.test(model)) {
       returnValue = defaultResponseTokens;
+    } else if (/gpt-4\.1/i.test(model)) {
+      returnValue = 32_768;
     } else if (/8k/i.test(model) || /gpt-4/i.test(model)) {
       returnValue = defaultResponseTokens;
-    } else if (/o\d-mini/i.test(model)) {
+    } else if (/o1-mini/i.test(model)) {
       returnValue = 65_536;
     } else if (/o1-preview/i.test(model)) {
       returnValue = 32_768;
@@ -114,10 +120,14 @@ export default class ChatHelper {
 
     if (enableFunctionCalling) {
       // https://platform.openai.com/docs/guides/function-calling
-      if (/(0613|16k|32k)/i.test(model) || /^gpt-4$|^gpt-3\.?5-turbo/i.test(model)) {
-        payload.functions = FunctionCallingOptions.single;
-      } else if (/1106/i.test(model) || /4o/i.test(model)) {
+      if (/1106/i.test(model) || /4o/i.test(model) || /4\.1/i.test(model)) {
+        payload.functions = FunctionCallingOptions.multiple;
+      } else if (/o1-mini/i.test(model)) {
+        payload.functions = FunctionCallingOptions.none; // As of April 18, 2025
+      } else if (/o\d/i.test(model)) {
         payload.functions = FunctionCallingOptions.multiple;
+      } else if (/(0613|16k|32k)/i.test(model) || /^gpt-4$|^gpt-3\.?5-turbo/i.test(model)) {
+        payload.functions = FunctionCallingOptions.single;
       } else {
         payload.functions = FunctionCallingOptions.none;
       }
@@ -150,9 +160,13 @@ export default class ChatHelper {
   public static isStreamingSupported = (model: string, props: IAzureOpenAiChatProps) => {
     // As of February 2025, the model o1-mini of Azure OpenAI did not support streaming and function calling.
     // - At the same time, native OpenAI models o1-mini, o3-mini, o1-preview supported streaming, but did not support function calling.
-    // - The full-scale native OpenAI models o1 and o1-2024-12-17 did not support streaming and function calling.
-    // On attempts to use streaming outputs, they have thrown errors. Note that this behaviour might change later.
-    if (/^o\d$|o\d-\d{4}-\d{2}-\d{2}/i.test(model?.toLocaleLowerCase())) return false;
+
+    // The full-scale native OpenAI models o1 and o1-2024-12-17 did not support streaming and function calling.
+    // - On attempts to use streaming outputs, they have thrown errors. Note that this behaviour might change later.
+    //if (/^o\d$|o\d-\d{4}-\d{2}-\d{2}/i.test(model?.toLocaleLowerCase())) return false;
+    // April 16, 2025: streaming was enabled for Azure OpenAI o1 (full)
+    if (/o\d-\d{4}-\d{2}-\d{2}/i.test(model?.toLocaleLowerCase())) return false;
+    if (/o1/i.test(model?.toLocaleLowerCase())) return true;
     // Match 22, 2025: streaming was enabled for Azure OpenAI o1-mini
     if (/^o\d-mini/i.test(model?.toLocaleLowerCase())) return true;
 
diff --git a/spfx-latest/src/loc/en-us.js b/spfx-latest/src/loc/en-us.js
@@ -72,11 +72,15 @@ define([], function () {
     TextGpt4: 'GPT-4',
     TextGpt4o: 'GPT-4o',
     TextGpt4oMini: 'GPT-4o Mini',
+    TextGpt41: 'GPT-4.1',
+    TextGpt41Mini: 'GPT-4.1 Mini',
+    TextGpt41Nano: 'GPT-4.1 Nano',
     TextGpt4Turbo: 'GPT-4 Turbo',
     TextO1Mini: 'O1 Mini',
     TextO1Preview: 'O1 Preview',
     TextO1: 'O1',
     TextO3Mini: 'O3 Mini',
+    TextO4Mini: 'O4 Mini',
     TextHideMySharedChats: 'Hide my chats',
     TextInvalidListUrl: 'Invalid list URL. List with the same name already exists at the site',
     TextLanguage: 'Language',
diff --git a/spfx-latest/src/loc/fi-fi.js b/spfx-latest/src/loc/fi-fi.js
@@ -71,11 +71,15 @@ define([], function () {
     TextGpt4: 'GPT-4',
     TextGpt4o: 'GPT-4o',
     TextGpt4oMini: 'GPT-4o Mini',
+    TextGpt41: 'GPT-4.1',
+    TextGpt41Mini: 'GPT-4.1 Mini',
+    TextGpt41Nano: 'GPT-4.1 Nano',
     TextGpt4Turbo: 'GPT-4 Turbo',
     TextO1Mini: 'O1 Mini',
     TextO1Preview: 'O1 Preview',
     TextO1: 'O1',
     TextO3Mini: 'O3 Mini',
+    TextO4Mini: 'O4 Mini',
     TextHideMySharedChats: 'Piilota chattini',
     TextInvalidListUrl: 'Virheellinen luettelon URL-osoite. Luettelo samalla nimella on jo olemassa sivustolla',
     TextLanguage: 'Kieli',
diff --git a/spfx-latest/src/loc/mystrings.d.ts b/spfx-latest/src/loc/mystrings.d.ts
@@ -70,11 +70,15 @@ declare interface IAzureOpenAiChatWebPartStrings {
   TextGpt4: string;
   TextGpt4o: string;
   TextGpt4oMini: string;
+  TextGpt41: string;
+  TextGpt41Mini: string;
+  TextGpt41Nano: string;
   TextGpt4Turbo: string;
   TextO1Mini: string;
   TextO1Preview: string;
   TextO1: string;
   TextO3Mini: string;
+  TextO4Mini: string;
   TextHideMySharedChats: string;
   TextInvalidListUrl: string;
   TextLanguage: string;
diff --git a/spfx-latest/src/loc/nb-no.js b/spfx-latest/src/loc/nb-no.js
@@ -72,11 +72,15 @@ define([], function () {
     TextGpt4: 'GPT-4',
     TextGpt4o: 'GPT-4o',
     TextGpt4oMini: 'GPT-4o Mini',
+    TextGpt41: 'GPT-4.1',
+    TextGpt41Mini: 'GPT-4.1 Mini',
+    TextGpt41Nano: 'GPT-4.1 Nano',
     TextGpt4Turbo: 'GPT-4 Turbo',
     TextO1Mini: 'O1 Mini',
     TextO1Preview: 'O1 Preview',
     TextO1: 'O1',
     TextO3Mini: 'O3 Mini',
+    TextO4Mini: 'O4 Mini',
     TextHideMySharedChats: 'Skjul chattene mine',
     TextInvalidListUrl: 'Ugyldig liste-URL. Liste med samme navn finnes allerede på nettstedet',
     TextLanguage: 'Språk',
diff --git a/spfx-latest/src/loc/ru-ru.js b/spfx-latest/src/loc/ru-ru.js
@@ -71,11 +71,15 @@ define([], function () {
     TextGpt4: 'GPT-4',
     TextGpt4o: 'GPT-4o',
     TextGpt4oMini: 'GPT-4o Мини',
+    TextGpt41: 'GPT-4.1',
+    TextGpt41Mini: 'GPT-4.1 Мини',
+    TextGpt41Nano: 'GPT-4.1 Нано',
     TextGpt4Turbo: 'GPT-4 Турбо',
-    TextO1Mini: 'O1 Mini',
+    TextO1Mini: 'O1 Мини',
     TextO1Preview: 'O1 Preview',
     TextO1: 'O1',
-    TextO3Mini: 'O3 Mini',
+    TextO3Mini: 'O3 Мини',
+    TextO4Mini: 'O4 Мини',
     TextHideMySharedChats: 'Скрыть мои чаты',
     TextInvalidListUrl: 'Неверный URL-адрес списка. Список с таким названием уже существует на сайте',
     TextLanguage: 'Язык',
diff --git a/spfx-latest/src/shared/constants/Application.ts b/spfx-latest/src/shared/constants/Application.ts
@@ -7,6 +7,7 @@ export enum StorageType {
 export enum GptModels {
   //Vision = 'gpt-4-vision-preview',
   Vision = 'gpt-4o', // https://platform.openai.com/docs/deprecations, 2024-12-06, recommended replacement gpt-4o
+  //Vision = 'gpt-4.1', // This works as well. Perhaps, a better replacement?
 }
 
 export const GptImageModelTextLimits: { [key: string]: number } = {
diff --git a/spfx-latest/src/shared/services/AzureApiService.ts b/spfx-latest/src/shared/services/AzureApiService.ts
@@ -33,8 +33,15 @@ enum Operations4o {
   ChatMini = '/chat4omini', // gpt-4o-mini (URL reads as https://customer.azure-api.net/openai4/chat4omini)
 }
 enum OperationsOx {
+  ChatO1 = '/o1', // o1 (URL reads as https://customer.azure-api.net/openai/o1)
   ChatO1Mini = '/o1mini', // o1-mini (URL reads as https://customer.azure-api.net/openai/o1mini)
   ChatO3Mini = '/o3mini', // o3-mini (URL reads as https://customer.azure-api.net/openai/o3mini)
+  ChatO4Mini = '/o4mini', // o4-mini (URL reads as https://customer.azure-api.net/openai/o4mini)
+}
+enum Operations41 {
+  ChatMain = '/chat41', // gpt-4.1 (URL reads as https://customer.azure-api.net/openai4/chat41)
+  ChatMini = '/chat41mini', // gpt-4.1-mini (URL reads as https://customer.azure-api.net/openai4/chat41mini)
+  ChatNano = '/chat41nano', // gpt-4.1-nano (URL reads as https://customer.azure-api.net/openai4/chat41nano)
 }
 
 export default class AzureApiService {
@@ -201,9 +208,28 @@ export default class AzureApiService {
             }
           } else if (/gpt-4o/i.test(payload.model) && !(isNative || isOpenAiNative)) {
             targetUrl += /mini/i.test(payload.model) ? Operations4o.ChatMini : Operations4o.ChatMain;
+          } else if (/gpt-4\.1/i.test(payload.model) && !(isNative || isOpenAiNative)) {
+            if (/mini/i.test(payload.model)) {
+              targetUrl += Operations41.ChatMini;
+            } else if (/nano/i.test(payload.model)) {
+              targetUrl += Operations41.ChatNano;
+            } else {
+              targetUrl += Operations41.ChatMain;
+            }
           } else if (/o\d/i.test(payload.model) && !(isNative || isOpenAiNative)) {
-            // To be updated after new models have appeared.
-            targetUrl += /3/i.test(payload.model) ? OperationsOx.ChatO3Mini : OperationsOx.ChatO1Mini;
+            if (/o1-mini/i.test(payload.model)) {
+              targetUrl += OperationsOx.ChatO1Mini;
+            } else if (/o3-mini/i.test(payload.model)) {
+              targetUrl += OperationsOx.ChatO3Mini;
+            } else if (/o4-mini/i.test(payload.model)) {
+              targetUrl += OperationsOx.ChatO4Mini;
+            } else if (/o1/i.test(payload.model)) {
+              targetUrl += OperationsOx.ChatO1;
+            } else {
+              // Defaults to o1-mini. To be updated after new models have been released.
+              targetUrl += OperationsOx.ChatO1Mini;
+            }
+            //targetUrl += /3/i.test(payload.model) ? OperationsOx.ChatO3Mini : OperationsOx.ChatO1Mini;
           } else {
             targetUrl += Operations.StandardTextModel;
           }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "azure-openai-chat",`
`3`		`- "version": "1.3.3",`
	`3`	`+ "version": "1.3.4",`
`4`	`4`	`"private": true,`
`5`	`5`	`"engines": {`
`6`	`6`	`"node": ">=16.13.0 <17.0.0 \|\| >=18.17.1 <19.0.0"`