Add Claude provider selector and Bedrock

[braginini]

Issue ticket number and link

Documentation

Select exactly one:

• I added/updated documentation for this change
• Documentation is not needed for this change (explain why)

Docs PR URL (required if "docs added" is checked)

Paste the PR link from https://github.com/netbirdio/docs here:

netbirdio/docs#819

E2E tests

Optional: override the image tags used by the Playwright e2e workflow.
Defaults to main when omitted.

management-cloud-tag: main
reverse-proxy-tag: main

Summary by CodeRabbit

• New Features
  • Added an in-tab provider selector to the Claude Code setup flow (Anthropic, Vertex AI, and Bedrock).
  • Updated Claude Code setup instructions to render dynamically based on the selected provider.
• Bug Fixes
  • Updated the agent network providers “Learn more” link to point to the current documentation site.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 7a860453-4ea6-4a2d-8be4-f386a5070f3d

📥 Commits

Reviewing files that changed from the base of the PR and between 43bfed2 and 7c43ea6.

📒 Files selected for processing (1)

• src/modules/agent-network/AgentConnectModal.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• src/modules/agent-network/AgentConnectModal.tsx

---

📝 Walkthrough

Walkthrough

The Providers page “Learn more” link now points to the NetBird documentation URL. The Claude Code tab in AgentConnectModal now uses an in-tab provider selector for Anthropic, Vertex AI, and Bedrock, with provider-specific snippets and no separate Vertex AI tab.

Changes

Agent Network UI Updates

Layer / File(s)	Summary
Providers page doc link update src/app/(dashboard)/agent-network/providers/page.tsx	Changes the “Learn more” InlineLink href from the demo domain to the NetBird docs URL.
Claude Code in-tab provider selector src/modules/agent-network/AgentConnectModal.tsx	Adds SelectDropdown; introduces claudeProvider state for "anthropic", "vertex", and "bedrock"; renders provider-specific Claude snippets inside the claude-code tab; removes the separate claude-code-vertex tab and its content block.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• netbirdio/dashboard#688: Updates the same AgentConnectModal.tsx Claude Code flow with Vertex AI-specific tab/snippet behavior.

Suggested reviewers

• mlsmaycon
• heisbrot

Poem

🐇 I hopped to docs and found the way,
A dropdown now picks clouds to stay.
Anthropic, Vertex, Bedrock too,
The Claude tab sparkles brand new.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

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

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title matches the main change by calling out the new Claude provider selector and Bedrock support.
Description check	✅ Passed	The description mostly follows the template and includes docs and E2E sections, but it lacks an actual issue ticket number/link.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/improve-agent-config-claude-layout

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

src/modules/agent-network/AgentConnectModal.tsx

Oops! Something went wrong! :(

ESLint: 9.39.3

TypeError: Converting circular structure to JSON
--> starting at object with constructor 'Object'
| property 'configs' -> object with constructor 'Object'
| property 'flat' -> object with constructor 'Object'
| ...
| property 'plugins' -> object with constructor 'Object'
--- property 'react' closes the circle
Referenced from: /.eslintrc.json
at JSON.stringify ()
at /node_modules/@eslint/eslintrc/dist/eslintrc.cjs:2255:45
at Array.map ()
at ConfigValidator.formatErrors (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:2246:23)
at ConfigValidator.validateConfigSchema (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:2277:84)
at ConfigArrayFactory._normalizeConfigData (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3123:19)
at ConfigArrayFactory._loadConfigData (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3088:21)
at ConfigArrayFactory._loadExtendedShareableConfig (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3393:21)
at ConfigArrayFactory._loadExtends (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3261:25)
at ConfigArrayFactory._normalizeObjectConfigDataBody (/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3199:25)
(node:2) ESLintRCWarning: You are using an eslintrc configuration file, which is deprecated and support will be removed in v10.0.0. Please migrate to an eslint.config.js file. See https://eslint.org/docs/latest/use/configure/migration-guide for details. An eslintrc configuration file is used because you have the ESLINT_USE_FLAT_CONFIG environment variable set to false. If you want to use an eslint.config.js file, remove the environment variable. If you want to find the location of the eslintrc configuration file, use the --debug flag.
(Use node --trace-warnings ... to show where the warning was created)

---

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

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/modules/agent-network/AgentConnectModal.tsx`:
- Around line 164-173: The Bedrock config snippet in AgentConnectModal hardcodes
a specific ANTHROPIC_MODEL value, which can mislead users whose account or
region uses a different model ID. Update the Snippet content in the
claudeProvider === "bedrock" branch to use a placeholder, or thread the selected
model into AgentConnectModal and interpolate that value instead of the fixed
string. Keep the rest of the Bedrock settings unchanged.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d7cd8583-aa09-4384-89c5-4b63176f8d7f

📥 Commits

Reviewing files that changed from the base of the PR and between 19ad8d6 and 43bfed2.

📒 Files selected for processing (2)

• src/app/(dashboard)/agent-network/providers/page.tsx
• src/modules/agent-network/AgentConnectModal.tsx