feat: LEAP-1020: Relation side panel improvements

[Precious-Macaulay]

Overview

This PR implements improvements to the relations list based on the accepted [prd: Relations list improvements]
See #5689 #5447 #5446

2024-04-07.mp4

Changes

Relations list ordering

• Added ordering options to relations list sidepanel
• Ordering by creation time (ascending or descending)
• Ordering preference persists between sessions

Relations visibility toggle

• Added toggle icon next to "Relations" label
• Toggle hides all relations when one or more are visible
• Toggle shows all relations when all are hidden
• Visibility state persists between sessions

Testing

• Added unit tests for ordering and visibility functionality
• Updated documentation with usage instructions

PR Requirements

• Commit message(s) and PR title follows the format
• Tests for the changes have been added/updated
• Docs have been added/updated
• Best efforts for concise/coherent code

Areas Impacted

• Product design
• Backend (Database)
• Backend (API)
• Frontend

Change Details

This is a new feature implementing relations list ordering and visibility toggling based on the provided requirements.

No libraries were added or updated.

This change should have a positive performance impact by allowing users to easily focus on relevant relations.

This change does not impact security.

Alternatives were manually hiding relations and scrolling down which is tedious.

No feature flags were used.

Breaking Change

• Yes, and covered entirely by feature flags
• Yes, and covered partially by feature flags
• No
• Not sure

Testing

• e2e
• integration
• unit

Affected Domains

• Relations Details Panel

Acceptance Criteria

• Adds options to order relations list by creation time (ascending and descending)

• Persists ordering preference between sessions

• Integration test for ordering functionality

• Adds a toggle icon next to "Relations" label

• Toggle hides all relations when one or more are visible

• Toggle shows all relations when all are hidden

• Persists visibility state between sessions

• Integration tests for visibility functionality

Closes #5689 #5447 #5446

[netlify]

👷 Deploy request for label-studio-docs-new-theme pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	96d143d

[netlify]

👷 Deploy request for heartex-docs pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	96d143d

[Precious-Macaulay]

@deppp @hlomzik @jombooth do you mind checking the code?
I have improved the code and added integration test ( #5694 )

[hlomzik]

@Precious-Macaulay thank you, this PR looks really good and well-thought! I'll check it live soon and we have to run it through our internal processes. One small comment right now — new files have too big indent, we use 2 spaces everywhere, but that's just a linting issue.

[Precious-Macaulay]

Thanks for the feedback! I'll make sure to adjust the indentations accordingly to match the 2-space standard.

[makseq]

There is our internal ticket for this PR: https://humansignal.atlassian.net/browse/LEAP-1020

[Precious-Macaulay]

@Precious-Macaulay thank you, this PR looks really good and well-thought! I'll check it live soon and we have to run it through our internal processes. One small comment right now — new files have too big indent, we use 2 spaces everywhere, but that's just a linting issue.

I committed a fix for this

[Precious-Macaulay]

There is our internal ticket for this PR: https://humansignal.atlassian.net/browse/LEAP-1020

Alright

[Precious-Macaulay]

@hlomzik any update on this

[bmartel]

Thanks for making those changes @Precious-Macaulay! I noticed a few discrepancies in formatting when going over the code again. Would you be able to run the formatter/linter locally and push the changes up?

cd web && yarn run biome check --apply .

[Precious-Macaulay]

Thanks for making those changes @Precious-Macaulay! I noticed a few discrepancies in formatting when going over the code again. Would you be able to run the formatter/linter locally and push the changes up?

cd web && yarn run biome check --apply .

Yes, I have fixed the formatting and resolved the linting issues.