feat: FIT-977: [FSM UI] Project State Display and Filtering

[yyassi-heartex]

This pull request introduces support for displaying project workflow states in the Label Studio Open Source (LSO) UI. It adds backend and frontend changes to expose the current finite state machine (FSM) state of each project, registers the core project states, and updates the UI to show this state to users. Additionally, it improves project title display with tooltips and better text overflow handling.

Backend: Project State Exposure

• The ProjectSerializer in label_studio/projects/serializers.py now includes a current_state field, exposing the project's FSM state via the API. This uses the StateManager to retrieve the state, and gracefully handles cases where FSM is not enabled. [1] [2] [3]

Frontend: State Display and Registry

• A new file, state-registry-lso.ts, registers the three core project states (CREATED, ANNOTATION_IN_PROGRESS, COMPLETED) with the shared state registry, ensuring consistent state handling and display. Development-time checks alert if any state is missing. [1] [2]
• The projects API query and UI components are updated to request and display the current_state for each project. The ProjectStateChip component is used to show the state visually on project cards. [1] [2] [3] [4]

UI/UX Improvements

• Project titles in both the home page and project list now use tooltips and improved truncation to handle long names gracefully. [1] [2] [3]
• Project card styles are enhanced to support the new state chip and better title wrapping and overflow handling.

These changes lay the groundwork for more advanced workflow state support and improve the clarity and usability of project listings for users.

[netlify]

✅ Deploy Preview for label-studio-docs-new-theme canceled.

Name	Link
🔨 Latest commit	c425b84
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-docs-new-theme/deploys/6920c4923d3efb0007ab293f

[netlify]

✅ Deploy Preview for heartex-docs canceled.

Name	Link
🔨 Latest commit	c425b84
🔍 Latest deploy log	https://app.netlify.com/projects/heartex-docs/deploys/6920c49241dee90008520a87

[netlify]

✅ Deploy Preview for label-studio-storybook ready!

Name	Link
🔨 Latest commit	c425b84
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-storybook/deploys/6920c4926eb72b00083fc5d0
😎 Deploy Preview	https://deploy-preview-8845--label-studio-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for label-studio-playground ready!

Name	Link
🔨 Latest commit	c425b84
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-playground/deploys/6920c492a93e430008f49593
😎 Deploy Preview	https://deploy-preview-8845--label-studio-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 66.78%. Comparing base (2738a18) to head (c425b84).
⚠️ Report is 2 commits behind head on develop.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #8845      +/-   ##
===========================================
+ Coverage    66.60%   66.78%   +0.17%     
===========================================
  Files          813      813              
  Lines        63851    63853       +2     
  Branches     10790    10790              
===========================================
+ Hits         42531    42643     +112     
+ Misses       21316    21206     -110     
  Partials         4        4              

Flag	Coverage Δ
lsf-e2e	52.42% <ø> (ø)
lsf-integration	49.20% <ø> (+0.43%)	⬆️
lsf-unit	8.35% <ø> (ø)
pytests	81.00% <100.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[yyassi-heartex]

/git merge

Workflow run
Successfully merged: 4 files changed, 20 insertions(+)