gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed nudges design

Browse source
This commit is contained in:
Lucas Oliveira 2025-10-21 18:12:43 -03:00 • committed by Mike Fortman
parent 3d56fd4932
commit ba4bf9adc4
2 changed files with 144 additions and 141 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/chat/nudges.tsx
View file

@ -11,7 +11,7 @@ export default function Nudges({
handleSuggestionClick: (suggestion: string) => void; handleSuggestionClick: (suggestion: string) => void;
}) { }) {
return ( return (
<div className="flex-shrink-0 h-12 w-full overflow-hidden pl-10"> <div className="flex-shrink-0 h-12 w-full overflow-hidden">
<AnimatePresence> <AnimatePresence>
{nudges.length > 0 && ( {nudges.length > 0 && (
<motion.div <motion.div

15
frontend/src/app/chat/page.tsx
View file

@ -1109,7 +1109,8 @@ function ChatPage() {
} }
}; };
return (<> return (
<>
{/* Debug header - only show in debug mode */} {/* Debug header - only show in debug mode */}
{isDebugMode && ( {isDebugMode && (
<div className="flex items-center justify-between p-6"> <div className="flex items-center justify-between p-6">
@ -1167,9 +1168,7 @@ function ChatPage() {
<> <>
<Loader2 className="h-12 w-12 mx-auto mb-4 animate-spin" /> <Loader2 className="h-12 w-12 mx-auto mb-4 animate-spin" />
<p>Processing your document...</p> <p>Processing your document...</p>
<p className="text-sm mt-2"> <p className="text-sm mt-2">This may take a few moments</p>
This may take a few moments
</p>
</> </>
) : null} ) : null}
</div> </div>
@ -1215,10 +1214,12 @@ function ChatPage() {
</> </>
)} )}
{!streamingMessage && ( {!streamingMessage && (
<div className="pl-10">
<Nudges <Nudges
nudges={loading ? [] : (nudges as string[])} nudges={loading ? [] : (nudges as string[])}
handleSuggestionClick={handleSuggestionClick} handleSuggestionClick={handleSuggestionClick}
/> />
</div>
)} )}
</div> </div>
</StickToBottom.Content> </StickToBottom.Content>
@ -1248,7 +1249,8 @@ function ChatPage() {
setSelectedFilter={setSelectedFilter} setSelectedFilter={setSelectedFilter}
setIsFilterHighlighted={setIsFilterHighlighted} setIsFilterHighlighted={setIsFilterHighlighted}
setIsFilterDropdownOpen={setIsFilterDropdownOpen} setIsFilterDropdownOpen={setIsFilterDropdownOpen}
/></> />
</>
); );
} }
@ -1263,7 +1265,8 @@ export default function ProtectedChatPage() {
mass={1} mass={1}
> >
<ChatPage /> <ChatPage />
</StickToBottom></div> </StickToBottom>
</div>
</ProtectedRoute> </ProtectedRoute>
); );
} }