feat: add connector tools strip to DocumentsSidebar and implement AvatarGroup component for better UI representation

This commit is contained in:
Anish Sarkar 2026-03-10 14:23:19 +05:30
parent 4ebf2359b5
commit c8e36cb928
3 changed files with 78 additions and 11 deletions

View file

@ -38,4 +38,27 @@ function AvatarFallback({
);
}
export { Avatar, AvatarImage, AvatarFallback };
function AvatarGroup({ className, ...props }: React.ComponentProps<"div">) {
return (
<div
data-slot="avatar-group"
className={cn("flex -space-x-2", className)}
{...props}
/>
);
}
function AvatarGroupCount({ className, ...props }: React.ComponentProps<"span">) {
return (
<span
data-slot="avatar-group-count"
className={cn(
"relative flex size-8 shrink-0 items-center justify-center rounded-full border-2 border-background bg-muted text-xs font-medium text-muted-foreground",
className
)}
{...props}
/>
);
}
export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount };