mirror of
https://github.com/rowboatlabs/rowboat.git
synced 2026-06-06 19:35:44 +02:00
Update RAG banner text
This commit is contained in:
akhisud3195
parent
718ec86f5b
commit
1230f4f25c
2 changed files with 106 additions and 104 deletions
|
|
@ -61,26 +61,6 @@ 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" />
|
||||
|
|
@ -91,90 +71,112 @@ export function SourcesList({ projectId }: { projectId: string }) {
|
|||
<p className="mt-4 text-center">You have not added any data sources.</p>
|
||||
)}
|
||||
{!loading && sources.length > 0 && (
|
||||
<div className="border rounded-lg overflow-hidden">
|
||||
<table className="w-full">
|
||||
<thead className="bg-gray-50 dark:bg-gray-800/50">
|
||||
<tr>
|
||||
<th className="w-[30%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Name
|
||||
</th>
|
||||
<th className="w-[20%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Type
|
||||
</th>
|
||||
<th className="w-[35%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Status
|
||||
</th>
|
||||
<th className="w-[15%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Active
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
|
||||
{sources.map((source) => (
|
||||
<tr
|
||||
key={source._id}
|
||||
className="hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors"
|
||||
>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<Link
|
||||
href={`/projects/${projectId}/sources/${source._id}`}
|
||||
size="lg"
|
||||
isBlock
|
||||
className="text-sm text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 truncate block"
|
||||
>
|
||||
{source.name}
|
||||
</Link>
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
{source.data.type == 'urls' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="urls" />
|
||||
<div>List URLs</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'text' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="text" />
|
||||
<div>Text</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'files_local' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="files" />
|
||||
<div>Files (Local)</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'files_s3' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="files" />
|
||||
<div>Files (S3)</div>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<div className="text-sm">
|
||||
<SelfUpdatingSourceStatus
|
||||
sourceId={source._id}
|
||||
projectId={projectId}
|
||||
initialStatus={source.status}
|
||||
compact={true}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<ToggleSource
|
||||
projectId={projectId}
|
||||
sourceId={source._id}
|
||||
active={source.active}
|
||||
compact={true}
|
||||
className="bg-default-100"
|
||||
/>
|
||||
</td>
|
||||
<>
|
||||
<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">
|
||||
After creating data sources, go to the RAG tab inside individual agent settings to connect them to agents.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border rounded-lg overflow-hidden">
|
||||
<table className="w-full">
|
||||
<thead className="bg-gray-50 dark:bg-gray-800/50">
|
||||
<tr>
|
||||
<th className="w-[30%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Name
|
||||
</th>
|
||||
<th className="w-[20%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Type
|
||||
</th>
|
||||
<th className="w-[35%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Status
|
||||
</th>
|
||||
<th className="w-[15%] px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
||||
Active
|
||||
</th>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</thead>
|
||||
<tbody className="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
|
||||
{sources.map((source) => (
|
||||
<tr
|
||||
key={source._id}
|
||||
className="hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors"
|
||||
>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<Link
|
||||
href={`/projects/${projectId}/sources/${source._id}`}
|
||||
size="lg"
|
||||
isBlock
|
||||
className="text-sm text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 truncate block"
|
||||
>
|
||||
{source.name}
|
||||
</Link>
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
{source.data.type == 'urls' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="urls" />
|
||||
<div>List URLs</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'text' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="text" />
|
||||
<div>Text</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'files_local' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="files" />
|
||||
<div>Files (Local)</div>
|
||||
</div>
|
||||
)}
|
||||
{source.data.type == 'files_s3' && (
|
||||
<div className="flex gap-2 items-center text-sm text-gray-600 dark:text-gray-300">
|
||||
<DataSourceIcon type="files" />
|
||||
<div>Files (S3)</div>
|
||||
</div>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<div className="text-sm">
|
||||
<SelfUpdatingSourceStatus
|
||||
sourceId={source._id}
|
||||
projectId={projectId}
|
||||
initialStatus={source.status}
|
||||
compact={true}
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
<td className="px-6 py-4 text-left">
|
||||
<ToggleSource
|
||||
projectId={projectId}
|
||||
sourceId={source._id}
|
||||
active={source.active}
|
||||
compact={true}
|
||||
className="bg-default-100"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -151,7 +151,7 @@ export function Form({
|
|||
/>
|
||||
</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.
|
||||
After creating data sources, go to the RAG tab inside individual agent settings to connect them to agents.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue