[ZuzanaOdstrcilova]

UI redesign of the AI review frontend on top of the AI review PR. Visual changes only: every action, permission and data flow stays as it was.

What changes

Shared pill: StatusBadge (component/common)

• Tones success / warning / error / teal / neutral, tinted or outlined, 22px, 13px text.
• Colours come from the Tolgee tokens and work in light and dark mode.
• The AI score badge in the translation cell and the issue severity badge (Critical / Major / Minor) use it. It can serve TM matches later.

AI review card (popover)

• "AI review score" with the number on the right.
• One outcome line: Auto-marked as reviewed / Stays translated (needs N+) / Stays reviewed + Translation protection / Score only / Reviewed by… or Set back to translated by… (overridden).
• The rule and time sit on one line; prompt and model are in the rule tooltip.
• Issues sit under "Issue" / "Issues · N points off".
• A left stripe follows the translation state.
• Failures use the standard error Alert with an outlined Retry.
• A running re-review shows a grey ShimmerText.
• The title and issues are shared components (AiReviewScoreTitle, AiReviewIssues).

Rule rows

• One filter is shown by name; two or more, or one that does not fit, as "N filters" with the list and prompt in a tooltip.
• Counts are icon + number: reviewed, waiting, failed.
• The waiting count is still the per-rule "review waiting" button (same action and data-cy).
• "Retry failed" is grey.
• On narrow screens the counts wrap under the scope.

Review prompt preview

• Uses the same score title and issues as the card.
• The preview box has a 20px star and 16px on the right.
• Prompt type chips use TaskTypeChip.

Tests

• Lint and typecheck are clean, and the vitest unit tests pass.
• E2E: two tests changed with the UI:
  • badge.cy.ts: prompt and model are in the rule tooltip, so the test hovers the rule first.
  • ruleDialog.cy.ts: three filters show as "3 filters", so the test checks the tooltip.
  • dataCyType.d.ts is regenerated and only adds selectors.
• The E2E suite was not run locally (no docker compose); please rely on CI.

Notes

• New translation keys only have default values in code; en.json is untouched.

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

Run configuration

• Source mode: Auto
• Repository: tolgee/tolgee-platform
• Branch: zuzanaodstrcilova/ai-review-ux-v2
• File: .coderabbit.yaml
• Commit: 7bed7f6
• Layers: Repository YAML
• Review profile: CHILL
• Plan: Advanced
• Run ID: 11c71b0d-a6b9-4a3e-ae88-ebd6797f41b5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• Trigger review

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts