apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-01 03:46:25 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #458 from msinha569/fix/agentprocessterminal-clean

Browse source 
Fix: add smooth expand/collapse animation for Agent Process Terminal (#452)
This commit is contained in:
Rohan Verma 2025-10-31 14:14:21 -07:00 • committed by GitHub
commit a8e40920ff
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
surfsense_web/components/chat/ChatTerminal.tsx
View file

@ -77,9 +77,15 @@ export default function TerminalDisplay({ message, open }: { message: Message; o
</div> </div>
</Button> </Button>
{/* Terminal Content */} {/* Terminal Content (animated expand/collapse) */}
{!isCollapsed && ( <div
<div ref={bottomRef} className="h-64 overflow-y-auto p-4 space-y-1 bg-gray-900"> className={`overflow-hidden bg-gray-900 transition-[max-height,opacity] duration-300 ease-in-out ${
isCollapsed ? "max-h-0 opacity-0" : "max-h-64 opacity-100"
}`}
style={{ maxHeight: isCollapsed ? "0px" : "16rem" }}
aria-hidden={isCollapsed}
>
<div ref={bottomRef} className="h-64 overflow-y-auto p-4 space-y-1">
{events.map((event, index) => ( {events.map((event, index) => (
<div key={`${event.id}-${index}`} className="text-green-400"> <div key={`${event.id}-${index}`} className="text-green-400">
<span className="text-blue-400">$</span> <span className="text-blue-400">$</span>
@ -93,7 +99,7 @@ export default function TerminalDisplay({ message, open }: { message: Message; o
<div className="text-gray-500 italic">No agent events to display...</div> <div className="text-gray-500 italic">No agent events to display...</div>
)} )}
</div> </div>
)} </div>
</div> </div>
); );
} }