vrr/SurfSense
2
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2025-09-02 10:39:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ui): Added Streaming Indicators

Browse source
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2025-06-03 02:17:48 -07:00
parent 707301e6d8
commit 954b9ad511
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
surfsense_web/app/dashboard/[search_space_id]/researcher/[chat_id]/page.tsx
View file

@ -954,23 +954,37 @@ const ChatPage = () => {
<form onSubmit={handleSubmit} className="flex items-center gap-3"> <form onSubmit={handleSubmit} className="flex items-center gap-3">
<Input <Input
type="text" type="text"
placeholder={"Search about..."} placeholder={status === 'streaming' ? "Thinking..." : "Search about..."}
value={input} value={input}
onChange={handleInputChange} onChange={handleInputChange}
className="no-shadow-input border-0 focus-visible:ring-offset-0 focus-visible:ring-0 resize-none overflow-auto w-full flex-1 bg-transparent p-3 pb-1.5 text-sm outline-none placeholder:text-muted-foreground" className={`no-shadow-input border-0 focus-visible:ring-offset-0 focus-visible:ring-0 resize-none overflow-auto w-full flex-1 bg-transparent p-3 pb-1.5 text-sm outline-none placeholder:text-muted-foreground transition-all duration-200 ${
status === 'streaming'
? 'opacity-75 cursor-not-allowed animate-pulse'
: ''
}`}
disabled={status !== 'ready'} disabled={status !== 'ready'}
/> />
{/* Send button */} {/* Send button */}
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="h-9 w-9 rounded-full hover:bg-primary/10 hover:text-primary transition-colors" className={`h-9 w-9 rounded-full hover:bg-primary/10 hover:text-primary transition-all duration-200 ${
status === 'streaming'
? 'cursor-not-allowed opacity-75'
: 'hover:scale-105'
}`}
type="submit" type="submit"
disabled={status !== 'ready' || !input.trim()} disabled={status !== 'ready' || !input.trim()}
aria-label="Send message" aria-label={status === 'streaming' ? 'Sending message' : 'Send message'}
> >
<SendHorizontal className="h-4 w-4 text-primary" /> {status === 'streaming' ? (
<span className="sr-only">Send</span> <Loader2 className="h-4 w-4 text-primary animate-spin" />
) : (
<SendHorizontal className="h-4 w-4 text-primary" />
)}
<span className="sr-only">
{status === 'streaming' ? 'Sending...' : 'Send'}
</span>
</Button> </Button>
</form> </form>
<div className="flex items-center justify-between px-2 py-2 mt-3"> <div className="flex items-center justify-between px-2 py-2 mt-3">