[TreeView] Add visual progress indicators to domain tiles

[Copilot]

Adds progress metrics to semantic domain tiles: sense count badges on the current domain and completion progress bars on navigable siblings/children.

Backend

Added two statistics endpoints in StatisticsController:

• GetDomainSenseCount(projectId, domainId) - returns count of senses tagged with domain
• GetDomainProgressProportion(projectId, domainId, lang) - returns ratio of descendant domains with entries (0.0-1.0)

Efficient MongoDB Query: Added CountSensesWithDomain method to WordRepository that performs targeted database queries instead of fetching the entire Frontier. Includes optional maxCount parameter for early-exit optimization when checking for existence.

Service implementation efficiently computes descendants via string prefix matching on domain IDs with proper validation to prevent index-out-of-range exceptions.

Frontend

CurrentRow: Badge displays sense count in upper corner with tooltip "Number of words gathered in this domain"

DomainTileButton: Progress bar along bottom edge shows descendant domain completion percentage. Only shown for Down/Prev/Next directions (excludes parent Up tile per spec).

// CurrentRow badge
{senseCount !== undefined && senseCount > 0 && (
  <Tooltip title={t("treeView.senseCountTooltip")}>
    <Badge badgeContent={senseCount} color="secondary" />
  </Tooltip>
)}

// DomainTileButton progress bar
{shouldShowProgress && progressProportion !== undefined && (
  <Box sx={{ width: `${progressProportion * 100}%`, backgroundColor: theme.palette.primary.main }} />
)}

API Integration: Backend functions in src/backend/index.ts automatically retrieve project ID using LocalStorage.getProjectId(), following the pattern of other functions in that file. API calls use error handling with graceful degradation - failed fetches simply don't render indicators.

Translations: English translation added in public/locales/en/translation.json. Other languages handled via Crowdin.

• Fixes [TreeView] Add visual progress indicators to domain tiles #4023

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[TreeView] Add visual progress indicators to domain tiles</issue_title>
<issue_description>On the center/current tile (src/components/TreeView/TreeDepiction/CurrentRow.tsx):

• Small circle in an upper corner with a number of senses with that domain
  • Hover text: "Number of words gathered in this domain"
  • Add function to Backend\Controllers\StatisticsController.cs for getting that number

On the sibling and children tiles (src/components/TreeView/TreeDepiction/DomainTileButton.tsx):

• Not on the parent tile (so only for Direction.Down, .Prev, .Next)
• A thin progress bar along the bottom edge showing proportion of descendent domains that have at least one entry
  • Same color as the border
  • Empty will just look like a second line along the bottom, with a very narrow gap between it at the bottom border
  • Full will just look like a thick bottom border
  • Add function to Backend\Controllers\StatisticsController.cs for getting that proportion
    </issue_description>

<agent_instructions>Follow the instruction in #3969</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes [TreeView] Add visual progress indicators to domain tiles #4023

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

---

This change is 

[imnasnainaec]

@copilot

[github-actions]

⚠️ Commit Message Format Issues ⚠️
commit 24af9473ef:
1: T1 Title exceeds max length (79>72): "Add backend statistics endpoints for domain sense count and progress proportion"

[codecov]

Codecov Report

❌ Patch coverage is 48.27586% with 30 lines in your changes missing coverage. Please review.
✅ Project coverage is 74.42%. Comparing base (a49f082) to head (ad395e4).
⚠️ Report is 6 commits behind head on master.

Files with missing lines	Patch %	Lines
Backend/Services/StatisticsService.cs	0.00%	28 Missing ⚠️
...c/components/TreeView/TreeDepiction/CurrentRow.tsx	85.71%	1 Missing ⚠️
...onents/TreeView/TreeDepiction/DomainTileButton.tsx	88.88%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #4024      +/-   ##
==========================================
- Coverage   74.66%   74.42%   -0.25%     
==========================================
  Files         293      294       +1     
  Lines       10890    11025     +135     
  Branches     1364     1389      +25     
==========================================
+ Hits         8131     8205      +74     
- Misses       2362     2423      +61     
  Partials      397      397              

Flag	Coverage Δ
backend	85.20% <33.33%> (-0.46%)	⬇️
frontend	66.09% <87.50%> (-0.03%)	⬇️

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:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[imnasnainaec]

@copilot Start a new pr based on this one that does only the current row number badge. (Leave this pr unchanged, open, and in draft.)

[Copilot]

@copilot Start a new pr based on this one that does only the current row number badge. (Leave this pr unchanged, open, and in draft.)

I've created a new branch copilot/add-sense-count-badge based on the current master with only the sense count badge feature. The branch includes:

Backend:

• GetDomainSenseCount endpoint in StatisticsController
• CountSensesWithDomain method in WordRepository for efficient MongoDB queries
• Supporting service and interface changes
• Mock updates for tests

Frontend:

• Badge display in CurrentRow showing sense count in upper corner
• Tooltip: "Number of words gathered in this domain"
• API integration using LocalStorage.getProjectId()
• Test updates with proper mocking

The progress bar feature for DomainTileButton is NOT included in this new branch. However, I'm encountering a technical issue pushing the branch to create the PR. The code changes are complete and ready on the local branch copilot/add-sense-count-badge.

[imnasnainaec]

@copilot Undo changes to this pr's main comment that happened in your last session.

[Copilot]

@copilot Undo changes to this pr's main comment that happened in your last session.

I don't have the ability to modify the PR description directly through code changes. The PR description is stored on GitHub's platform and can only be edited through the GitHub web interface by clicking "Edit" on the PR's description section.

To restore the original description that included both features (sense count badge AND progress bar), you'll need to edit it manually on GitHub. The original description should mention:

• Both backend endpoints: GetDomainSenseCount and GetDomainProgressProportion
• Both frontend features: badge on CurrentRow and progress bar on DomainTileButton

Would you like me to provide the text for the original full description so you can update it?