Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-25 04:40:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(DataTable): enhance virtualization and scrolling performance with dynamic overscan adjustments

Browse source
This commit is contained in:
Marco Beretta 2025-09-27 16:31:02 +02:00
parent a16744d211
commit a43562de8a
No known key found for this signature in database
GPG key ID: D918033D8E74CC11
6 changed files with 152 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx
View file

@ -1,8 +1,6 @@
import { useCallback, useState, useMemo, useEffect } from 'react';
import { Link } from 'react-router-dom';
import { TrashIcon, MessageSquare } from 'lucide-react';
import type { ColumnDef, SortingState } from '@tanstack/react-table';
import type { SharedLinkItem, SharedLinksListParams } from 'librechat-data-provider';
import {
OGDialog,
useToastContext,
@ -18,6 +16,8 @@ import {
Button,
Label,
} from '@librechat/client';
import type { SharedLinkItem, SharedLinksListParams } from 'librechat-data-provider';
import type { ColumnDef, SortingState } from '@tanstack/react-table';
import { useDeleteSharedLinkMutation, useSharedLinksQuery } from '~/data-provider';
import { NotificationSeverity } from '~/common';
import { formatDate, cn } from '~/utils';
@ -90,7 +90,6 @@ export default function SharedLinks() {
const coerced = next;
const primary = coerced[0];
// Seed allKnown with current data before changing params
if (data?.pages) {
const currentFlattened = data.pages.flatMap((page) => page?.links?.filter(Boolean) ?? []);
setAllKnownLinks(currentFlattened);

14
client/src/components/Nav/SettingsTabs/General/ArchivedChats.tsx
View file

@ -1,6 +1,7 @@
import { useState, useCallback, useMemo } from 'react';
import { QueryKeys } from 'librechat-data-provider';
import { TrashIcon, ArchiveRestore } from 'lucide-react';
import type { SortingState } from '@tanstack/react-table';
import { useQueryClient, InfiniteData } from '@tanstack/react-query';
import {
Button,
OGDialog,
@ -18,7 +19,7 @@ import {
type TableColumn,
} from '@librechat/client';
import type { ConversationListParams, TConversation } from 'librechat-data-provider';
import { QueryKeys } from 'librechat-data-provider';
import type { SortingState } from '@tanstack/react-table';
import {
useArchiveConvoMutation,
useConversationsInfiniteQuery,
@ -28,7 +29,6 @@ import { MinimalIcon } from '~/components/Endpoints';
import { NotificationSeverity } from '~/common';
import { formatDate, cn } from '~/utils';
import { useLocalize } from '~/hooks';
import { useQueryClient, InfiniteData } from '@tanstack/react-query';
const DEFAULT_PARAMS = {
isArchived: true,
@ -87,13 +87,9 @@ export default function ArchivedChatsTable() {
const [sorting, setSorting] = useState<SortingState>(defaultSort);
const [searchValue, setSearchValue] = useState('');
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isFetching, isLoading } =
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } =
useConversationsInfiniteQuery(queryParams, {
enabled: isOpen,
// Critical for "server-only sorting" UX: we disable keepPreviousData so that
// a sort (or search) change clears the table immediately and skeletons show
// while the new order is fetched from the server. This prevents any client-side
// reordering of stale rows.
keepPreviousData: false,
staleTime: 30 * 1000,
refetchOnWindowFocus: false,
@ -144,7 +140,6 @@ export default function ArchivedChatsTable() {
[showToast, localize],
);
// Flatten server-provided pages directly; no client sorting or aggregation cache
const flattenedConversations = useMemo(
() => data?.pages?.flatMap((page) => page?.conversations?.filter(Boolean) ?? []) ?? [],
[data?.pages],
@ -160,7 +155,6 @@ export default function ArchivedChatsTable() {
conversationId,
);
}
// Ensure appearance in non-archived queries is refreshed
queryClient.invalidateQueries([QueryKeys.allConversations]);
setUnarchivingId(null);
},