fix(frontend): auto-select credentials correctly in old builder

[0ubbe]

Changes 🏗️

On the Old Builder, when running an agent...

Before

Credentials are there, but it is not recognising them, you need to click on them to be selected

After

It uses the new credentials UI and correctly auto-selects existing ones.

Other

Fixed a small timezone display glitch on the new library view.

Checklist 📋

For code changes:

• I have clearly listed my changes in the PR description
• I have made a test plan
• I have tested my changes according to the test plan:
  • Run agent in old builder
  • Credentials are auto-selected and using the new collapsed system credentials UI

[coderabbitai]

Warning

Rate limit exceeded

@0ubbe has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 18 minutes and 40 seconds before requesting another review.

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

📥 Commits

Reviewing files that changed from the base of the PR and between 2739de4 and c3099b7.

📒 Files selected for processing (3)

• autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/OldAgentLibraryView/components/agent-run-draft-view.tsx
• autogpt_platform/frontend/src/components/contextual/CredentialsInput/components/CredentialsGroupedView/helpers.ts
• autogpt_platform/frontend/src/components/contextual/CredentialsInput/useCredentialsInput.ts

Walkthrough

This PR refactors credential handling in the agent run draft view by introducing a CredentialsGroupedView component, adding new credential discovery helpers, and improving auto-selection logic. Changes include context-based provider access, automatic default credential initialization, enhanced state tracking, and simplified OAuth error messaging.

Changes

Cohort / File(s)	Summary
Credential UI Refactoring ...OldAgentLibraryView/components/agent-run-draft-view.tsx, ...CredentialsGroupedView/CredentialsGroupedView.tsx	Replaced per-credential inline UI with CredentialsGroupedView component; added CredentialsProvidersContext consumption for available provider access; implemented automatic default credential population on mount via helper functions; enhanced credential state handling with change tracking and improved initialization flow.
Credential Helpers & Hooks ...CredentialsGroupedView/helpers.ts, useCredentialsInput.ts	Added findSavedUserCredentialByProviderAndType helper for filtered credential lookup with type and scope validation; refactored auto-select logic into named function with improved guards; simplified OAuth insufficient scopes error message to single line.
Utilities timezone-utils.ts	Enhanced getTimezoneDisplayName to prefer city-based display format when abbreviations are unavailable; improved error handling with consistent underscore-to-space replacement across both success and error paths.

Possibly related PRs

• refactor(frontend): refactor credentials input with unified CredentialsGroupedView component #11801: Refactors credential input to use shared CredentialsGroupedView and updates credential UI and helper logic similarly.
• feat(frontend): enhance RunGraph and RunInputDialog components with loading states and improved UI #11808: Modifies CredentialsGroupedView and credential selection flow integration across multiple components.
• fix(frontend): agent credentials improvements #11763: Directly related changes to agent run credentials UI with CredentialsGroupedView and credential helper functions.

Suggested labels

Review effort 3/5

Suggested reviewers

• kcze

Poem

🐰 Credentials grouped and sorted with care,
Auto-selection finds the perfect pair,
Helpers and hooks now dance in refrain,
Context-aware logic without the strain,
Timezone displays, cleaner than before!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 12.50% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main fix: auto-selecting credentials correctly in the old builder. It directly relates to the changeset's primary objective.
Description check	✅ Passed	The description is well-detailed and directly related to the changeset, including before/after context, specific changes, and a completed test plan.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

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

[ntindle]

Does this still allow optional credentials for the new builder + library?

[0ubbe]

@ntindle I think so, we added only auto‑select required credentials (we iterate requiredCredentials), so optional fields remain unset and can be skipped.