From 26cf19a88072ee244e318aec4772b63f2d12dc9e Mon Sep 17 00:00:00 2001 From: KaviBharathi-SF5060 Date: Tue, 23 Sep 2025 17:31:01 +0530 Subject: [PATCH 1/2] 979100: Added gemini and openai samples --- .../ai-integrations/gemini-integration.md | 85 +++++++++++++ .../ai-integrations/openai-integration.md | 85 +++++++++++++ .../ai-integrations/gemini-integration.md | 85 +++++++++++++ .../ai-integrations/openai-integration.md | 85 +++++++++++++ .../ai-assistview/images/gemini-ai.png | Bin 0 -> 15448 bytes .../ai-assistview/images/open-ai.png | Bin 0 -> 15696 bytes .../ai-integrations/gemini-ai/geminicore.cs | 80 +++++++++++++ .../ai-integrations/gemini-ai/geminimvc.cs | 65 ++++++++++ .../ai-integrations/gemini-ai/razor | 112 ++++++++++++++++++ .../ai-integrations/gemini-ai/tagHelper | 108 +++++++++++++++++ .../ai-integrations/open-ai/openaicore.cs | 82 +++++++++++++ .../ai-integrations/open-ai/openaimvc.cs | 63 ++++++++++ .../ai-integrations/open-ai/razor | 108 +++++++++++++++++ .../ai-integrations/open-ai/tagHelper | 110 +++++++++++++++++ ej2-asp-core-toc.html | 10 ++ ej2-asp-mvc-toc.html | 10 ++ 16 files changed, 1088 insertions(+) create mode 100644 ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md create mode 100644 ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md create mode 100644 ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md create mode 100644 ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md create mode 100644 ej2-asp-core-mvc/ai-assistview/images/gemini-ai.png create mode 100644 ej2-asp-core-mvc/ai-assistview/images/open-ai.png create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/razor create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/tagHelper create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor create mode 100644 ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md new file mode 100644 index 0000000000..2609a71f64 --- /dev/null +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Gemini AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Gemini AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: Gemini AI +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Integration of Gemini AI With AI AssistView control + +The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your MVC applications. + +## Getting Started With the AI AssistView control + +Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: + +[ MVC Getting Started Guide](../getting-started) + +## Prerequisites + +* Google account to generate API key on accessing `Gemini AI`. +* [System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create MVC application + +## Install Packages + +Install the Syncfusion ASP.NET MVC package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Syncfusion.EJ2.MVC5 + +``` + +Install the Gemini AI package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Mscc.GenerativeAI + +``` + +## Generate API Key + +1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your Google account. If you don’t have one, create a new account. + +2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard. + +3. Click the `Create API Key` button. You’ll be prompted to either select an existing Google Cloud project or create a new one. Choose the appropriate option and proceed. + +4. After selecting or creating a project, your API key will be generated and displayed. Copy the key and store it securely, as it will only be shown once. + +> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. + +## Integration Gemini AI with AI AssistView + +You can add the below respective files in your application: + +* Add your generated `API Key` at the line + +```bash + +string apiKey = 'Place your API key here'; + +``` + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/razor %} +{% endhighlight %} +{% highlight c# tabtitle="Gemini.cs" %} +{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs %} +{% endhighlight %} +{% endtabs %} + +![Gemini AI](../../images/gemini-ai.png) + +## Run and Test + +Run the application in the browser using the following command. + +Build and run the app (Ctrl + F5). + +Open `https://localhost:44321` to interact with your Gemini AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md new file mode 100644 index 0000000000..0eb8794334 --- /dev/null +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Open AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: Open AI +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Integration of Open AI With AI AssistView control + +The Syncfusion AI AssistView supports integration with [OpenAI](https://platform.openai.com/docs/overview), enabling advanced conversational AI features in your MVC applications. + +## Getting Started With the AI AssistView control + +Before integrating Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: + +[ MVC Getting Started Guide](../getting-started) + +## Prerequisites + +* OpenAI account to generate an API key for accessing the `OpenAI` API +* [System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create MVC application + +## Install Packages + +Install the Syncfusion ASP.NET MVC package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Syncfusion.EJ2.MVC5 + +``` + +Install the Open AI package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package OpenAI + +``` + +## Generate API Key + +1. Go to [Open AI](https://platform.openai.com/docs/overview) and sign in with your Google account. If you don’t have one, create a new account. + +2. Once logged in, click on your profile icon in the top-right corner and select `API Keys` from the dropdown menu. + +3. Click the `+ Create new secret key` button. You’ll be prompted to name the key (optional). Confirm to generate the key. + +4. Your API key will be displayed once. Copy it and store it securely, as it won’t be shown again. + +> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. + +## Integration Open AI with AI AssistView + +You can add the below respective files in your application: + +* Add your generated `API Key` at the line in .cs file + +```bash + +string apiKey = 'Place your API key here'; + +``` + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/ai-assistview/ai-integrations/open-ai/razor %} +{% endhighlight %} +{% highlight c# tabtitle="Gemini.cs" %} +{% include code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs %} +{% endhighlight %} +{% endtabs %} + +![Open AI](../../images/open-ai.png) + +## Run and Test + +Run the application in the browser using the following command. + +Build and run the app (Ctrl + F5). + +Open `https://localhost:44321` to interact with your Open AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md new file mode 100644 index 0000000000..2147662596 --- /dev/null +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Gemini AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Gemini AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: Gemini AI +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Integration of Gemini AI With AI AssistView control + +The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your Core applications. + +## Getting Started With the AI AssistView control + +Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: + +[ ASP.NET CORE Getting Started Guide](../getting-started) + +## Prerequisites + +* Google account to generate API key on accessing `Gemini AI`. +* [System requirements for ASP.NET Core controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create Core application + +## Install Packages + +Install the Syncfusion ASP.NET Core package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Syncfusion.EJ2.AspNet.Core + +``` + +Install the Gemini AI package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Mscc.GenerativeAI + +``` + +## Generate API Key + +1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your Google account. If you don’t have one, create a new account. + +2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard. + +3. Click the `Create API Key` button. You’ll be prompted to either select an existing Google Cloud project or create a new one. Choose the appropriate option and proceed. + +4. After selecting or creating a project, your API key will be generated and displayed. Copy the key and store it securely, as it will only be shown once. + +> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. + +## Integration Gemini AI with AI AssistView + +You can add the below respective files in your application: + +* Add your generated `API Key` at the line + +```bash + +string apiKey = 'Place your API key here'; + +``` + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/tagHelper %} +{% endhighlight %} +{% highlight c# tabtitle="Gemini.cs" %} +{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs %} +{% endhighlight %} +{% endtabs %} + +![Gemini AI](../../images/gemini-ai.png) + +## Run and Test + +Run the application in the browser using the following command. + +Build and run the app (Ctrl + F5). + +Open `https://localhost:44321` to interact with your Gemini AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md new file mode 100644 index 0000000000..85ea6748e8 --- /dev/null +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md @@ -0,0 +1,85 @@ +--- +layout: post +title: Open AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +platform: ej2-asp-core-mvc +control: Open AI +publishingplatform: ##Platform_Name## +documentation: ug +--- + +# Integration of Open AI With AI AssistView control + +The Syncfusion AI AssistView supports integration with [OpenAI](https://platform.openai.com/docs/overview), enabling advanced conversational AI features in your Core applications. + +## Getting Started With the AI AssistView control + +Before integrating Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: + +[ CORE Getting Started Guide](../getting-started) + +## Prerequisites + +* OpenAI account to generate an API key for accessing the `OpenAI` API +* [System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create Core application + +## Install Packages + +Install the Syncfusion ASP.NET Core package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package Syncfusion.EJ2.AspNet.Core + +``` + +Install the Open AI package in the application using Package Manager Console. + +```bash + +NuGet\Install-Package + +``` + +## Generate API Key + +1. Go to [Open AI](https://platform.openai.com/docs/overview) and sign in with your Google account. If you don’t have one, create a new account. + +2. Once logged in, click on your profile icon in the top-right corner and select `API Keys` from the dropdown menu. + +3. Click the `+ Create new secret key` button. You’ll be prompted to name the key (optional). Confirm to generate the key. + +4. Your API key will be displayed once. Copy it and store it securely, as it won’t be shown again. + +> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. + +## Integration Open AI with AI AssistView + +You can add the below respective files in your application: + +* Add your generated `API Key` at the line in .cs file + +```bash + +string apiKey = 'Place your API key here'; + +``` + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper %} +{% endhighlight %} +{% highlight c# tabtitle="Gemini.cs" %} +{% include code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs %} +{% endhighlight %} +{% endtabs %} + +![Open AI](../../images/open-ai.png) + +## Run and Test + +Run the application in the browser using the following command. + +Build and run the app (Ctrl + F5). + +Open `https://localhost:44321` to interact with your Open AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/ai-assistview/images/gemini-ai.png b/ej2-asp-core-mvc/ai-assistview/images/gemini-ai.png new file mode 100644 index 0000000000000000000000000000000000000000..bbc60975ac91ef25be8fee60022647949f35ddbf GIT binary patch literal 15448 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 literal 0 HcmV?d00001 diff --git a/ej2-asp-core-mvc/ai-assistview/images/open-ai.png b/ej2-asp-core-mvc/ai-assistview/images/open-ai.png new file mode 100644 index 0000000000000000000000000000000000000000..c30c78379fb5fcdaa809c7d90a5cd5e93057f98e GIT binary patch literal 15696 zcmeIZcTiN%*C#xPib^seC`m*l=j4zTkt9)uoRORvg2W+%ARsw2z*uTg}TMmK=x+YT~XP!Ncu z4fh|f)4uQn2qdy1`{tF}NB!+Nn6uik9~L|LJQ;-dllDz2-51ckK$+?gTE_kY48nP3 zsYlQ@a-wwnnNKDa;zrh;TXym~IsW1j8!-wi_^NZ-;tg6=)oiujm|W=yx{BVKTqlru z`fe*2LT~0v#EZV@yzJ`hf5#KMQ131_keuU=TtE+`3rji~9AX@8#o&W?0RlmqZ({0k zzd<*7QjI96PnLfUU&lRqMD&~Sk_Y`H0x!06r{La5z;BU)QLPX7m#>F!MAF6^QDnh$ z_;9QA)qg<5Cy=TD{AevPzKvtm?z&CN*O?|A$GeW$v%+;=BTthSn+Qykz4u-E>mwR2 zB1tj05;@1meh990h*S65@A$!0Yu-O>W?lOP)UQc^x4xL})x)>%%5R6=0;A3Z#o(Mx zPjFwKN9^gR?Xiv8DMf$b7r%c-Lc#Z7f zG|f-9aE<4&7E=sXUAS((eqmqmf#0pFw}4#*f!KonmB)6oz&RSek9ErBlf{JO9BW;j zwCgG5N>Q`foawHJk?o-)M@!USdguB#RZO<&nj4YYimRSZ{Ab}I=K95HX{`L->V5}2 zTd30K<+&fAMrcoLd3=iVxLRIrE)y86C6L;WrI4X3$X=$2r>Tcn3wRlTQF1s+=h|j+ z5p$dyE0ZKe!}L?qkt6MoHLPaI+8FpZs}CRWXV}He0Iv;lz=V$w7ClU|s-rVXYu_iS zwf8SY6u5WmQi(6WEcr-p(*DYRVxMxL5pSiU1m^}uHslhziWInX3P+@D$sz4BP~>D5 zJ$Wh~*2^kO!`>b)o34-v&o}{ZzlnKRfCx;ph~IQdyW0EfL4T@ql_p&QtgqYhSJ9uE z^4@iR4H==y!j!N{NRw5#)kr>zd72KH68q$#eM@=Dpa^OLw-TXZpMr^!>1;&SjTCI3 zdZ~eft+zK3?WuxCNE^q94_c%Y*xr{b2O$b6|5won`zH{XyJvQZXbv0<+emUjz+1XNK ze{_1UZxnHA73XAk@m0M9UNAtEU(8f5eYiT8L(F|Yrr0YFHOQ(GRR8QnV$Z~E&e@?l zqU5{oBqXHTXkJuXWgboY2%tt266E~_Lhm<58a4Oty zedS``mz-rfV=!|5I;8#@K+4)pnr)aTT;u_v%j)EV-8V9g4a%f!ns@h;u-j}di($>Z z9^%Vs)@uC*ZdNm#v_k<(J7eUrD9iRJGbVQ1;DpkY0;=ZnL=Co)FmwIMNYc$^l3w96 zH_?34-aCyIUe)rZrWbKy*7;PU<}6AV)yQ5^nvf%_WO?^0vo7vpiS^?Pwc%|^oDBNX zIN8BjigTF-y>-@64S0w|$$<+GOlNP6&l2mjCm+OJT)QBm*sLz{tT(NcpK_weB4$hz zQdU_&GafLrU_a-jmT=JEL_gG8QF*CFBFlRe;Z=kvX|fjOj3!UQpbBOJovG_M&oTxl4MA45k z$%A9>@3ya(dw`d9bEMkk`P~vEPnO?8t`<6L#JrAgD5bmFcYtS;wmDfKxQU5CF=)1OJehM3aL!P>PUCsN`D#i>mGbG-V@Z}*5C}tbJRH#Y0 zSeBozox^HA)aIMbtK?^`p@&))+Ren)u{wm>)>M^WwsTs}oaFVy#??JnMt%%-Cj}^! zkQrUaCh)zDWbNa}*We7H>dxSnltPz}+RMQwvnf?qyxj99;u@cq%bOy-)J#J-C;E#s zCharM>S>tL=tA^jL_Dl7MyG3C3O4$LKc~V}e2=tv$x`Ncyz>vPt)xR`E?9G$v`Sz7 z!0lPSkwe+JHZz;9tSaWu@BV0AL~+z?2+y4wwhpSa6Ew~gJM@|T-u``+EA1JWafqAO(&L?YLYz%RSRPy8@6!zK0=P)fe5xPF* zX_z!^P`8F5@X4w~CbN1-F9fCemi%z; z3U(TISFrt~>}Uvop6FT_v z3tdXFd~&=Pjm-wjjKMU77qoGL!&730WSaj9b9`O^sq1yza4FS0Arv)eG2ky)+P-#3 z$|}#PJt?%yaI`mQBzu|xCMJNW&%yT##*JJ@NhT zWJ?(@ZL_D4fv*k(s<4Tv?X z*NT9KyX*%g`KQjN;AMknLfMlqhVbLS`7VBed(*Dyya}+_r;~R85;6SpBo7=U*yU5L zYs!ym_z8B4D}FnsT;FZ^-mCZThb!@7w;GV(Q#> zTR;C;HtreP&qYLk8el}hLnNtRu0hVBI}{xyKEiLX`>i~;vwmUtoS?R_BQ+>o3ya*)l<4e zKnEht;Y#_jFAqN0r4{ZP@XATPZ>S}8hEsNsPS(935hTYg5nr{W>AuUil)=^5$<1-b z5Nl_b`I=~)PX&??-!mHbY;Zbw$iT?R%FN6>R*dsIR#&L5mMdoM>O^Rwn#ABla3!OD z9FotR{AD9B6%!Me7WceyuB^J6Poc@l>8Dqk0G+g7=F;KW^5L19XJ1h{m}lkKL(=rS z0B({Y9e>Hu7@${NT<-Gn2k#Ap#z|nBvQ~uxKsb?*OJ|f-->(wo*4q=fIV9`}OEVtb z;xAB~V79*e8JcAkM&{&?Efw}rOJ1s^5B?fd_t&YIzk7$vsBL6JX^aK;nUEAA_zodA zZZMmP(@>s6EN5l>(g#l6?7o? zu~o&BPWnC_PVOa;4{4nG{@nTNtqd*v>|vEf;jk2lqU*on!Td|^&fkxR2#DIa$caCy zdnr&P*}N5ocRZ-+ZsPQVR)j7b~5td~df##bj2Y#j)Dg3aPcKyEh3H zZ6?wA3Zp%B^fP$s5`R5LL*_s#9KRD@|0j=Y==t#;%TYe|Q%!1Zv8S%7dr~*=@1OKk zc)uI1whWr~`7wKIZQ<`mT_qn{_9veZ%$JH`2M}Jv|6nI5? z<(OVZhf70trkFH55EZX(LR{oXy_E&RNo#eZ);Qb1QuBC_HIZL z#x~jHSlVuaO0+)IwOobHRmJfSQT{`ymSVJ7NDzr^io?qF?z8Af*_iopT34Amj`V_w zPHqa{^n<%;zsYV@Tg<sl$1R@bK|)f^GPeQt;Ih!`%7iggf88s7^`zxoQ5zp4+HrhON(Vryr38 z#>i3_8`pIo-!|eg4AMtuxr?zhA2WhVz@+}pG1Or(Kcd5M7-k(aub1AsVI^2LimLAf z7$nW{*c;ejpC%K38jk^yRf09Zg#^aLpNrVU@jWIZ{Q)=U>ZAsTrCvNc$)xCf!v|*v zT4+YIT&j4et|RfAtrYVbq=d6s{_G0xlaiV`84Qas7v|AKg#w&mW_c><3x^#j+7dt*2Py$4R8GKJE;w zUZiK6$^klM1AoQE{bYD?p3rYmz`6fsn>(U6!;k}rT1k)tCZK+vgtg_xk^R?$JKU7O z=}D@|O{BTcZ)EtF*`T$_79r?c;sV7Dpd){pP*M3n8n@u5e^g+|-rEKBS?mJ-)?I`~ zHl}lF*c?0h%Wmi&bzG|(@Hz{sm$53){YO)-v?>TX+0^U*IiE^`|CI>KzkWXb7ehJ! z|3rY~{@0>l|6A6rkpUQk>oZ9&Ftl&kv*pZ?)3)%*O-Sz+y8V0zLqe*=QLF6-^>fxf#S1bUZG7pb$R*lrg=ghua>S_F*xv-m8Ipd zmRnT{QYa_kaCLnVP(6vnyFfP)c6Lm~$ViNXGR~0rZHuzAqi_MpryPM)&V=wm#=1r= zcJ|eNNczZ#lfIo>l~?{eEzq7x541{(0qX$q|*U1IPJH32(Yy z`4hP}fGxZlu2mZRst6R!#{-BbgYHt(5!|lqUfNG06yD1_LF(qC`={1=W2dpZ zsYhGzttaB^f%-bw?D@;n_wGWP2Cdjj0jMKfSj(fT!<=(C!|>HMVFSCcJn2rP4M8S7 zFXRdjVLb zC8S89c%0n?WhZ?~jS&UL^Uzsenp~NB9PK|R{|x`V8a1`K^s)LRtv;4UG$}oAMouY( zb%^nDxAU}uz~D8=m;W9x&u-8gPsdy(>?ZX%qwMkS*2I2=eu}J=(%Mw#&Uj#y!BC1p z6QXL8U1gsaIY#}UtuC^Rw-b-(x@Q8~g-gD#dnA<~lR(aQ*Lb#j1onPs#zjb<@}mv2 z+SxUK5|HLSIs(T-bfz;`Lf`V%FwfP3_>@cUNKganQitVi+w+{qhWsSl+)7`ijBoj- z_o{HLi%J??rhGE-W7PejO}mkfX`w5lVNK|b^VVNdsnuMrTd+M%o)AH2@Q|~Q+de2C_h)e1u$I;zN|A<7Bw$|_F8K{x zx0%hB#*_A|l(~yY0CSKV9_QXJb+2(Pbn&p;Y;(Jvpl|6+IED8? z+YZA$=(P^>g%WbB{s<3M!!o&3?m*J0>E`D>+&5~uN#(<=cfOo81r4fL>X_3Y$ey&2 zX?A68i!~sYOhPAKc!kEohCfxD54nd4Ffw+uT!V*S^gNHBqbv;fu|u;(9q6B0Pm39Z z!0VW1WT*!%?=;a)iZ8~Ii05zSY&G_~f7t;4ei4}oA2D1wG**tqCO@^ z;T3ioxNkA}G=tt>UG!gXhqJIX)*bshp147n3VIfZkZZ(VOWvpGX)@P)jppX{YDao= z4<~qD|89yW4-#FNiDF??_O3kQwv_)x^{I{)VmH-n%lWN$XZ%!3RrZ%|*alK@g) zb3XjYzDT|;dhXt!mTQt-j!z!NsXx{L5T zz`RQ+nuIx}q9&%Trty}-A8k?V=PRDiBgWIRsfxB1rY}8btJb+8ND2lg;w=|F zcWU@Mz&AleHi1+}pPx7KlqVOjAT{%n%gC$O>o^h13widUmr>e#$c{~(M~)WWFa zUWdVEpHt=AFrzZ8|r(ni=J;$E~I97s|2x3@}dY2G_4GVcum3DSFU@nhwQhq z>#A#HSYSOz{g=y@SzJS9Zw#b|!-X(5r>1iX)2AmnJ))OM8B^QX`U)8Y$IQ5gNF!EZ zC6*BKa;j)!C~?bEP5%Yi{FBZ5`?>m>4_D4A$*oL&i$v-jB?tr?c$smIDTU{5w4v+| z2y2e}gYKkXwd#f)q@(1gf4Y1ms!;^T=lsz5(XtJ1X0DDntQdWG)M2$)Wz_kkEWo?n z7N@mSMV*2{NKEWB$)5Ti6Kl$d^`|h(@CPemv>VykkDy7^!h9@sZ zXY*5!Mx~u{tqK(7o;0ovGhu12;KQ@o;Cs8B-6NhkG_;^rpMd<#ewbSCj#qZSZOr*Il|BRkECTe=mi z9dgDsjcPtGI}W8nse+vil3$aT(b;;0cd#%D$~7uluToS(w;{fgb;{NkNWU|{(0y}dNT3w^qrH8r5>s6;H!?t6`<6w_>zg>Qs0?JtE z6u+zflK3Q7r(2p(Q~&7&jb|P62c$j3&C<3DQ7sou>2X!lx{vgpbyB3&LE+kxSM$=( z#C1`7kA!X7u`AaB%e?WEjP+*Ka~(!89@)taY{^CZPRhg6v&!2IuEzNsau`+Yp=IpA zd5Rh=TbAZRs$mOZ&CeXke@n=PDm^|uhe|eR@lfCg?LA4Pac}bMzYZ|mg?NblnnZvktV0X5-q$qiI%AZf4M(cuJ&;u`$Zz#i$Mb>l5x_j%<$ zlh2#=_!nWnv9s!l+annxooe%D-|;}LhQsx&>O|Vz%vpsaF2EYfkno}^gK3v5Jt)7J zpPt*Mqq9ZHBQaeHm-+ULm2Gbmdmhi&+DG8y(+Jzdsb(CP<#jymE+wIT@>j0on(S=H zoljlb(p`WRsLnOEZ{YF9;0 zfE-;imFj%CEuHtfDZF(lx%-oXe#`pQ1cR3jqtdFCwZ-}zO+vFW>=wskY7c5ZhKT+) zx60L1jrZ?AB<&l#5rU+rJ~+O{^Sb)bb!j)=vsV-QHE__hdqDN96m`ZW$~Iu)@V03e zb2u*4RO;fRuzB&=bG+;XJ>DRf1cOuSg`s|!CiP6dNi9Vp;cOBruL zzIjuhUCr#_g`)Y6QxE#uDaMFu(!|RX5*|UN%4HQ4ARAxkVj8$@@bJd~80g|XC2nEw zHn{kt^@NR-P1%rS2jq*l4tTIol|T#kpbV<#T`xR0?m~^q55&ds2)>-GB{Le6_CATj znK2b|z>6k&0r&uNR{%t)6*_)u$qP$k9nSpL{Gi zH5v%m8MYcLl6XK=Rbztlhy}^fp+=T%w_gIVK9o=+Vl8HQIfGQFZ6w(3{6#MClEUko z(;M=$U9DIFuQzpr!?Jg_CSgics70XdsTe?Vcy8|VygcIF+VMfv_aRIXbU24+?RweM z;nJ<5q9rpjQX+X zOwe$jj+~C1iz5^zY$EHN^SK^d=TUMG_N|}UXL*g3xmg+z=tu(y7AJ>4d(+DrNR=t< zRr}sLu{oQwtmPFrF^M(DQoYSHWVuHVVH<9q#Ck!kaVA&FjAk+qTfS6oaNn+K@NBAw zh%Xks*V^Z-Uiv0|!U|-)MkuBR;W1S`MfuQ}4;tEU6Y{;5cAcRZ{+{}03Lk(;&pBU{ z3~kOjHIBxqzt28P)#ih3s_MaQ>>lVzb&Il;BK6wagPef*;)R+oN2P1f8`4LqXXM2; z{c_t~Tjh&=d6h8TB5Go-hO+|F%^l`wQN;{i7sQmCa^ne-ef84|_okRFOQ&~dwJk24 zr48=05^L)CAVY`scU?w`Btw=o5R6%}oVCAr0So_tFK^~pQ)zR-D4#bu>7X6l8aM66@7 zfLcR;DiEW<3;lxctUf9{y>Fn7WID0fO>JCxd}TZ5RfBwPyXFAR@yV9;M7MByUy+ct z^Tu&Zm8mS{TkTMj7M-50^1~9;jvLdRQUIa%#R~yON@&zlk9ukKt4RD3(vxy%yOOkd zp01<@ebdvEj`&HCp0|GPZ=E+f?j(@B2?SpxB)jnL21t|HZ>cSHO|hJ-Zw{4@8hFv= z5o;hf2Q6Rb-OOXAuiECS`S!AM`OEu(laQ-xz)Zeh@Sip;m2aZS>=fz`NmhbTPx!kb zy9pzsM=u3)h9mOnjl%k@#*O^{(G{W6HlvG|W5 za;PkrtzXZ%*wTH|X60RF@p>!kwE98yM7d@zExY?`VZ|fwu_9{++2lw?_Rj6IE&Arm zpO40glCyN|-U({pgM7svZW4BBt^k3@(BzXv@h) z?|QZ=hrB%52x;+8uy$cw*@AYF?S)8BDmF>L?&BNibRZD*8Jc|inW{*hQ=asA_Sd$n zo`+Tg@WRsW36K}aY!DaEx=0j7B$ECDQtK`(E&P733@kNR7$uz=Q~UXwE#k`H@1I_T z=%_Vaec1p~hMUpCX1g&knfb^EB>h^Ailnnic`E8n(X1fQBW~km8Pm^?ivbH5$8BcQ zh$juiRd?_Qi%wUfocGzIEWEpgM7dbMgPB*wRP+MkqN63aHt;M*$t~LT-XFIM4_a>j zx!}XLTsUL1FVrqwXK3;p4kqZ_-6F$9Gk`b~(Yrt@LuKo+GU|}!ZkSy%gS$q>+_?2jV>pBj3^tVrT2`D;};Vy87ZyvL5Jxk&LU{Z zPTX05jF@O3t~-gTsVt3osgNh(yVb8sxqUV(M|EI!g$SW-h4*jGenmj7^xtbiQVw<+ znz7WJfISfa4!@b|!ggzpO{`PLs!YMgm|>FQ`8-0nz|Bk-IL;`TZh@(jv;u{NP2Rbrw1 zJr@}#G@+jRE9$Fas^comtgCWR1uXQ>;Izw|6sO{|n+1USTK&%{0$e)G_c?!@bvt4* z{_8RWd+LsQzqOKO8|>xErz*itu?7h@u}V$BD1pf%fjSnsgre#nIV!Pb!=E27Ot?(y z6_r#+dJ3nNb7<_RlFVIQN;cG2#d>(iN!F{EoL3!8h?O^X%0p%zS+@CIV`oh+5Ps+<$-x5 z{+WkxHlD%b;yDwqJ=#2?Q|Rx%aGZ~4*yz_owwlPlcGOJl8vjsc2fF#9X}d% zO`*OTjwG>Q zy215aYyXkk@qJaCZjcP}wKD_qqf!!qnmEi03jM+LxsVhjvAgKTB@_<4xHURZ{`1y; zEk5Y^i~0G~k2Bw=|1ug>{Xp9|zBoV#Bw;LchyCk@NxX?eXuJlHxVc$lfxOmlih`TO zfV$a0AKH)*YX5=Xz|K@OJn?6Zf;u3!>sL|oiMjKwtx+R7;#Ia%4^p)5%NwJslftQ?*hpVX$pI!zn^`#~}G1N-zQ zzM`C57%qFJfCutsJG}r?I6tKSl?3bf4H#Ii!Z#NkgSRN}7}d?hr=?MSB?e_;WfT`39$0ZC?f|EH`V({5ZnY#KxKe3`$8s z7_|jkE_X#YTpsk|Fw)J?UQVPgy>#Rlum?ap3s7qT6izTOFa-HvP4@n;tH8gZBIf^0 z^Z$zCiFj(@o@y8F;kbH-%)t)^F^DbsEtD}44{(^!5pbUot%qRC^|1%~vGsRwUtIm3 zRyp5B^TdDPoiwZf)QO@jILRMx^^Z|EiUk0jVlMj?AFg^m70ws2#ey1mN6SwerUylz zATgmFGzletkd3$t&e%1+-|V~!Ti|CDHSYP>UEn|?~hT0RsTQ0NbJXnDEG z@EaJ>XSMSzaU;A+pLwg{#;t!6y8r$I?#~~fre^;mkeWsUdUZ23*r_zhEebW*D9zfV zhtdXtjL$C*2ai;aL(adU=)L#b$$5y{X0NZ2vS;OgNg4&AT$&bywJ=yXO= zj}B$EExQT=bwaX<297}-jW*S|~s~Ej-VoiU0KJ|yMNhb_Xj8s1ZrJH z_dWvEl=3|~_tiUYSPoh+O@_I%LM9B$EP7oG;ZGo$_C&vZM<16R#HS$hb&quLBqoU- z^Qaa5^{Kz*qx4IM*VoTy3gC$IHqxW@0^$RYW|V@j7*5B3FLS=&!g8kri1P`;b>lYSIX*MTWZ4`aGrBDPxN(>-QT}(Qp4zpAM1AR8QUUUv&%4d4)??&3 z$K#6XpCrb!yFshO5Ex~bnodbu-}#O-syFecX;iUHP;ukIoR_)8hZ*lBhlNTxoh{p% zR&yCR*9Xqywck$&wK6qZq)(8iv^0{6D4Fc7zC>NA#m(lZvX9s9rdhe^;9Ntna^@d` z+=ya*jT|bV4p@lHl)c7OcYBAt@`kMS89OP_h1Jh~v0Tp9gn22A=j%zyo{GI2yaB=w1ZoUa zRv8;E!^+o3bgn*~j`;7`UCnPj2+( z7xai#vRI6-dP5Ql@zS-YAjR(4Elo)pnT7~ZqA?CZ`{iX7JZ)Tx&0l|fLx-eBTmf|+ z9j}(AXyRYG!|@U8_$X9OCXdNg1End?;PF; zV-JJvJvSoARHkcMYCQ#MiCAqKy$khDtw~xU$624%E+Ef#DxikXU1@N1NQ29V-(+n1 z2I>#qSy~)-6q(HGkM5+HHCO{*+l8D$8|Jw(i0vM%R8_*Dn~oO?ZNI+)LEs@zON?$B z55~o1xqc50uUI8+4xxq(T<#i`m_$}8qz-a|h^PQ{;NP%{N)4ZR38bJMx7JjauFx1O zD$KWzmxn8fs26(oo7ATO&Opg-egZJUqScz{C?UV#Xdbma)g4ynqCdX!J@Ci-r5{aD z)X}2XN6Cx7b!Bx_I-MbJxfPYzz~hj7Td58qVKm?L){o0K$9pCeau9>+DsRev5V3pm z^wb`!V(_CyCCTiY%HBdbrAxLM^2ph3x3iM<3+t0rO}uL#1=+%}=`-#2AN#QSYX$jGF3MpZtB94xD*TL$?bWxGVftFo^Z`M_EH!$s8+3afw2Qj)v&#ji}O z><-QD4FVOx+Hsta_^(f|`TDJ9tB`N@CG!fojun|mN4@n<6Z6)V3?>>sz5T!$P`xJ! z3HeK%QR_=7QO*9jB*#_grL-O_6(OER6Swz zOW%4ltT0Wjvjwg9|Fla*8v!>%7}$I4y-Dfq-U)esg*`q9TfMexEh{Xl0i>DoC8xP| zY5EOnl+KiHCJGrKM4(k9^~;FFIPi-O-3kfswVEV<6+Q0P6Og`fn`)JdxQ%bUkOp)!rpkP< zhl?mrYCXcz%4#IKjdt^wN&$dDU2tM7ZsZ?KLTP4q=ZNVwiN^vEP8=1Bj~{;vr=-UY zWe^)ZnAcljg=o{QklkRkyI`yoOep1a1(pP{g66|*LU_rocZ^TTQ_eXkpvMiYMepy^U8oLS3eJLM2d4Q_d@jVPg#%J zfox$0cl!5l>o7g#qkYk|^+g~lAvQ8G$H6kQj@e05PwEra9P5AcLam|WXsU$G(i_GK zn2veTEclfq#=ltuKnK8WtNs~$30e!FZq&6=53t2CusnTl%#=CetWcYA!;0Vdr;I{! zN^!~7mNI2#9Z*U{a1AeSo~$bIseQMQX?)P2-WQbEV|S%{(u+d2fGi*s77wY^5q9bq z=T8R-hYlpM!g zAhG#T2=TaH7rDd;n$p?gf^KfJ&p1aX^;&aSs^2pN#{y9`eio%|ZM~!UrUKW4omZjn z*UU208+>=!MPWd=LuPEM%8pvx^_^r0N$kvA36M3=^Jyn**s2@`JS!ARG!hs_T|bMF z!293vJuhskpjG?ms|^QGb*TtA7+bE5K;@!a5`bJiJQQ(d zzZ%?(1OS8v+#BHEzjhDve^j7_vRuTd$&R$Q#njaQ;e`UVSQ7AQ-Th<$NwWp%)q!3K zv~dwZjg(7-LyaB2U5tC+fOo@3%}M|}^8>+1&{6X5<8IP2>b%6=K0XbTF92R&>wfhP zd8ME4_6iQORdClRk}bFyUpS6EsKN$EdIz+ Vn9jIo+9<9;R!Z?r*=s}p{|4> + { + new ToolbarItemModel + { + iconCss = "e-icons e-refresh", + align = "Right", + } + }; + + // Initialize prompt suggestions + ViewModel.PromptSuggestionData = new string[] + { + "What are the best tools for organizing my tasks?", + "How can I maintain work-life balance effectively?" + }; + } + public async Task OnPostGetAIResponse([FromBody] PromptRequest request) + { + try + { + _logger.LogInformation("Received request with prompt: {Prompt}", request?.Prompt); + + if (string.IsNullOrEmpty(request?.Prompt)) + { + _logger.LogWarning("Prompt is null or empty."); + return BadRequest("Prompt cannot be empty."); + } + + string apiKey = ""; // Replace with your key + var googleAI = new GoogleAI(apiKey: apiKey); + var model = googleAI.GenerativeModel(model: Model.Gemini15Flash); + + var response = await model.GenerateContent(request.Prompt); + + if (string.IsNullOrEmpty(response?.Text)) + { + _logger.LogError("Gemini API returned no text."); + return BadRequest("No response from Gemini."); + } + + _logger.LogInformation("Gemini response received: {Response}", response.Text); + return new JsonResult(response.Text); + } + catch (Exception ex) + { + _logger.LogError("Exception in Gemini call: {Message}", ex.Message); + return BadRequest($"Error generating response: {ex.Message}"); + } + } + } + + public class IndexViewModel + { + public List Items { get; set; } = new List(); + public string[] PromptSuggestionData { get; set; } + } + + public class PromptRequest + { + public string Prompt { get; set; } + } + + public class ToolbarItemModel + { + public string align { get; set; } + public string iconCss { get; set; } + } + } +} \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs new file mode 100644 index 0000000000..97ddd2c5f4 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs @@ -0,0 +1,65 @@ +using Mscc.GenerativeAI; + +namespace AssistViewDemo.Controllers +{ + public class HomeController : Controller + { + + public List Items { get; set; } = new List(); + + public IActionResult Index() + { + Items.Add(new ToolbarItemModel { iconCss = "e-icons e-refresh", align = "Right" }); + ViewBag.Items = Items; + var PromptSuggestionData = new string[] + { + "What are the best tools for organizing my tasks?", + "How can I maintain work-life balance effectively?" + }; + ViewBag.PromptSuggestionData = PromptSuggestionData; + return View(); + } + + public class ToolbarItemModel + { + public string iconCss { get; set; } + public string align { get; set; } + } + + + [HttpPost] + public async Task GetAIResponse([FromBody] PromptRequest request) + { + try + { + _logger.LogInformation("Received request with prompt: {Prompt}", request?.Prompt); + + if (string.IsNullOrEmpty(request?.Prompt)) + { + _logger.LogWarning("Prompt is null or empty."); + return BadRequest("Prompt cannot be empty."); + } + + string apiKey = ""; // Replace with your key + var googleAI = new GoogleAI(apiKey: apiKey); + var model = googleAI.GenerativeModel(model: Model.Gemini15Flash); + + var responseText = await model.GenerateContent(request.Prompt); + + if (string.IsNullOrEmpty(responseText?.Text)) + { + _logger.LogError("OpenAI API returned no text."); + return BadRequest("No response from OpenAI."); + } + + _logger.LogInformation("OpenAI response received: {Response}", responseText?.Text); + return Json(responseText?.Text); + } + catch (Exception ex) + { + _logger.LogError("Exception in OpenAI call: {Message}", ex.Message); + return BadRequest($"Error generating response: {ex.Message}"); + } + } + } +} \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/razor b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/razor new file mode 100644 index 0000000000..ebec3a9e57 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/razor @@ -0,0 +1,112 @@ +@using Syncfusion.EJ2.InteractiveChat +@using Syncfusion.EJ2 + +@{ + ViewData["Title"] = "AI Assistance with OpenAI"; +} + +
+ @Html.EJS().AIAssistView("aiAssistView").BannerTemplate("#bannerContent").PromptSuggestions(ViewBag.PromptSuggestionData).PromptRequest("onPromptRequest").Created("onCreated").ToolbarSettings(new AIAssistViewToolbarSettings() +{ + Items = ViewBag.Items, + ItemClicked = "toolbarItemClicked" +}).StopRespondingClick("stopRespondingClick").Render() +
+ + + + + + + + \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/tagHelper b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/tagHelper new file mode 100644 index 0000000000..0e59d545ac --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/tagHelper @@ -0,0 +1,108 @@ +@using Syncfusion.EJ2.InteractiveChat +@{ + ViewData["Title"] = "AI Assistance with Gemini"; +} + +
+ + + +
+ + + + + + \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs new file mode 100644 index 0000000000..b816468cf6 --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs @@ -0,0 +1,82 @@ +using OpenAI; + +namespace WebApplication4.Pages +{ + public class IndexModel : PageModel + { + + public IndexViewModel ViewModel { get; set; } = new IndexViewModel(); + public void OnGet() + { + // Initialize toolbar items + ViewModel.Items = new List + { + new ToolbarItemModel + { + iconCss = "e-icons e-refresh", + align = "Right", + } + }; + + // Initialize prompt suggestions + ViewModel.PromptSuggestionData = new string[] + { + "What are the best tools for organizing my tasks?", + "How can I maintain work-life balance effectively?" + }; + } + + public async Task OnPostGetAIResponse([FromBody] PromptRequest request) + { + try + { + _logger.LogInformation("Received request with prompt: {Prompt}", request?.Prompt); + + if (string.IsNullOrEmpty(request?.Prompt)) + { + _logger.LogWarning("Prompt is null or empty."); + return BadRequest("Prompt cannot be empty."); + } + + string apiKey = ""; // Replace with your OpenAI API key + var openAiClient = new OpenAIClient(apiKey); + var chatClient = openAiClient.GetChatClient("gpt-4o-mini"); // Use your preferred model, e.g., "gpt-4o-mini" or "gpt-4o" + + ChatCompletion completion = await chatClient.CompleteChatAsync(request.Prompt); + string responseText = completion.Content[0].Text; + + if (string.IsNullOrEmpty(responseText)) + { + _logger.LogError("OpenAI API returned no text."); + return BadRequest("No response from OpenAI."); + } + + _logger.LogInformation("OpenAI response received: {Response}", responseText); + return new JsonResult(responseText); + } + catch (Exception ex) + { + _logger.LogError("Exception in Gemini call: {Message}", ex.Message); + return BadRequest($"Error generating response: {ex.Message}"); + } + } + } + + public class IndexViewModel + { + public List Items { get; set; } = new List(); + public string[] PromptSuggestionData { get; set; } + } + + public class PromptRequest + { + public string Prompt { get; set; } + } + + public class ToolbarItemModel + { + public string align { get; set; } + public string iconCss { get; set; } + } + } +} \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs new file mode 100644 index 0000000000..420cb12b8b --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs @@ -0,0 +1,63 @@ +using OpenAI; + +namespace AssistViewDemo.Controllers +{ + public class HomeController : Controller + { + + public List Items { get; set; } = new List(); + + public IActionResult Index() + { + Items.Add(new ToolbarItemModel { iconCss = "e-icons e-refresh", align = "Right" }); + ViewBag.Items = Items; + var PromptSuggestionData = new string[] + { + "What are the best tools for organizing my tasks?", + "How can I maintain work-life balance effectively?" + }; + ViewBag.PromptSuggestionData = PromptSuggestionData; + return View(); + } + public class ToolbarItemModel + { + public string iconCss { get; set; } + public string align { get; set; } + } + [HttpPost] + public async Task GetAIResponse([FromBody] PromptRequest request) + { + try + { + _logger.LogInformation("Received request with prompt: {Prompt}", request?.Prompt); + + if (string.IsNullOrEmpty(request?.Prompt)) + { + _logger.LogWarning("Prompt is null or empty."); + return BadRequest("Prompt cannot be empty."); + } + + string apiKey = ""; // Replace with your OpenAI API key + var openAiClient = new OpenAIClient(apiKey); + var chatClient = openAiClient.GetChatClient("gpt-4o-mini"); // Use your preferred model, e.g., "gpt-4o-mini" or "gpt-4o" + + OpenAI.Chat.ChatCompletion completion = await chatClient.CompleteChatAsync(request.Prompt); + string responseText = completion.Content[0].Text; + + if (string.IsNullOrEmpty(responseText)) + { + _logger.LogError("OpenAI API returned no text."); + return BadRequest("No response from OpenAI."); + } + + _logger.LogInformation("OpenAI response received: {Response}", responseText); + return Json(responseText); + } + catch (Exception ex) + { + _logger.LogError("Exception in OpenAI call: {Message}", ex.Message); + return BadRequest($"Error generating response: {ex.Message}"); + } + } + } +} \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor new file mode 100644 index 0000000000..ec06bf95ac --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor @@ -0,0 +1,108 @@ +@using Syncfusion.EJ2.InteractiveChat + +@{ + ViewData["Title"] = "AI Assistance with OpenAI"; +} + +
+ @Html.EJS().AIAssistView("aiAssistView").BannerTemplate("#bannerContent").PromptSuggestions(ViewBag.PromptSuggestionData).PromptRequest("onPromptRequest").Created("onCreated").ToolbarSettings(new AIAssistViewToolbarSettings() +{ + Items = ViewBag.Items, + ItemClicked = "toolbarItemClicked" +}).StopRespondingClick("stopRespondingClick").Render() +
+ + + + + + \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper new file mode 100644 index 0000000000..f7edb648cc --- /dev/null +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper @@ -0,0 +1,110 @@ +@using Syncfusion.EJ2.InteractiveChat + +@{ + ViewData["Title"] = "AI Assistance with Gemini"; +} + +
+ + + +
+ + + + + + \ No newline at end of file diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html index 49e7c72bff..fd587ea82f 100644 --- a/ej2-asp-core-toc.html +++ b/ej2-asp-core-toc.html @@ -200,6 +200,16 @@
  • Getting Started
  • Assist view
    • +
  • AI Integrations + +
  • Toolbar items
  • Custom views
  • File attachments
    • diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html index 0241d82d8e..83b363a019 100644 --- a/ej2-asp-mvc-toc.html +++ b/ej2-asp-mvc-toc.html @@ -154,6 +154,16 @@
    • Getting Started
    • Assist view
      • +
    • AI Integrations + +
    • Toolbar items
    • Custom views
    • File attachments
      • From 3baee0e44f76ba7980408ceb361196368befb549 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Thu, 25 Sep 2025 17:50:11 +0530 Subject: [PATCH 2/2] 979100: conversation of open ai to azure open ai --- .../ai-integrations/gemini-integration.md | 2 +- .../ai-integrations/openai-integration.md | 44 +++---- .../ai-integrations/gemini-integration.md | 2 +- .../ai-integrations/openai-integration.md | 46 ++++---- .../ai-integrations/gemini-ai/geminicore.cs | 3 +- .../ai-integrations/gemini-ai/geminimvc.cs | 8 +- .../ai-integrations/open-ai/openaicore.cs | 31 +++-- .../ai-integrations/open-ai/openaimvc.cs | 30 +++-- .../ai-integrations/open-ai/razor | 9 +- .../ai-integrations/open-ai/tagHelper | 110 +++++++++--------- ej2-asp-core-toc.html | 2 +- ej2-asp-mvc-toc.html | 2 +- 12 files changed, 154 insertions(+), 135 deletions(-) diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md index 2609a71f64..4850316d1d 100644 --- a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/gemini-integration.md @@ -14,7 +14,7 @@ The Syncfusion AI AssistView supports integration with [Gemini](https://ai.googl ## Getting Started With the AI AssistView control -Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: +Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your MVC application: [ MVC Getting Started Guide](../getting-started) diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md index 0eb8794334..2d3b85a82c 100644 --- a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/ai-integrations/openai-integration.md @@ -1,26 +1,26 @@ --- layout: post -title: Open AI in ##Platform_Name## AI AssistView Control | Syncfusion -description: Checkout and learn about Integration of Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +title: Azure Open AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Azure Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc -control: Open AI +control: Azure Open AI publishingplatform: ##Platform_Name## documentation: ug --- -# Integration of Open AI With AI AssistView control +# Integration of Azure Open AI With AI AssistView control -The Syncfusion AI AssistView supports integration with [OpenAI](https://platform.openai.com/docs/overview), enabling advanced conversational AI features in your MVC applications. +The Syncfusion AI AssistView supports integration with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), enabling advanced conversational AI features in your Angular applications. ## Getting Started With the AI AssistView control -Before integrating Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: +Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your MVC application: [ MVC Getting Started Guide](../getting-started) ## Prerequisites -* OpenAI account to generate an API key for accessing the `OpenAI` API +* An Azure account with access to `Azure Open AI` services and a generated API key. * [System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create MVC application ## Install Packages @@ -33,35 +33,39 @@ NuGet\Install-Package Syncfusion.EJ2.MVC5 ``` -Install the Open AI package in the application using Package Manager Console. +Install the Open AI and Azure Open AI package in the application using Package Manager Console. ```bash NuGet\Install-Package OpenAI - +NuGet\Install-Package Azure.AI.OpenAI +NuGet\Install-Package Azure.Core + ``` -## Generate API Key +## Configure Azure Open AI -1. Go to [Open AI](https://platform.openai.com/docs/overview) and sign in with your Google account. If you don’t have one, create a new account. +1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource. -2. Once logged in, click on your profile icon in the top-right corner and select `API Keys` from the dropdown menu. +2. Under Resource Management, select Keys and Endpoint to retrieve your API key and endpoint URL. -3. Click the `+ Create new secret key` button. You’ll be prompted to name the key (optional). Confirm to generate the key. +3. Copy the API key, endpoint, and deployment name (e.g., gpt-4o-mini). Ensure the API version (e.g., 2024-07-01-preview) matches your resource configuration. -4. Your API key will be displayed once. Copy it and store it securely, as it won’t be shown again. +4. Store these values securely, as they will be used in your application. -> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. +> `Security Note`: expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely. -## Integration Open AI with AI AssistView +## Integration Azure Open AI with AI AssistView You can add the below respective files in your application: -* Add your generated `API Key` at the line in .cs file +* Update the following configuration values with your Azure Open AI details: ```bash -string apiKey = 'Place your API key here'; +string endpoint = "Your_Azure_OpenAI_Endpoint"; +string apiKey = "Your_Azure_OpenAI_API_Key"; +string deploymentName = "Your_Deployment_Name"; ``` @@ -74,7 +78,7 @@ string apiKey = 'Place your API key here'; {% endhighlight %} {% endtabs %} -![Open AI](../../images/open-ai.png) +![Azure Open AI](../../images/open-ai.png) ## Run and Test @@ -82,4 +86,4 @@ Run the application in the browser using the following command. Build and run the app (Ctrl + F5). -Open `https://localhost:44321` to interact with your Open AI for dynamic response. \ No newline at end of file +Open `https://localhost:44321` to interact with your Azure Open AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md index 2147662596..8fbbe75041 100644 --- a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/gemini-integration.md @@ -14,7 +14,7 @@ The Syncfusion AI AssistView supports integration with [Gemini](https://ai.googl ## Getting Started With the AI AssistView control -Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: +Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Core application: [ ASP.NET CORE Getting Started Guide](../getting-started) diff --git a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md index 85ea6748e8..bd7dab59db 100644 --- a/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md +++ b/ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/ai-integrations/openai-integration.md @@ -1,26 +1,26 @@ --- layout: post -title: Open AI in ##Platform_Name## AI AssistView Control | Syncfusion -description: Checkout and learn about Integration of Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. +title: Azure Open AI in ##Platform_Name## AI AssistView Control | Syncfusion +description: Checkout and learn about Integration of Azure Open AI in Syncfusion ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more. platform: ej2-asp-core-mvc -control: Open AI +control: Azure Open AI publishingplatform: ##Platform_Name## documentation: ug --- -# Integration of Open AI With AI AssistView control +# Integration of Azure Open AI With AI AssistView control -The Syncfusion AI AssistView supports integration with [OpenAI](https://platform.openai.com/docs/overview), enabling advanced conversational AI features in your Core applications. +The Syncfusion AI AssistView supports integration with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), enabling advanced conversational AI features in your Angular applications. ## Getting Started With the AI AssistView control -Before integrating Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Vue application: +Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your Core app: [ CORE Getting Started Guide](../getting-started) ## Prerequisites -* OpenAI account to generate an API key for accessing the `OpenAI` API +* An Azure account with access to `Azure Open AI` services and a generated API key. * [System requirements for ASP.NET MVC controls](https://ej2.syncfusion.com/aspnetmvc/documentation/system-requirements) to create Core application ## Install Packages @@ -33,35 +33,39 @@ NuGet\Install-Package Syncfusion.EJ2.AspNet.Core ``` -Install the Open AI package in the application using Package Manager Console. +Install the Open AI and Azure Open AI package in the application using Package Manager Console. ```bash -NuGet\Install-Package - +NuGet\Install-Package OpenAI +NuGet\Install-Package Azure.AI.OpenAI +NuGet\Install-Package Azure.Core + ``` -## Generate API Key +## Configure Azure Open AI -1. Go to [Open AI](https://platform.openai.com/docs/overview) and sign in with your Google account. If you don’t have one, create a new account. +1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource. -2. Once logged in, click on your profile icon in the top-right corner and select `API Keys` from the dropdown menu. +2. Under Resource Management, select Keys and Endpoint to retrieve your API key and endpoint URL. -3. Click the `+ Create new secret key` button. You’ll be prompted to name the key (optional). Confirm to generate the key. +3. Copy the API key, endpoint, and deployment name (e.g., gpt-4o-mini). Ensure the API version (e.g., 2024-07-01-preview) matches your resource configuration. -4. Your API key will be displayed once. Copy it and store it securely, as it won’t be shown again. +4. Store these values securely, as they will be used in your application. -> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production. +> `Security Note`: Never expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely. -## Integration Open AI with AI AssistView +## Integration Azure Open AI with AI AssistView You can add the below respective files in your application: -* Add your generated `API Key` at the line in .cs file +* Update the following configuration values with your Azure Open AI details: ```bash -string apiKey = 'Place your API key here'; +string endpoint = "Your_Azure_OpenAI_Endpoint"; +string apiKey = "Your_Azure_OpenAI_API_Key"; +string deploymentName = "Your_Deployment_Name"; ``` @@ -74,7 +78,7 @@ string apiKey = 'Place your API key here'; {% endhighlight %} {% endtabs %} -![Open AI](../../images/open-ai.png) +![Azure Open AI](../../images/open-ai.png) ## Run and Test @@ -82,4 +86,4 @@ Run the application in the browser using the following command. Build and run the app (Ctrl + F5). -Open `https://localhost:44321` to interact with your Open AI for dynamic response. \ No newline at end of file +Open `https://localhost:44321` to interact with your Azure Open AI for dynamic response. \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs index 3f1954d8e0..f2e0ab297c 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminicore.cs @@ -76,5 +76,4 @@ public class ToolbarItemModel public string align { get; set; } public string iconCss { get; set; } } - } -} \ No newline at end of file + } \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs index 97ddd2c5f4..c94229f8d3 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/gemini-ai/geminimvc.cs @@ -48,16 +48,16 @@ public async Task GetAIResponse([FromBody] PromptRequest request) if (string.IsNullOrEmpty(responseText?.Text)) { - _logger.LogError("OpenAI API returned no text."); - return BadRequest("No response from OpenAI."); + _logger.LogError("Gemini API returned no text."); + return BadRequest("No response from Gemini."); } - _logger.LogInformation("OpenAI response received: {Response}", responseText?.Text); + _logger.LogInformation("Gemini response received: {Response}", responseText?.Text); return Json(responseText?.Text); } catch (Exception ex) { - _logger.LogError("Exception in OpenAI call: {Message}", ex.Message); + _logger.LogError("Exception in Gemini call: {Message}", ex.Message); return BadRequest($"Error generating response: {ex.Message}"); } } diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs index b816468cf6..0ff4e66bf0 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaicore.cs @@ -1,5 +1,6 @@ using OpenAI; - +using Azure; +using Azure.AI.OpenAI; namespace WebApplication4.Pages { public class IndexModel : PageModel @@ -38,25 +39,32 @@ public async Task OnPostGetAIResponse([FromBody] PromptRequest re return BadRequest("Prompt cannot be empty."); } - string apiKey = ""; // Replace with your OpenAI API key - var openAiClient = new OpenAIClient(apiKey); - var chatClient = openAiClient.GetChatClient("gpt-4o-mini"); // Use your preferred model, e.g., "gpt-4o-mini" or "gpt-4o" + string endpoint = ""; // Replace with your Azure OpenAI endpoint + string apiKey = ""; // Replace with your Azure OpenAI API key + string deploymentName = ""; // Replace with your Azure OpenAI deployment name (e.g., gpt-4o-mini) - ChatCompletion completion = await chatClient.CompleteChatAsync(request.Prompt); - string responseText = completion.Content[0].Text; + var credential = new AzureKeyCredential(apiKey); + var client = new AzureOpenAIClient(new Uri(endpoint), credential); + var chatClient = client.GetChatClient(deploymentName); + var chatCompletionOptions = new ChatCompletionOptions(); + var completion = await chatClient.CompleteChatAsync( + new[] { new UserChatMessage(request.Prompt) }, + chatCompletionOptions + ); + string responseText = completion.Value.Content[0].Text; if (string.IsNullOrEmpty(responseText)) { - _logger.LogError("OpenAI API returned no text."); - return BadRequest("No response from OpenAI."); + _logger.LogError("Azure OpenAI API returned no text."); + return BadRequest("No response from Azure OpenAI."); } - _logger.LogInformation("OpenAI response received: {Response}", responseText); + _logger.LogInformation("Azure OpenAI response received: {Response}", responseText); return new JsonResult(responseText); } catch (Exception ex) { - _logger.LogError("Exception in Gemini call: {Message}", ex.Message); + _logger.LogError("Exception in Azure OpenAI call: {Message}", ex.Message); return BadRequest($"Error generating response: {ex.Message}"); } } @@ -78,5 +86,4 @@ public class ToolbarItemModel public string align { get; set; } public string iconCss { get; set; } } - } -} \ No newline at end of file + } \ No newline at end of file diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs index 420cb12b8b..912076e1f3 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/openaimvc.cs @@ -1,4 +1,7 @@ using OpenAI; +using OpenAI.Chat; +using Azure; +using Azure.AI.OpenAI; namespace AssistViewDemo.Controllers { @@ -37,25 +40,34 @@ public async Task GetAIResponse([FromBody] PromptRequest request) return BadRequest("Prompt cannot be empty."); } - string apiKey = ""; // Replace with your OpenAI API key - var openAiClient = new OpenAIClient(apiKey); - var chatClient = openAiClient.GetChatClient("gpt-4o-mini"); // Use your preferred model, e.g., "gpt-4o-mini" or "gpt-4o" + // Azure OpenAI configuration + string endpoint = ""; // Replace with your Azure OpenAI endpoint + string apiKey = ""; // Replace with your Azure OpenAI API key + string deploymentName = ""; // Replace with your Azure OpenAI deployment name (e.g., gpt-4o-mini) - OpenAI.Chat.ChatCompletion completion = await chatClient.CompleteChatAsync(request.Prompt); - string responseText = completion.Content[0].Text; + var credential = new AzureKeyCredential(apiKey); + var client = new AzureOpenAIClient(new Uri(endpoint), credential); + var chatClient = client.GetChatClient(deploymentName); + var chatCompletionOptions = new ChatCompletionOptions(); + var completion = await chatClient.CompleteChatAsync( + new[] { new UserChatMessage(request.Prompt) }, + chatCompletionOptions + ); + + string responseText = completion.Value.Content[0].Text; if (string.IsNullOrEmpty(responseText)) { - _logger.LogError("OpenAI API returned no text."); - return BadRequest("No response from OpenAI."); + _logger.LogError("Azure OpenAI API returned no text."); + return BadRequest("No response from Azure OpenAI."); } - _logger.LogInformation("OpenAI response received: {Response}", responseText); + _logger.LogInformation("Azure OpenAI response received: {Response}", responseText); return Json(responseText); } catch (Exception ex) { - _logger.LogError("Exception in OpenAI call: {Message}", ex.Message); + _logger.LogError("Exception in Azure OpenAI call: {Message}", ex.Message); return BadRequest($"Error generating response: {ex.Message}"); } } diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor index ec06bf95ac..4f93076204 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/razor @@ -54,18 +54,13 @@ } function onPromptRequest(args) { - if (!token) { - assistObj.addPromptResponse('⚠️ Antiforgery token not found.'); - return; - } fetch('/?handler=GetAIResponse', { method: 'POST', headers: { - 'Content-Type': 'application/json', - 'RequestVerificationToken': token + 'Content-Type': 'application/json' }, - body: JSON.stringify({ prompt: args.prompt || 'Hi' }) + body: JSON.stringify({ prompt: args.prompt }) }) .then(response => { if (!response.ok) { diff --git a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper index f7edb648cc..560e6b7e1c 100644 --- a/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper +++ b/ej2-asp-core-mvc/code-snippet/ai-assistview/ai-integrations/open-ai/tagHelper @@ -1,5 +1,4 @@ @using Syncfusion.EJ2.InteractiveChat - @{ ViewData["Title"] = "AI Assistance with Gemini"; } @@ -13,6 +12,7 @@ + - \ No newline at end of file + + \ No newline at end of file diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html index 28a44c4541..1d618988f2 100644 --- a/ej2-asp-core-toc.html +++ b/ej2-asp-core-toc.html @@ -206,7 +206,7 @@ Integration with Google Gemini
    • - Integration with Open AI + Integration with Azure Open AI
    diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html index c06035e66e..5670a9008a 100644 --- a/ej2-asp-mvc-toc.html +++ b/ej2-asp-mvc-toc.html @@ -160,7 +160,7 @@ Integration with Google Gemini
  • - Integration with Open AI + Integration with Azure Open AI