From 0c0f980678ad4386a98cb2aa9ff06ca820455e6f Mon Sep 17 00:00:00 2001
From: sauravniraula <developmentsaurav@gmail.com>
Date: Tue, 8 Jul 2025 16:39:35 +0545
Subject: [PATCH] chore(nextjs): adds disclaimer on custom model select about
 supported models

---
 servers/nextjs/app/settings/SettingPage.tsx | 5 +++++
 servers/nextjs/components/Home.tsx          | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/servers/nextjs/app/settings/SettingPage.tsx b/servers/nextjs/app/settings/SettingPage.tsx
index 956e4f21..65dd7769 100644
--- a/servers/nextjs/app/settings/SettingPage.tsx
+++ b/servers/nextjs/app/settings/SettingPage.tsx
@@ -554,6 +554,11 @@ const SettingsPage = () => {
                                 {/* Model selection dropdown - show if models are available or if there's a selected model */}
                                 {((customModelsChecked && customModels.length > 0) || llmConfig.CUSTOM_MODEL) && (
                                     <div>
+                                        <div className="mb-3 p-3 bg-amber-50 border border-amber-200 rounded-lg">
+                                            <p className="text-sm text-amber-800">
+                                                <strong>Important:</strong> Only models with function calling capabilities (tool calls) or JSON schema support will work.
+                                            </p>
+                                        </div>
                                         <label className="block text-sm font-medium text-gray-700 mb-2">
                                             Select Model
                                         </label>
diff --git a/servers/nextjs/components/Home.tsx b/servers/nextjs/components/Home.tsx
index 9ebd6b81..3acd340d 100644
--- a/servers/nextjs/components/Home.tsx
+++ b/servers/nextjs/components/Home.tsx
@@ -639,6 +639,11 @@ export default function Home() {
                                 {/* Model selection dropdown - only show if models are available */}
                                 {customModelsChecked && customModels.length > 0 && (
                                     <div className="mb-4">
+                                        <div className="mb-3 p-3 bg-amber-50 border border-amber-200 rounded-lg">
+                                            <p className="text-sm text-amber-800">
+                                                <strong>Important:</strong> Only models with function calling capabilities (tool calls) or JSON schema support will work.
+                                            </p>
+                                        </div>
                                         <label className="block text-sm font-medium text-gray-700 mb-2">
                                             Select Model
                                         </label>