[tylandavis]

payload-pr-demo-collection-preview-upload-take-1.mp4

Adds an optional Collection Preview dashboard widget for browsing a collection’s recent documents without leaving the dashboard. Users can choose a collection, switch between grid and table layouts, and create documents or open bulk upload for upload collections. Existing default dashboards remain unchanged.

The widget respects collection and field access, hidden collections, and collection base filters, including the legacy baseListFilter fallback. Display preferences are saved per collection. Table cells also handle populated relationship values, and table heading IDs are scoped for multiple previews.

Validation: 45 focused unit tests passed after rebasing onto main, covering filtering, access checks, preferences, table rendering, relationship normalization, drag detection, and responsive column counts. Production bundling and full accessibility verification remain outstanding.

Written with AI

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

Share

• X
• Mastodon
• Reddit
• LinkedIn

[github-actions]

📦 esbuild Bundle Analysis for payload

This analysis was generated by esbuild-bundle-analyzer. 🤖

Meta File	Out File	Size (raw)	Note
packages/next/meta_index.json	esbuild/index.js	279.40 KB	🆕 Added
packages/payload/meta_index.json	esbuild/index.js	1.98 MB	🆕 Added
packages/payload/meta_shared.json	esbuild/exports/shared.js	547.38 KB	🆕 Added
packages/richtext-lexical/meta_client.json	esbuild/exports/client_optimized/index.js	303.10 KB	🆕 Added
packages/ui/meta_client.json	esbuild/exports/client_optimized/index.js	1.41 MB	🆕 Added
packages/ui/meta_shared.json	esbuild/exports/shared_optimized/index.js	19.46 KB	🆕 Added

Largest paths

These visualization shows top 20 largest paths in the bundle.

Meta file: packages/next/meta_index.json, Out file: esbuild/index.js

Path	Size
../../node_modules	${{\color{Goldenrod}{ ████████████████████████▋ }}}$ 98.7%, 272.71 KB
dist/adapters/router.js	${{\color{Goldenrod}{ }}}$ 0.4%, 1.00 KB
dist/adapters/server.js	${{\color{Goldenrod}{ }}}$ 0.2%, 533 B
dist/adapters/layout.js	${{\color{Goldenrod}{ }}}$ 0.2%, 529 B
dist/adapters/views.js	${{\color{Goldenrod}{ }}}$ 0.2%, 469 B
dist/adapters/UnmountWhenHidden	${{\color{Goldenrod}{ }}}$ 0.2%, 449 B
dist/utilities/initAdminContext.js	${{\color{Goldenrod}{ }}}$ 0.1%, 366 B
dist/utilities/selectiveCache.js	${{\color{Goldenrod}{ }}}$ 0.1%, 263 B
dist/esbuildEntry.js	${{\color{Goldenrod}{ }}}$ 0.0%, 0 B

Meta file: packages/payload/meta_index.json, Out file: esbuild/index.js

Path	Size
../../node_modules	${{\color{Goldenrod}{ ████████████████▊ }}}$ 67.1%, 1.33 MB
dist/collections/operations	${{\color{Goldenrod}{ ▉ }}}$ 3.5%, 68.75 KB
dist/fields/hooks	${{\color{Goldenrod}{ ▋ }}}$ 2.5%, 48.41 KB
dist/uploads/fileVersioning	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 22.32 KB
dist/globals/operations	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 19.12 KB
dist/auth/operations	${{\color{Goldenrod}{ ▏ }}}$ 0.9%, 18.06 KB
dist/utilities/configToJSONSchema.js	${{\color{Goldenrod}{ ▏ }}}$ 0.8%, 16.17 KB
dist/queues/operations	${{\color{Goldenrod}{ ▏ }}}$ 0.7%, 14.33 KB
dist/fields/config	${{\color{Goldenrod}{ ▏ }}}$ 0.7%, 13.78 KB
dist/uploads/generateFileData.js	${{\color{Goldenrod}{ ▏ }}}$ 0.7%, 12.91 KB
dist/utilities/telemetry	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 12.73 KB
dist/uploads/transformers	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 12.23 KB
dist/collections/config	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 12.21 KB
dist/uploads/transformState	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 11.28 KB
dist/fields/validations.js	${{\color{Goldenrod}{ ▏ }}}$ 0.5%, 10.33 KB
dist/cli/commands	${{\color{Goldenrod}{ ▏ }}}$ 0.5%, 9.93 KB
dist/config/sanitize.js	${{\color{Goldenrod}{ }}}$ 0.4%, 8.78 KB
dist/config/orderable	${{\color{Goldenrod}{ }}}$ 0.4%, 8.78 KB
dist/uploads/fetchAPI-multipart	${{\color{Goldenrod}{ }}}$ 0.4%, 8.39 KB
dist/database/migrations	${{\color{Goldenrod}{ }}}$ 0.4%, 8.16 KB
(other)	${{\color{Goldenrod}{ ████████▏ }}}$ 32.9%, 648.97 KB

Meta file: packages/payload/meta_shared.json, Out file: esbuild/exports/shared.js

Path	Size
../../node_modules	${{\color{Goldenrod}{ █████████████████████▉ }}}$ 87.6%, 475.32 KB
dist/fields/validations.js	${{\color{Goldenrod}{ ▍ }}}$ 1.9%, 10.30 KB
dist/fields/config	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 5.83 KB
dist/utilities/traverseFields.js	${{\color{Goldenrod}{ ▏ }}}$ 0.8%, 4.34 KB
dist/utilities/deepCopyObject.js	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 3.52 KB
dist/collections/config	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 3.46 KB
dist/config/orderable	${{\color{Goldenrod}{ ▏ }}}$ 0.6%, 3.13 KB
dist/fields/baseFields	${{\color{Goldenrod}{ ▏ }}}$ 0.5%, 2.79 KB
dist/config/client.js	${{\color{Goldenrod}{ ▏ }}}$ 0.5%, 2.62 KB
dist/utilities/getDateOnlyComparison.js	${{\color{Goldenrod}{ }}}$ 0.4%, 2.41 KB
dist/auth/cookies.js	${{\color{Goldenrod}{ }}}$ 0.3%, 1.55 KB
dist/utilities/flattenTopLevelFields.js	${{\color{Goldenrod}{ }}}$ 0.3%, 1.42 KB
dist/utilities/getVersionsConfig.js	${{\color{Goldenrod}{ }}}$ 0.2%, 1.04 KB
dist/globals/config	${{\color{Goldenrod}{ }}}$ 0.2%, 957 B
dist/utilities/unflatten.js	${{\color{Goldenrod}{ }}}$ 0.2%, 938 B
dist/uploads/generatePayloadFileURL.js	${{\color{Goldenrod}{ }}}$ 0.2%, 864 B
dist/auth/extractJWT.js	${{\color{Goldenrod}{ }}}$ 0.1%, 807 B
dist/utilities/flattenAllFields.js	${{\color{Goldenrod}{ }}}$ 0.1%, 798 B
dist/errors/ValidationError.js	${{\color{Goldenrod}{ }}}$ 0.1%, 772 B
dist/utilities/sanitizeUserDataForEmail.js	${{\color{Goldenrod}{ }}}$ 0.1%, 713 B
(other)	${{\color{Goldenrod}{ ███ }}}$ 12.4%, 66.98 KB

Meta file: packages/richtext-lexical/meta_client.json, Out file: esbuild/exports/client_optimized/index.js

Path	Size
dist/features/blocks	${{\color{Goldenrod}{ ███▌ }}}$ 14.4%, 43.27 KB
dist/lexical/plugins	${{\color{Goldenrod}{ ███ }}}$ 12.4%, 37.20 KB
dist/lexical/ui	${{\color{Goldenrod}{ ██▊ }}}$ 11.2%, 33.66 KB
dist/features/table	${{\color{Goldenrod}{ ██▎ }}}$ 9.3%, 27.80 KB
dist/features/toolbars	${{\color{Goldenrod}{ █▊ }}}$ 7.4%, 22.26 KB
dist/features/link	${{\color{Goldenrod}{ █▌ }}}$ 6.2%, 18.62 KB
dist/features/upload	${{\color{Goldenrod}{ █▏ }}}$ 4.7%, 14.03 KB
dist/features/textState	${{\color{Goldenrod}{ ▉ }}}$ 3.7%, 11.08 KB
dist/lexical/utils	${{\color{Goldenrod}{ ▊ }}}$ 3.3%, 10.01 KB
dist/features/relationship	${{\color{Goldenrod}{ ▊ }}}$ 3.1%, 9.32 KB
dist/features/converters	${{\color{Goldenrod}{ ▋ }}}$ 2.8%, 8.44 KB
dist/utilities/fieldsDrawer	${{\color{Goldenrod}{ ▋ }}}$ 2.7%, 8.06 KB
dist/features/debug	${{\color{Goldenrod}{ ▋ }}}$ 2.5%, 7.40 KB
dist/lexical/config	${{\color{Goldenrod}{ ▍ }}}$ 1.7%, 5.14 KB
dist/features/indent	${{\color{Goldenrod}{ ▎ }}}$ 1.4%, 4.16 KB
dist/features/lists	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 3.67 KB
dist/lexical/LexicalEditor.js	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 3.33 KB
dist/features/horizontalRule	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 3.29 KB
dist/features/format	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 3.28 KB
dist/field/Field.js	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 3.05 KB
(other)	${{\color{Goldenrod}{ █████████████████████▍ }}}$ 85.6%, 256.62 KB

Meta file: packages/ui/meta_client.json, Out file: esbuild/exports/client_optimized/index.js

Path	Size
../../node_modules	${{\color{Goldenrod}{ ███████ }}}$ 28.2%, 394.58 KB
dist/elements/Hierarchy	${{\color{Goldenrod}{ ▉ }}}$ 3.5%, 49.27 KB
dist/elements/BulkUpload	${{\color{Goldenrod}{ ▌ }}}$ 2.2%, 30.62 KB
dist/views/Version	${{\color{Goldenrod}{ ▌ }}}$ 2.2%, 30.52 KB
dist/elements/Table	${{\color{Goldenrod}{ ▌ }}}$ 2.1%, 29.60 KB
dist/views/Dashboard	${{\color{Goldenrod}{ ▍ }}}$ 1.7%, 23.87 KB
dist/views/Edit	${{\color{Goldenrod}{ ▍ }}}$ 1.6%, 22.38 KB
dist/views/HierarchyList	${{\color{Goldenrod}{ ▍ }}}$ 1.5%, 21.50 KB
dist/graphics/DocumentPlaceholder	${{\color{Goldenrod}{ ▍ }}}$ 1.5%, 21.34 KB
dist/elements/WhereBuilder	${{\color{Goldenrod}{ ▎ }}}$ 1.3%, 18.54 KB
dist/forms/Form	${{\color{Goldenrod}{ ▎ }}}$ 1.3%, 18.18 KB
dist/providers/Auth	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 17.40 KB
dist/fields/Relationship	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 17.10 KB
dist/fields/Blocks	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 16.73 KB
dist/fields/Upload	${{\color{Goldenrod}{ ▎ }}}$ 1.1%, 15.41 KB
dist/elements/Popup	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 14.51 KB
dist/widgets/Activity	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 14.12 KB
dist/views/List	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 13.71 KB
dist/elements/ReactSelect	${{\color{Goldenrod}{ ▏ }}}$ 0.9%, 13.28 KB
dist/elements/PublishButton	${{\color{Goldenrod}{ ▏ }}}$ 0.9%, 12.16 KB
(other)	${{\color{Goldenrod}{ █████████████████▉ }}}$ 71.8%, 1.01 MB

Meta file: packages/ui/meta_shared.json, Out file: esbuild/exports/shared_optimized/index.js

Path	Size
dist/graphics/Logo	${{\color{Goldenrod}{ ███████▍ }}}$ 29.9%, 5.61 KB
../../node_modules	${{\color{Goldenrod}{ ███▌ }}}$ 14.1%, 2.65 KB
dist/graphics/Icon	${{\color{Goldenrod}{ ██ }}}$ 8.1%, 1.51 KB
dist/utilities/formatDocTitle	${{\color{Goldenrod}{ █▊ }}}$ 7.0%, 1.32 KB
dist/providers/TableColumns	${{\color{Goldenrod}{ █▏ }}}$ 4.6%, 866 B
dist/utilities/getGlobalData.js	${{\color{Goldenrod}{ █ }}}$ 4.1%, 762 B
dist/utilities/api.js	${{\color{Goldenrod}{ █ }}}$ 4.0%, 756 B
dist/utilities/groupNavItems.js	${{\color{Goldenrod}{ █ }}}$ 4.0%, 745 B
dist/utilities/traverseForLocalizedFields.js	${{\color{Goldenrod}{ ▊ }}}$ 3.0%, 570 B
dist/elements/Translation	${{\color{Goldenrod}{ ▋ }}}$ 2.6%, 493 B
dist/forms/Form	${{\color{Goldenrod}{ ▋ }}}$ 2.5%, 474 B
dist/utilities/handleTakeOver.js	${{\color{Goldenrod}{ ▌ }}}$ 2.3%, 440 B
dist/elements/withMergedProps	${{\color{Goldenrod}{ ▍ }}}$ 1.8%, 339 B
dist/utilities/getNavGroups.js	${{\color{Goldenrod}{ ▍ }}}$ 1.8%, 338 B
dist/utilities/getVisibleEntities.js	${{\color{Goldenrod}{ ▍ }}}$ 1.8%, 329 B
dist/elements/WithServerSideProps	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 233 B
dist/layouts/Root	${{\color{Goldenrod}{ ▎ }}}$ 1.2%, 230 B
dist/utilities/handleGoBack.js	${{\color{Goldenrod}{ ▎ }}}$ 1.0%, 180 B
dist/fields/mergeFieldStyles.js	${{\color{Goldenrod}{ ▏ }}}$ 0.8%, 158 B
dist/utilities/handleBackToDashboard.js	${{\color{Goldenrod}{ ▏ }}}$ 0.8%, 152 B
(other)	${{\color{Goldenrod}{ █████████████████▌ }}}$ 70.1%, 13.16 KB

Details

Next to the size is how much the size has increased or decreased compared with the base branch of this PR.

• ‼️: Size increased by 20% or more. Special attention should be given to this.
• ⚠️: Size increased in acceptable range (lower than 20%).
• ✅: No change or even downsized.
• 🗑️: The out file is deleted: not found in base branch.
• 🆕: The out file is newly found: will be added to base branch.