From 718ec86f5bb32898deb255ab74c900c59cc7835d Mon Sep 17 00:00:00 2001
From: akhisud3195 <akhileshs.s4@gmail.com>
Date: Mon, 12 May 2025 21:02:16 +0530
Subject: [PATCH] Add agent config message to RAG pages

---
 .../sources/components/sources-list.tsx       | 20 +++++++++++++++++++
 .../projects/[projectId]/sources/new/form.tsx | 20 +++++++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/apps/rowboat/app/projects/[projectId]/sources/components/sources-list.tsx b/apps/rowboat/app/projects/[projectId]/sources/components/sources-list.tsx
index 2afe58c6..f069e8d7 100644
--- a/apps/rowboat/app/projects/[projectId]/sources/components/sources-list.tsx
+++ b/apps/rowboat/app/projects/[projectId]/sources/components/sources-list.tsx
@@ -61,6 +61,26 @@ export function SourcesList({ projectId }: { projectId: string }) {
         >
             <div className="h-full overflow-auto px-4 py-4">
                 <div className="max-w-[1024px] mx-auto">
+                    <div className="mb-6 p-4 bg-blue-50 dark:bg-blue-900/10 rounded-lg border border-blue-200 dark:border-blue-800">
+                        <div className="flex items-start gap-3">
+                            <svg 
+                                className="w-5 h-5 text-blue-500 mt-0.5" 
+                                fill="none" 
+                                stroke="currentColor" 
+                                viewBox="0 0 24 24"
+                            >
+                                <path 
+                                    strokeLinecap="round" 
+                                    strokeLinejoin="round" 
+                                    strokeWidth={2} 
+                                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" 
+                                />
+                            </svg>
+                            <div className="text-sm text-blue-700 dark:text-blue-300">
+                                To use these data sources with your agents, go to the RAG tab inside individual agent settings.
+                            </div>
+                        </div>
+                    </div>
                     {loading && (
                         <div className="flex items-center gap-2">
                             <Spinner size="sm" />
diff --git a/apps/rowboat/app/projects/[projectId]/sources/new/form.tsx b/apps/rowboat/app/projects/[projectId]/sources/new/form.tsx
index c20508bb..33983c79 100644
--- a/apps/rowboat/app/projects/[projectId]/sources/new/form.tsx
+++ b/apps/rowboat/app/projects/[projectId]/sources/new/form.tsx
@@ -135,6 +135,26 @@ export function Form({
         >
             <div className="h-full overflow-auto px-4 py-4">
                 <div className="max-w-[768px] mx-auto flex flex-col gap-4">
+                    <div className="p-4 bg-blue-50 dark:bg-blue-900/10 rounded-lg border border-blue-200 dark:border-blue-800">
+                        <div className="flex items-start gap-3">
+                            <svg 
+                                className="w-5 h-5 text-blue-500 mt-0.5" 
+                                fill="none" 
+                                stroke="currentColor" 
+                                viewBox="0 0 24 24"
+                            >
+                                <path 
+                                    strokeLinecap="round" 
+                                    strokeLinejoin="round" 
+                                    strokeWidth={2} 
+                                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" 
+                                />
+                            </svg>
+                            <div className="text-sm text-blue-700 dark:text-blue-300">
+                                To use these data sources with your agents, go to the RAG tab inside individual agent settings.
+                            </div>
+                        </div>
+                    </div>
                     <Dropdown
                         label="Select type"
                         value={sourceType}