feat: BROS-509: BROS-752: Improve ReactCode appearance in region list and Task Summary #9239

hlomzik · 2026-01-23T09:29:40Z

No description provided.

Objects rendered in a nice nested way to see all items. Empty arrays and objects are explicitly labeled as empty. Empty strings are rendered with quotes.

Show preselected values of ReactCode region in Region List.

Get all fields from ReactCode's `output` and display column for each of them in Task Summary view of View All.

netlify · 2026-01-23T09:29:47Z

✅ Deploy Preview for heartex-docs canceled.

Name	Link
🔨 Latest commit	`4501c9e`
🔍 Latest deploy log	https://app.netlify.com/projects/heartex-docs/deploys/697d0dd5b0850b00087e381f

netlify · 2026-01-23T09:29:49Z

✅ Deploy Preview for label-studio-storybook ready!

Name	Link
🔨 Latest commit	`4501c9e`
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-storybook/deploys/697d0dd5865b4a0008ef5d6f
😎 Deploy Preview	https://deploy-preview-9239--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 · 2026-01-23T09:29:52Z

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

Name	Link
🔨 Latest commit	`4501c9e`
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-docs-new-theme/deploys/697d0dd5b0850b00087e3823

netlify · 2026-01-23T09:31:15Z

✅ Deploy Preview for label-studio-playground ready!

Name	Link
🔨 Latest commit	`4501c9e`
🔍 Latest deploy log	https://app.netlify.com/projects/label-studio-playground/deploys/697d0dd53b943000086c69a5
😎 Deploy Preview	https://deploy-preview-9239--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.

hlomzik · 2026-01-23T09:32:19Z

/git merge

Workflow run
Successfully merged: create mode 100644 web/libs/ui/src/assets/icons/monitors.svg

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21281389171

codecov · 2026-01-23T09:38:34Z

Codecov Report

❌ Patch coverage is 29.41176% with 60 lines in your changes missing coverage. Please review.
✅ Project coverage is 56.14%. Comparing base (461616b) to head (4501c9e).
⚠️ Report is 1 commits behind head on develop.

Files with missing lines	Patch %	Lines
...bs/editor/src/components/TaskSummary/labelings.tsx	2.12%	46 Missing ⚠️
...omponents/SidePanels/OutlinerPanel/RegionLabel.tsx	16.66%	5 Missing ⚠️
.../editor/src/components/TaskSummary/TaskSummary.tsx	50.00%	3 Missing ⚠️
web/libs/ui/src/lib/json-viewer/json-viewer.tsx	0.00%	3 Missing ⚠️
...mponents/SidePanels/DetailsPanel/RegionDetails.tsx	50.00%	2 Missing ⚠️
...tor/src/components/TaskSummary/LabelingSummary.tsx	92.85%	1 Missing ⚠️

❗ There is a different number of reports uploaded between BASE (461616b) and HEAD (4501c9e). Click for more details.

HEAD has 1 upload less than BASE

Flag BASE (461616b) HEAD (4501c9e)

pytests 1 0

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #9239      +/-   ##
===========================================
- Coverage    65.54%   56.14%   -9.40%     
===========================================
  Files          847      574     -273     
  Lines        65896    41546   -24350     
  Branches     11484    11518      +34     
===========================================
- Hits         43193    23327   -19866     
+ Misses       22699    18215    -4484     
  Partials         4        4

Flag	Coverage Δ
lsf-e2e	`51.44% <5.88%> (+0.34%)`	⬆️
lsf-integration	`47.43% <5.88%> (-0.04%)`	⬇️
lsf-unit	`6.77% <28.04%> (+0.01%)`	⬆️
pytests	`?`

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.

hlomzik · 2026-01-23T13:06:24Z

/fmt

Workflow run

hlomzik · 2026-01-23T13:49:57Z

/git merge

Workflow run
Successfully merged: 3 files changed, 18 insertions(+), 15 deletions(-)

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21288411041

hlomzik · 2026-01-26T12:27:01Z

/git merge

Workflow run
Successfully merged: create mode 100644 web/libs/core/src/lib/preview/utils.ts

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21357629281

nick-skriabin · 2026-01-26T14:03:36Z

web/libs/editor/src/components/TaskSummary/labelings.tsx

+      .replace(/\[\*\]/g, "") // Remove array wildcards
+      .split(".")
+      .filter(Boolean)
+      .map((part) => part.charAt(0).toUpperCase() + part.slice(1)) // Capitalize


i believe we have lodash installed. you must be able to do _.capitalize(string) instead of a custom imlementation

Display chips for items with optional count if there are enums.

Its `value` is the code, so it's wrong to use it. Correct check is for `loadedData`

Make everything the same size

hlomzik · 2026-01-30T09:53:36Z

/git merge

Workflow run
Successfully merged: create mode 100644 web/libs/ui/src/utils/getTokenColor.ts

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21511698508

yyassi-heartex

code looks good - would be great to have pictures or a video of the changes to make it easier to understand the outcome. also I see some check failures but im sure atleast one of them is a flakey test

One column gets 100%, three 33% each. a lot of columns get 300px each.

hlomzik added 5 commits January 22, 2026 17:57

feat: BROS-752: Render nice JSON output in Region Info

41095c0

Objects rendered in a nice nested way to see all items. Empty arrays and objects are explicitly labeled as empty. Empty strings are rendered with quotes.

feat: BROS-752: Show excerpt of region value in a list

b96178e

Show preselected values of ReactCode region in Region List.

Cut off long texts in region list

cc9bb1f

feat: BROS-509: Show column for every ReactCode dimension in View All

f143700

Get all fields from ReactCode's `output` and display column for each of them in Task Summary view of View All.

Add jsonpath-plus

8331f6f

hlomzik requested a review from nick-skriabin as a code owner January 23, 2026 09:29

github-actions bot added the feat label Jan 23, 2026

Merge branch 'develop' into 'fb-bros-752/region-info'

35ef5fd

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21281389171

hlomzik added 2 commits January 23, 2026 13:42

Fix linting

d165097

Fix linting

01678aa

Merge branch 'develop' into 'fb-bros-752/region-info'

d351168

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21288411041

Merge branch 'develop' into 'fb-bros-752/region-info'

fa08a7a

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21357629281

nick-skriabin reviewed Jan 26, 2026

View reviewed changes

hlomzik added 8 commits January 27, 2026 18:35

Improve summary for reactcode with multiple results

2e8b1e3

Display chips for items with optional count if there are enums.

Fix CDATA colors in Dark Mode

0b4c25a

fix: BROS-509: Fix Data Summary for ReactCode

8a8a1fb

Its `value` is the code, so it's wrong to use it. Correct check is for `loadedData`

Fix font-size in Region Info for ReactCode

97e73c2

Make everything the same size

Hide Distribution in Task Summary for ReactCode

89cfc07

Merge branch 'develop' into fb-bros-752/region-info

1bc9788

feat: BROS-752: Use json-viewer for ReactCode region info

5c680a3

Move inset styles into specific classname enabled by param

1e58ad8

Also use json-viewer in DataSummary

aa22da8

hlomzik requested a review from a team as a code owner January 30, 2026 02:36

Merge branch 'develop' into 'fb-bros-752/region-info'

8f0c7f5

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/21511698508

yyassi-heartex reviewed Jan 30, 2026

View reviewed changes

hlomzik added 4 commits January 30, 2026 15:13

Fix linting

f53158d

Font-size should be defined by app, so use "inherit" in json-viewer

c4d99ed

Make Data Summary a real table to support all numbers of columns

bfef530

One column gets 100%, three 33% each. a lot of columns get 300px each.

Wrap Data Summary table with container to fix borders

4501c9e

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: BROS-509: BROS-752: Improve ReactCode appearance in region list and Task Summary #9239

feat: BROS-509: BROS-752: Improve ReactCode appearance in region list and Task Summary #9239

hlomzik commented Jan 23, 2026

Uh oh!

netlify bot commented Jan 23, 2026 •

edited

Loading

Uh oh!

netlify bot commented Jan 23, 2026 •

edited

Loading

Uh oh!

netlify bot commented Jan 23, 2026 •

edited

Loading

Uh oh!

netlify bot commented Jan 23, 2026 •

edited

Loading

Uh oh!

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

Uh oh!

codecov bot commented Jan 23, 2026 •

edited

Loading

Uh oh!

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

Uh oh!

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

Uh oh!

hlomzik commented Jan 26, 2026 •

edited by robot-ci-heartex

Loading

Uh oh!

nick-skriabin Jan 26, 2026

Uh oh!

hlomzik commented Jan 30, 2026 •

edited by robot-ci-heartex

Loading

Uh oh!

yyassi-heartex left a comment •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

feat: BROS-509: BROS-752: Improve ReactCode appearance in region list and Task Summary #9239

Are you sure you want to change the base?

feat: BROS-509: BROS-752: Improve ReactCode appearance in region list and Task Summary #9239

Conversation

hlomzik commented Jan 23, 2026

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for heartex-docs canceled.

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for label-studio-storybook ready!

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

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

Uh oh!

netlify bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for label-studio-playground ready!

Uh oh!

hlomzik commented Jan 23, 2026 • edited by robot-ci-heartex Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov bot commented Jan 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

hlomzik commented Jan 23, 2026 • edited by robot-ci-heartex Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hlomzik commented Jan 23, 2026 • edited by robot-ci-heartex Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

hlomzik commented Jan 26, 2026 • edited by robot-ci-heartex Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

nick-skriabin Jan 26, 2026

Choose a reason for hiding this comment

Uh oh!

hlomzik commented Jan 30, 2026 • edited by robot-ci-heartex Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

yyassi-heartex left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

netlify bot commented Jan 23, 2026 •

edited

Loading

netlify bot commented Jan 23, 2026 •

edited

Loading

netlify bot commented Jan 23, 2026 •

edited

Loading

netlify bot commented Jan 23, 2026 •

edited

Loading

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

codecov bot commented Jan 23, 2026 •

edited

Loading

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

hlomzik commented Jan 23, 2026 •

edited by robot-ci-heartex

Loading

hlomzik commented Jan 26, 2026 •

edited by robot-ci-heartex

Loading

hlomzik commented Jan 30, 2026 •

edited by robot-ci-heartex

Loading

yyassi-heartex left a comment •

edited

Loading