Skip to content

Conversation

@bmartel
Copy link
Contributor

@bmartel bmartel commented Oct 8, 2025

This pull request introduces a unified mechanism for dynamically updating the browser page title across the Label Studio web application. The main enhancement is the addition and integration of the useUpdatePageTitle hook and supporting utilities, which allow each page to set a contextually appropriate title, often including both the page name and project name. This improves user experience and navigation clarity.

Page Title Management

  • Added the useUpdatePageTitle hook and supporting utilities (setPageTitle, getPageTitle, createTitleFromSegments) in web/libs/core/src/hooks/usePageTitle.ts, enabling consistent dynamic page title updates throughout the app. [1] [2]

Integration Across Pages

  • Integrated useUpdatePageTitle into key pages (HomePage, ProjectsPage, ModelsPage, PeoplePage, and all major settings pages) to set descriptive titles, often combining project name and page context. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20]

  • Extended page title logic to the account settings section, ensuring the title reflects the current subsection or defaults to "My Account". [1] [2]

Backend Support

  • Added the page_title property to the template context in label_studio/templates/base.html, allowing the frontend to access and use the base title for dynamic updates.

These changes collectively enhance navigation clarity and branding by ensuring the browser tab title always reflects the user's current context in the application.

@netlify
Copy link

netlify bot commented Oct 8, 2025

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

Name Link
🔨 Latest commit 3031717
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-docs-new-theme/deploys/68e6f4657396a90008ddcc76

@netlify
Copy link

netlify bot commented Oct 8, 2025

Deploy Preview for label-studio-storybook ready!

Name Link
🔨 Latest commit 3031717
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-storybook/deploys/68e6f46591e5cf0008fb5ec9
😎 Deploy Preview https://deploy-preview-8610--label-studio-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link

netlify bot commented Oct 8, 2025

Deploy Preview for heartex-docs canceled.

Name Link
🔨 Latest commit 3031717
🔍 Latest deploy log https://app.netlify.com/projects/heartex-docs/deploys/68e6f465eb0bba0008008295

@github-actions github-actions bot added the fix label Oct 8, 2025
@bmartel bmartel requested a review from yyassi-heartex October 8, 2025 22:17
@netlify
Copy link

netlify bot commented Oct 8, 2025

Deploy Preview for label-studio-playground ready!

Name Link
🔨 Latest commit 3031717
🔍 Latest deploy log https://app.netlify.com/projects/label-studio-playground/deploys/68e6f46591e5cf0008fb5ecb
😎 Deploy Preview https://deploy-preview-8610--label-studio-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

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
Copy link

codecov bot commented Oct 8, 2025

Codecov Report

❌ Patch coverage is 31.57895% with 13 lines in your changes missing coverage. Please review.
✅ Project coverage is 67.40%. Comparing base (776448f) to head (3031717).
⚠️ Report is 6 commits behind head on develop.
✅ All tests successful. No failed tests found.

Files with missing lines Patch % Lines
web/libs/core/src/hooks/usePageTitle.ts 31.57% 13 Missing ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           develop    #8610      +/-   ##
===========================================
- Coverage    67.44%   67.40%   -0.05%     
===========================================
  Files          782      783       +1     
  Lines        60008    60027      +19     
  Branches     10161    10168       +7     
===========================================
- Hits         40474    40459      -15     
- Misses       19531    19565      +34     
  Partials         3        3              
Flag Coverage Δ
lsf-e2e 54.74% <31.57%> (-0.04%) ⬇️
lsf-integration 51.24% <31.57%> (-0.06%) ⬇️
lsf-unit 8.60% <ø> (ø)
pytests 79.69% <ø> (-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.

@bmartel
Copy link
Contributor Author

bmartel commented Oct 8, 2025

/fmt

Workflow run

@bmartel bmartel merged commit 1e5e891 into develop Oct 9, 2025
76 of 80 checks passed
@robot-ci-heartex robot-ci-heartex deleted the fb-fit-284 branch October 9, 2025 14:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants