fix(folder): add sidebar blank-space conversation actions

This commit is contained in:
xintaofei
2026-04-14 23:09:28 +08:00
parent 570b142e44
commit 98fc75e585

View File

@@ -478,61 +478,63 @@ export function SidebarConversationList({
) : ( ) : (
<ContextMenu> <ContextMenu>
<ContextMenuTrigger asChild> <ContextMenuTrigger asChild>
<ScrollArea <div className="flex-1 min-h-0">
className={cn("flex-1 min-h-0 px-2", "[overflow-anchor:none]")} <ScrollArea
> className={cn("h-full min-h-0 px-2", "[overflow-anchor:none]")}
<Virtualizer ref={virtualizerRef} itemSize={CARD_HEIGHT}> >
{flatItems.map((item) => { <Virtualizer ref={virtualizerRef} itemSize={CARD_HEIGHT}>
const key = {flatItems.map((item) => {
item.type === "header" const key =
? `header-${item.status}` item.type === "header"
: `conv-${item.conversation.id}` ? `header-${item.status}`
return ( : `conv-${item.conversation.id}`
<div key={key}> return (
{item.type === "header" ? ( <div key={key}>
item.status === "pending_review" ? ( {item.type === "header" ? (
<PendingReviewHeader item.status === "pending_review" ? (
count={item.count} <PendingReviewHeader
isOpen={groupExpanded[item.status]} count={item.count}
onToggle={toggleGroup} isOpen={groupExpanded[item.status]}
reviewConversationCount={reviewConversationCount} onToggle={toggleGroup}
completingReview={completingReview} reviewConversationCount={reviewConversationCount}
onCompleteReview={handleOpenCompleteReview} completingReview={completingReview}
tStatus={tStatus} onCompleteReview={handleOpenCompleteReview}
t={t} tStatus={tStatus}
/> t={t}
/>
) : (
<GroupHeader
status={item.status}
count={item.count}
isOpen={groupExpanded[item.status]}
onToggle={toggleGroup}
tStatus={tStatus}
/>
)
) : ( ) : (
<GroupHeader <SidebarConversationCard
status={item.status} conversation={item.conversation}
count={item.count} isSelected={
isOpen={groupExpanded[item.status]} selectedConversation?.agentType ===
onToggle={toggleGroup} item.conversation.agent_type &&
tStatus={tStatus} selectedConversation?.id === item.conversation.id
}
onSelect={handleSelect}
onDoubleClick={handleDoubleClick}
onRename={handleRename}
onDelete={handleDelete}
onStatusChange={handleStatusChange}
onNewConversation={handleNewConversation}
onImport={handleImport}
importing={importing}
/> />
) )}
) : ( </div>
<SidebarConversationCard )
conversation={item.conversation} })}
isSelected={ </Virtualizer>
selectedConversation?.agentType === </ScrollArea>
item.conversation.agent_type && </div>
selectedConversation?.id === item.conversation.id
}
onSelect={handleSelect}
onDoubleClick={handleDoubleClick}
onRename={handleRename}
onDelete={handleDelete}
onStatusChange={handleStatusChange}
onNewConversation={handleNewConversation}
onImport={handleImport}
importing={importing}
/>
)}
</div>
)
})}
</Virtualizer>
</ScrollArea>
</ContextMenuTrigger> </ContextMenuTrigger>
<ContextMenuContent> <ContextMenuContent>
<ContextMenuItem onSelect={handleNewConversation}> <ContextMenuItem onSelect={handleNewConversation}>