Add feature to create a custom agent directly from the side panel with currently configured settings

- Also, when in not subscribed state, fallback to the default model when chatting with an agent
- With conversion, create a brand new agent from inside the chat view that can be managed separately

src/interface/web/app/agents/page.tsx

@@ -35,6 +35,7 @@ import { AppSidebar } from "../components/appSidebar/appSidebar";
 import { Separator } from "@/components/ui/separator";
 import { KhojLogoType } from "../components/logo/khojLogo";
 import { DialogTitle } from "@radix-ui/react-dialog";
+import Link from "next/link";
 
 const agentsFetcher = () =>
     window
@@ -343,6 +344,14 @@ export default function Agents() {
                                     />
                                     <span className="font-bold">How it works</span> Use any of these
                                     specialized personas to tune your conversation to your needs.
+                                    {
+                                        !isSubscribed && (
+                                            <span>
+                                                {" "}
+                                                <Link href="/settings" className="font-bold">Upgrade your plan</Link> to leverage custom models. You will fallback to the default model when chatting.
+                                            </span>
+                                        )
+                                    }
                                 </AlertDescription>
                             </Alert>
                             <div className="pt-6 md:pt-8">