Skip to content

Comments

feat: Sortable Collections#620

Open
bencap wants to merge 3 commits intorelease-2026.1.1from
feature/bencap/sortable-collections
Open

feat: Sortable Collections#620
bencap wants to merge 3 commits intorelease-2026.1.1from
feature/bencap/sortable-collections

Conversation

@bencap
Copy link
Collaborator

@bencap bencap commented Feb 17, 2026

This pull request refactors the way items (score sets and experiments) are managed within collections, focusing on simplifying the UI for adding items, improving error handling, and introducing a reusable table component for displaying and managing collection items. The changes remove the ability to remove items directly from the add dialog, instead delegating removal and reordering to the new CollectionItemsTable component. There are also improvements to entity caching for better performance in lists.

Key changes include:

Collection Data Set Editor Refactor (CollectionDataSetEditor.vue)

  • Removed the ability to remove items from the collection within the add dialog; the dialog now only allows adding items, with a simplified UI and code. The "Remove" button and multi-select table for removal are gone, and the dialog header and trigger button are updated to reflect the new functionality. [1] [2] [3]
  • Improved error handling and user feedback when adding items by URN, including toasts for invalid URNs, already-added, or already-queued items, and a display limit for error messages. (src/components/CollectionDataSetEditor.vueR80-R81, F2eea7deL203R203)
  • Cleaned up unused state and methods related to removal and fetching of saved data sets, streamlining the component's logic. [1] F2eea7deL120R120, F2eea7deL130R130, F2eea7deL141R141, [2]

New Collection Items Table Component (CollectionItemsTable.vue)

  • Introduced a new, reusable CollectionItemsTable component for displaying collection items, supporting item removal, reordering (if authorized), and a clear "Add" action. This component replaces the previous list rendering and integrates with the new add-only dialog.
  • The table uses the new EntityLink improvements for efficient rendering and provides empty state messaging and styling.

Entity Link Improvements (EntityLink.vue)

  • Added optional caching for entity data to reduce redundant API calls in lists, improving performance when rendering many links. (src/components/common/EntityLink.vueR10, F37224f4L41R41, F37224f4L100R100)

Collection View Integration (CollectionView.vue)

  • Updated the collection view to use the new CollectionItemsTable for both score sets and experiments, passing the appropriate props and handling add, remove, and reorder events. The add dialog is now triggered from the table instead of being always visible.

…dd flow

replace duplicated score set/experiment list UI with a reusable collection items table
add inline row reordering and removal with shared handler logic and toast feedback
integrate add actions into the table (footer button / empty-state link)
wire table add actions to the collection data set editor dialog
improve add-URN UX:
Enter key triggers add
pending typed URN is captured when clicking Add
invalid URNs show warning toast details
already-in-collection / already-queued URNs show skipped info toast
simplify collection editor internals and keep save/reload behavior consistent after mutations
@bencap
Copy link
Collaborator Author

bencap commented Feb 17, 2026

UI Support for VariantEffect/mavedb-api#660

@bencap bencap linked an issue Feb 17, 2026 that may be closed by this pull request
@bencap bencap requested review from jstone-dev and sallybg February 17, 2026 23:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Sortable collections

1 participant