feat: phase 5.3 — contextual help tooltips for score modifier, LWW sync, proctoring#150
Conversation
…nc, proctoring Promote the Tests HelpPopover to a shared src/components/ui/Tooltip.tsx (old path re-exports it) and add "?" help affordances for three complex behaviours that were previously only explained in the docs page: - Score modifier (GradeStudent) — re-pointed to the new help.* namespace - LWW sync / offline pending-queue protection (Admin → Database) - Proctoring flags (TestResults integrity panel + LiveMonitor) New top-level help.* namespace (6 keys) added to all 5 locales. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Warning Review limit reached
More reviews will be available in 55 minutes and 17 seconds. Learn how PR review limits work. Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file). ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits. 🚦 How do rate limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Organization UI Review profile: ASSERTIVE Plan: Pro Plus Run ID: 📒 Files selected for processing (11)
📝 WalkthroughWalkthroughThe ChangesHelpPopover Relocation and Rollout
Estimated code review effort🎯 2 (Simple) | ⏱️ ~10 minutes Possibly related PRs
Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 2
Caution
Some comments are outside the diff and can’t be posted inline due to platform limitations.
⚠️ Outside diff range comments (1)
src/components/ui/Tooltip.tsx (1)
1-63:⚠️ Potential issue | 🟡 MinorRename
Tooltip.tsxtoHelpPopover.tsxto match the component export.The file exports a default
HelpPopovercomponent but is namedTooltip.tsx, creating a filename-to-export mismatch. This violates naming conventions and creates friction for developers. Three imports across the codebase already depend on this pattern (TestResultsPage, LiveMonitorPage, AdminPage) and will need their import paths updated accordingly.🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the rest with a brief reason, keep changes minimal, and validate. In `@src/components/ui/Tooltip.tsx` around lines 1 - 63, Rename the file Tooltip.tsx to HelpPopover.tsx to match the exported component name HelpPopover. After renaming the file, update all three import statements that reference this file in TestResultsPage, LiveMonitorPage, and AdminPage to use the new filename path instead of the old Tooltip.tsx path to ensure the imports remain valid.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@src/components/ui/Tooltip.tsx`:
- Line 9: Remove the JSDoc comment above the HelpPopover component. The comment
describes what the component does, which is already conveyed by the identifier
name HelpPopover itself. Delete the entire comment block that starts with "/**
Small `{?}`-style icon button" as per coding guidelines that discourage
describing what code does when the identifiers already make that clear.
In `@src/pages/GradeStudent.tsx`:
- Around line 576-577: Remove the old translation keys
gradeStudent.help_modifier_title and gradeStudent.help_modifier_content from all
locale files (en.json, nl.json, fr.json, de.json, and es.json). These keys have
been replaced by the new keys help.score_modifier_title and
help.score_modifier_body which are already in use in GradeStudent.tsx and
properly defined in the locale files. Removing these unused keys will clean up
the locale files and eliminate dead code.
---
Outside diff comments:
In `@src/components/ui/Tooltip.tsx`:
- Around line 1-63: Rename the file Tooltip.tsx to HelpPopover.tsx to match the
exported component name HelpPopover. After renaming the file, update all three
import statements that reference this file in TestResultsPage, LiveMonitorPage,
and AdminPage to use the new filename path instead of the old Tooltip.tsx path
to ensure the imports remain valid.
🪄 Autofix (Beta)
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: Organization UI
Review profile: ASSERTIVE
Plan: Pro Plus
Run ID: a0c3836b-021f-4d34-a6e2-92ea0d7e7e95
📒 Files selected for processing (11)
src/components/Tests/HelpPopover.tsxsrc/components/ui/Tooltip.tsxsrc/locales/de.jsonsrc/locales/en.jsonsrc/locales/es.jsonsrc/locales/fr.jsonsrc/locales/nl.jsonsrc/pages/AdminPage.tsxsrc/pages/GradeStudent.tsxsrc/pages/LiveMonitorPage.tsxsrc/pages/TestResultsPage.tsx
Address CodeRabbit review on #150: - Remove the what-it-does JSDoc on HelpPopover (repo no-comments rule). - Remove now-dead gradeStudent.help_modifier_title/_content from all 5 locales (replaced by help.score_modifier_* in this PR). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…0f50c1d6b63 # Conflicts: # src/locales/de.json # src/locales/en.json # src/locales/es.json # src/locales/fr.json # src/locales/nl.json
Address CodeRabbit: the file exported HelpPopover but was named Tooltip, a filename/export mismatch. Rename the file and update the three page imports plus the Tests re-export shim. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 participant
Part of Phase 5 (UI/UX Polish) — sub-phase 5.3 Help & Documentation.
What
HelpPopoverfromsrc/components/Tests/to a sharedsrc/components/ui/Tooltip.tsx; the old path now re-exports it so existing Tests imports keep working (no new dependency, no new abstraction).help.*namespace).help.*namespace (6 keys) translated in EN/NL/FR/DE/ES.Verification
npm run typecheckcleannpm run lint0 errors (pre-existing warnings only)npm test1609 passed / 103 files, i18n parity green🤖 Generated with Claude Code
Summary by CodeRabbit
Release Notes
New Features
Localization