ux(settings): clarify Savings Plans card covers SageMaker + Lambda (#22)

[cristim]

Summary

Closes #22.

The "Compute Savings Plans" card in Settings → Purchasing actually drives defaults for all four Savings Plans types that providers/aws/recommendations/parser_sp.go fetches on every collection:

• ComputeSp — covers EC2, Fargate, Lambda
• Ec2InstanceSp — specific EC2 instance families
• SagemakerSp — SageMaker
• DatabaseSp — RDS

All four share the same term/payment vocabulary at the AWS API, so the UI intentionally exposes a single card rather than four near-identical rows. The old header "Compute Savings Plans" made that invisible to the reporter, who reasonably concluded SageMaker and Lambda had no purchasing defaults.

Change

• Rename the card header from Compute Savings Plans → Savings Plans.
• Add a small hint beneath the header listing the covered services: "Compute (EC2, Fargate, Lambda), EC2 Instance, SageMaker, and Database (RDS) plans share these defaults."
• Add a scoped .service-default-hint CSS rule in styles/settings.css.

Why not separate Lambda / SageMaker cards (as the issue originally proposed):

• Lambda: no Lambda-specific reserved product exists; Lambda usage only buys Compute SP. A separate "Lambda" row would be misleading.
• SageMaker: shares the exact same 1yr/3yr × upfront/partial/no-upfront vocabulary as the existing card, so a distinct row adds no real configurability. Per-plan-type defaults would require ServiceConfig plumbing, a DB migration, and scheduler/UI changes — out of scope for a documentation fix and unwarranted without evidence users have divergent preferences per plan type.

IDs aws-savingsplans-term and aws-savingsplans-payment are preserved, so settings.ts wiring and the existing save/load paths are unchanged.

Test plan

• npm run build (frontend) — clean webpack production build
• npm test (frontend) — 1242/1242 tests pass across 35 suites
• Card IDs unchanged → settings.ts wiring, settings.test.ts coverage, and the save/reset bar continue to work
• CSS rule scoped to .service-default-card .service-default-hint so it can't bleed into other cards

Screenshot

(Text-only label tweak; the new hint renders as a single muted subtitle line immediately under the card title, above the Term/Payment selects.)

[cristim]

@coderabbitai review

[coderabbitai]

Warning

Rate limit exceeded

@cristim has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 45 minutes and 7 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 45 minutes and 7 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: efb6888e-8c05-43a4-bb64-f22dd726137e

📥 Commits

Reviewing files that changed from the base of the PR and between 1a84b65 and 00e7ae4.

📒 Files selected for processing (2)

• frontend/src/index.html
• frontend/src/styles/settings.css

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/savingsplans-card-coverage-label

---

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.}

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[cristim]

AWS Sanity (Read-only Dry Run) passed on commit 00e7ae4. All checks green.

[cristim]

Azure Sanity (Read-only Dry Run) passed on commit 00e7ae460. ✓