remi/Perplexica
1
0
Fork 0
mirror of https://github.com/ItzCrazyKns/Perplexica.git synced 2025-12-20 10:38:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(assistant-steps): improve style

Browse Source
This commit is contained in:
ItzCrazyKns
2025-12-19 16:25:56 +05:30
parent 604774ef6e
commit 64683e3dec
1 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/AssistantSteps.tsx
View File

@@ -182,8 +182,10 @@ const AssistantSteps = ({
: ''; : '';
return ( return (
<span <a
key={idx} key={idx}
href={url}
target="_blank"
className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md text-xs font-medium bg-light-100 dark:bg-dark-100 text-black/70 dark:text-white/70 border border-light-200 dark:border-dark-200" className="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md text-xs font-medium bg-light-100 dark:bg-dark-100 text-black/70 dark:text-white/70 border border-light-200 dark:border-dark-200"
> >
{faviconUrl && ( {faviconUrl && (
@@ -197,7 +199,7 @@ const AssistantSteps = ({
/> />
)} )}
<span className="line-clamp-1">{title}</span> <span className="line-clamp-1">{title}</span>
</span> </a>
); );
})} })}
</div> </div>
@@ -219,33 +221,26 @@ const AssistantSteps = ({
{step.type === 'upload_search_results' && {step.type === 'upload_search_results' &&
step.results.length > 0 && ( step.results.length > 0 && (
<div className="mt-1.5 space-y-2"> <div className="mt-1.5 grid gap-3 lg:grid-cols-3">
{step.results.slice(0, 4).map((result, idx) => { {step.results.slice(0, 4).map((result, idx) => {
const title = const title =
(result.metadata && (result.metadata &&
(result.metadata.title || (result.metadata.title ||
result.metadata.fileName)) || result.metadata.fileName)) ||
'Untitled document'; 'Untitled document';
const snippet = (result.content || '')
.replace(/\s+/g, ' ')
.trim()
.slice(0, 220);
return ( return (
<div <div
key={idx} key={idx}
className="flex gap-3 items-start rounded-lg border border-light-200 dark:border-dark-200 bg-light-100 dark:bg-dark-100 p-2" className="flex flex-row space-x-3 rounded-lg border border-light-200 dark:border-dark-200 bg-light-100 dark:bg-dark-100 p-2 cursor-pointer"
> >
<div className="mt-0.5 h-10 w-10 rounded-md bg-cyan-100 text-cyan-800 dark:bg-sky-500 dark:text-cyan-50 flex items-center justify-center"> <div className="mt-0.5 h-10 w-10 rounded-md bg-cyan-100 text-cyan-800 dark:bg-sky-500 dark:text-cyan-50 flex items-center justify-center">
<FileText className="w-5 h-5" /> <FileText className="w-5 h-5" />
</div> </div>
<div className="flex-1 min-w-0"> <div className="flex flex-col justify-center">
<div className="text-sm font-semibold text-black dark:text-white line-clamp-1"> <p className="text-[13px] text-black dark:text-white line-clamp-1">
{title} {title}
</div> </p>
<div className="text-xs text-black/70 dark:text-white/70 mt-0.5 leading-relaxed line-clamp-3">
{snippet || 'No preview available.'}
</div>
</div> </div>
</div> </div>
); );