feat(artifacts): enhance ArtifactsLibrary UI and add artifacts page detection

- Introduced a new state for detecting the artifacts page in LayoutDataProvider.
- Simplified the EmptyState component in ArtifactsLibrary for a cleaner presentation.
- Improved header layout in ArtifactsLibrary for better responsiveness and visual clarity.
This commit is contained in:
Anish Sarkar 2026-07-06 14:05:53 +05:30
parent a94a2976f6
commit 2a020629c5
3 changed files with 15 additions and 23 deletions

View file

@ -698,6 +698,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
const isSearchSpaceSettingsPage = pathname?.includes("/workspace-settings") === true;
const isTeamPage = pathname?.endsWith("/team") === true;
const isAutomationsPage = pathname?.includes("/automations") === true;
const isArtifactsPage = pathname?.endsWith("/artifacts") === true;
const isAllChatsPage = pathname?.endsWith("/chats") === true;
const handleViewAllChats = useCallback(() => {
setActiveSlideoutPanel(null);
@ -713,6 +714,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
isSearchSpaceSettingsPage ||
isTeamPage ||
isAutomationsPage ||
isArtifactsPage ||
isAllChatsPage;
return (
@ -757,6 +759,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
isSearchSpaceSettingsPage ||
isTeamPage ||
isAutomationsPage ||
isArtifactsPage ||
isAllChatsPage
? "items-start justify-center px-6 py-8 md:px-10 md:pb-10 md:pt-16"
: undefined
@ -766,7 +769,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
? "max-w-none select-none"
: isAllChatsPage
? "max-w-5xl"
: isUserSettingsPage || isSearchSpaceSettingsPage || isTeamPage
: isUserSettingsPage || isSearchSpaceSettingsPage || isTeamPage || isArtifactsPage
? "max-w-5xl"
: undefined
}

View file

@ -249,7 +249,7 @@ function AllChatsContent({ searchSpaceId, className }: AllChatsContentProps) {
variant="secondary"
className="h-7 gap-1.5 rounded-md px-2.5 text-xs font-medium"
>
<span className="text-muted-foreground">Filter by</span>
<span className="font-semibold text-muted-foreground">Filter by</span>
<span>{selectedFilterLabel}</span>
<ChevronDown className="h-3 w-3 text-muted-foreground" />
</Button>