feat: Adjust document mention picker max height and refine thread header shimmer display logic.

This commit is contained in:
Anish Sarkar 2025-12-28 21:29:28 +05:30
parent 446abc239b
commit a10bfe32cd
2 changed files with 3 additions and 3 deletions

View file

@ -155,7 +155,7 @@ const ThinkingStepsDisplay: FC<{ steps: ThinkingStep[]; isThreadRunning?: boolea
)} )}
> >
{/* Header text with shimmer if processing or has in-progress step */} {/* Header text with shimmer if processing or has in-progress step */}
{isProcessing || inProgressStep ? ( {isProcessing && inProgressStep ? (
<TextShimmerLoader text={getHeaderText()} size="sm" /> <TextShimmerLoader text={getHeaderText()} size="sm" />
) : ( ) : (
<span>{getHeaderText()}</span> <span>{getHeaderText()}</span>

View file

@ -184,8 +184,8 @@ export const DocumentMentionPicker = forwardRef<
role="listbox" role="listbox"
tabIndex={-1} tabIndex={-1}
> >
{/* Document List */} {/* Document List - Shows max 3 items on mobile, 5 items on desktop */}
<div className="max-h-[280px] overflow-y-auto"> <div className="max-h-[108px] sm:max-h-[180px] overflow-y-auto">
{actualLoading ? ( {actualLoading ? (
<div className="flex items-center justify-center py-4"> <div className="flex items-center justify-center py-4">
<div className="animate-spin h-5 w-5 border-2 border-primary border-t-transparent rounded-full" /> <div className="animate-spin h-5 w-5 border-2 border-primary border-t-transparent rounded-full" />