feat(archive): load archived tasks as users scroll

[richardsolomou]

Problem

Opening the archive requests details for up to 500 tasks before the user scrolls. Large archives pay that cost even when only the first rows are visible.

Changes

I load task summaries in batches of 50 when the virtualized list approaches the unfiltered loaded boundary. Filtering and sorting use the complete archive metadata before limiting rendered rows, while filtered results do not fetch every remaining page. Page offsets count requested task IDs so missing summaries cannot stall pagination.

Screenshot: N/A, there are no visual changes.

How did you test this?

• pnpm --dir packages/ui exec vitest run src/features/archive/archiveListPagination.test.ts src/features/archive/useArchivedTaskSummaries.test.ts
• pnpm --filter @posthog/ui typecheck
• pnpm exec biome check packages/ui/src/features/archive/ArchivedTasksView.tsx packages/ui/src/features/archive/archiveListPagination.ts packages/ui/src/features/archive/archiveListPagination.test.ts

Automatic notifications

• Publish to changelog?
• Alert Sales and Marketing teams?

---

Created with PostHog Code

[trunk-io]

😎 Merged successfully - details.

[github-actions]

React Doctor found 9 issues in 1 file · 9 warnings.

9 warnings

src/features/archive/ArchivedTasksView.tsx

• ⚠️ src/features/archive/ArchivedTasksView.tsx:206 Large component is hard to read and change no-giant-component
• ⚠️ src/features/archive/ArchivedTasksView.tsx:240 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:251 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:251 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:251 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:252 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:272 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:273 Event logic handled in an effect no-event-handler
• ⚠️ src/features/archive/ArchivedTasksView.tsx:275 Parent kept in sync with a callback effect no-prop-callback-in-effect

_{Reviewed by React Doctor for commit 58fe370.}

[greptile-apps]

Prompt To Fix All With AI

Fix the following 2 code review issues. Work through them one at a time, proposing concise fixes.

---

### Issue 1 of 2
packages/ui/src/features/archive/ArchivedTasksView.tsx:258-264
**Filtered results stall pagination**

When a search or repository filter matches no task in the loaded prefix but matches a task on a later page, `virtualRows` is empty and `lastVirtualRowIndex` remains undefined, so this effect never loads the next page and the view permanently displays “No matching tasks.”

### Issue 2 of 2
packages/ui/src/features/archive/ArchivedTasksView.tsx:542
**Sorting covers only loaded prefix**

When the user observes or changes the Created/Archived sort before every page is loaded, this slice excludes later tasks before client-side sorting runs, causing globally earlier rows to remain absent and the displayed ordering to change as scrolling loads more pages.

_{Reviews (1): Last reviewed commit: "Add infinite loading for archived tasks" | Re-trigger Greptile}

[posthog]

✅ Visual changes approved by @richardsolomou — baseline updated in 58fe370.

View this run in PostHog

1 changed.