CONV-088: Add recommended target marker

[menvil]

CONV-088 — Add Recommended Target Marker

Renders a "Recommended" badge on the recommended target card. Converter-level recommendation metadata (isRecommended(), e.g. PNG→JPG, JPG→WEBP) and its unit tests already exist; this wires it through to the UI.

Changes

• Format step card now shows <x-badge variant="purple">Recommended</x-badge> when $card->recommended is true.

Tests

• PNG format step renders the Recommended badge.

composer test (186), composer lint, npm run build all pass.

🤖 Generated with Claude Code

---

Summary by cubic

Show a "Recommended" badge on the recommended target format card in the converter UI so users can pick the best output faster. Implements CONV-088 by wiring existing recommendation metadata to the format step and validating it with a Livewire feature test.

^{Written for commit 906cb30. Summary will update on new commits.}

[coderabbitai]

Important

Review skipped

Auto reviews are limited based on label configuration.

🏷️ Required labels (at least one) (1)

• release

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

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: d76a0148-5c11-45f5-8746-5cc45aa209f4

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/CONV-088-add-recommended-target-marker

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}