feat(design): AI providers search, pagination, and checkbox fix

[AdeolaAdekoya]

Summary

• Move search into the AI providers table in settings
• Add pagination to AI providers list
• Fix checkbox on/off toggle behavior

Test plan

• Verify settings.pen opens correctly in Pencil
• Review search placement in AI providers table
• Check pagination design
• Confirm checkbox toggle states are correct

Summary by CodeRabbit

• New Features

  • Added search bar to the Models card
  • Added pagination indicator displaying current model count

• Style

  • Updated "Add model" button styling and layout
  • Refreshed model row layout and visual properties
  • Extended support for multiple theme variants including darker theme

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: a792aa45-1dec-4969-ab87-d5c056f763fd

📥 Commits

Reviewing files that changed from the base of the PR and between 44206c4 and 49a9626.

📒 Files selected for processing (1)

• designs/platform/settings.pen

---

📝 Walkthrough

Walkthrough

The pull request updates the models settings card component across three distinct theme variants within a design file. Each variant receives consistent UI enhancements: the "Add model" button is restyled, a new search-bar frame is inserted for searching models, the four model row components are refactored with updated checkbox and name node references, and a "show more" footer is added to display pagination information. The dark-themed variant uses a new wrapper frame structure for model rows and includes a dedicated footer section with a divider. All three variants follow the same pattern of structural and visual updates while maintaining their respective color and styling schemes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Suggested reviewers

• yannickmonney

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch designs-settings-ai-providers-search-pagination

---

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