Thanks to visit codestin.com
Credit goes to github.com

Skip to content

fix: use medium badges and shorter shared key label on agent API keys page #28557

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tracyjohnsonux merged 2 commits into from
Aug 25, 2026
Merged

fix: use medium badges and shorter shared key label on agent API keys page #28557

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e6c2907
fix: use medium badges and shorter shared key label on agent API keys…
tracyjohnsonux Aug 25, 2026
5cdd860
Merge branch 'main' into tracy/api-keys-badge-md
tracyjohnsonux Aug 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/ai-coder/agents/models.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -360,14 +360,14 @@
enabled, developers can supply personal API keys for any enabled AI provider
from the Agents settings page.

### Managing personal API keys

Check warning on line 363 in docs/ai-coder/agents/models.md

View workflow job for this annotation

GitHub Actions / lint-docs

Coder.GerundHeading 

Heading starts with an -ing word ('Managing'); prefer the imperative ('Install') or the noun ('Installation'). See capitalization-and-punctuation.md#no-gerund-leading-headings.

1. Navigate to the **Agents** page in the Coder dashboard.
1. Open **Settings** and select the **API Keys** tab.
1. Each enabled provider is listed with a status indicator:
- **Key saved**, your personal key is active and will be used for requests to
that provider.
- **Using shared key**, no personal key is set and Coder is using
- **Shared key**, no personal key is set and Coder is using
deployment-managed credentials for that provider.
- **No key**, no personal key or deployment-managed credential is available.
Add a personal key before you use models from this provider.
Expand All @@ -377,14 +377,14 @@
used for deployment-managed provider secrets. The dashboard never displays a
saved key, only whether one is set.

### Removing a personal key

Check warning on line 380 in docs/ai-coder/agents/models.md

View workflow job for this annotation

GitHub Actions / lint-docs

Coder.GerundHeading 

Heading starts with an -ing word ('Removing'); prefer the imperative ('Install') or the noun ('Installation'). See capitalization-and-punctuation.md#no-gerund-leading-headings.

Click **Remove** on the provider card in the API Keys settings tab. Subsequent
requests use deployment-managed credentials when they are configured for that
provider. If no deployment-managed credential is available, add a new personal
key before you use models from that provider.

## Using an LLM proxy

Check warning on line 387 in docs/ai-coder/agents/models.md

View workflow job for this annotation

GitHub Actions / lint-docs

Coder.GerundHeading 

Heading starts with an -ing word ('Using'); prefer the imperative ('Install') or the noun ('Installation'). See capitalization-and-punctuation.md#no-gerund-leading-headings.

Organizations that route LLM traffic through a centralized proxy, such as
LiteLLM or an internal gateway, can point a provider's **Endpoint** or **Base
Expand Down
2 changes: 1 addition & 1 deletion site/src/pages/AgentsPage/AgentSettingsAPIKeysPage.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@ export const ShowsProviderStatuses: Story = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
await expect(await canvas.findByText("Key saved")).toBeVisible();
await expect(canvas.getByText("Using shared key")).toBeVisible();
await expect(canvas.getByText("Shared key")).toBeVisible();
await expect(canvas.getByText("No key")).toBeVisible();
await expect(
canvas.getByText(
Expand Down
6 changes: 3 additions & 3 deletions site/src/pages/AgentsPage/AgentSettingsAPIKeysPageView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const getProviderStatus = (

if (provider.has_central_api_key_fallback) {
return {
label: "Using shared key",
label: "Shared key",
variant: "default",
note: "The shared deployment key is being used. Add a personal key to use your own.",
};
Expand Down Expand Up @@ -133,7 +133,7 @@ const ProviderKeyPanel: FC<ProviderKeyPanelProps> = ({
<p className="m-0 text-sm text-content-secondary">{status.note}</p>
)}
</div>
<Badge size="sm" variant={status.variant} className="w-fit">
<Badge size="md" variant={status.variant} className="w-fit">
{status.label}
</Badge>
</div>
Expand Down Expand Up @@ -207,7 +207,7 @@ const ProviderKeyPanel: FC<ProviderKeyPanelProps> = ({
) : enabledModels.length > 0 ? (
<div className="flex flex-wrap gap-2">
{enabledModels.map((model) => (
<Badge key={model.id} size="xs" variant="default">
<Badge key={model.id} size="md" variant="default">
{model.display_name || model.model}
</Badge>
))}
Expand Down
Loading