fix: batch backport tracyjohnsonux UI fixes for Agents and Coder admin area to release/2.37 - #28673

…ine into subtitle (#28481)

Replaces the "Read the docs" header button on the AI Sessions page with
an inline "View docs" link at the end of the subtitle sentence, matching
the pattern used on the Providers and Provisioner Jobs pages.

---

_Created by a Coder Agent on behalf of the PR author._

(cherry picked from commit 0452ff7)

… badge sizing (#28477)

The in/out token pills on the AI Gateway sessions pages looked out of
place next to the provider/client/model badges: they used `Badge
size="sm"` while their neighbors use the default `md`, and their arrow
icons were `size-icon-lg` (24px) — taller than the badge itself,
inflating the pill height.

> [!NOTE]
> The underlying font-size problem (`Badge sm` = 10px `text-2xs`) is
fixed globally in #28517. This PR handles what that one doesn't: the
token pills' size variant, icon sizing, and API cleanup.

## Changes

- Token pills use Badge's default `md` size, matching the
provider/client/model badges next to them.
- Arrow icons drop from `size-icon-lg` (24px) to `size-icon-xs` (14px),
the same icon size the neighboring badges use, with `gap-0.5` between
icon and count.
- Removed the unused `size` prop from `TokenBadges` — no call site ever
passed one — and dropped the now-meaningless `SizeXs`/`SizeMd` stories.

Affects every `TokenBadges` consumer: the sessions list, the session
summary card, and the timeline prompt/tool-call tables.

> 🤖 Generated by Coder Agents on behalf of @tracyjohnsonux

(cherry picked from commit e98e2b9)

…#28561)

Replaces the rotated `GitForkIcon` on the "Show/Hide subagents" item in
the chat kebab menu with lucide's `BotIcon`, matching the robot icon
already used for subagents in the chat stream (`SubagentTool`,
`ToolIcon`).

---

*This PR was generated by Coder Agents on behalf of @tracyjohnsonux.*

(cherry picked from commit 94f312d)

… page (#28557)

On `/agents/settings/api-keys`, bumps the provider key status badge and
the enabled model badges from `sm`/`xs` to the medium (`md`) size, and
shortens the status label "Using shared key" to "Shared key". Updates
the matching Storybook assertion and the status indicator name in
`docs/ai-coder/agents/models.md`.

Verified with `tsc` and the page's Storybook tests (15 passing).

---

*Created by Coder Agents on behalf of @tracyjohnsonux.*

(cherry picked from commit c07bde8)

…nu for personal skills (#28560)

Polishes the `/agents/settings/personal-skills` page to match the table
patterns used elsewhere (e.g. the AI Gateway keys page):

- The table now renders in every state, so the content area always keeps
its outline: `TableLoader` while loading, a `TableEmpty` with a Retry
CTA on error (with the `ErrorAlert` above), and a `TableEmpty` with an
Add skill CTA when there are no skills.
- The per-row Download / Edit / Delete buttons are replaced with a kebab
(`EllipsisVertical`) dropdown menu, following the pattern in
`CustomRolesPageView`. The trigger shows a spinner and disables while a
download is in flight, and the Actions column header is now
screen-reader only.

Storybook interaction coverage: `RowMenuActions` opens the kebab and
exercises Download, Edit, and Delete; `DownloadingSkill` asserts the
disabled trigger.

<details>
<summary>Review notes</summary>

Self-audited the diff against the FE1-FE10 rules in
`.claude/docs/FRONTEND_PATTERNS.md`: all rules pass. All 22 stories pass
locally, along with Biome and `tsc`.

</details>

---

Generated by Coder Agents on behalf of @tracyjohnsonux.

(cherry picked from commit 74e5a68)

…lls (#28527)

Several badges render at `text-2xs` (10px) via `Badge size="sm"` and
read as broken next to their surroundings, especially since the
MUI/Emotion removal (#27821) dropped the 14px `CssBaseline` body
typography that used to soften the contrast. Most visible on the
provisioner jobs page (Type and Tags columns) and the AI Gateway
sessions list (network call pills).

Rather than changing what `Badge sm` means globally (explored in #28517,
closed in favor of this), this switches the affected call sites to the
default `md` size (`text-xs`, 12px), matching the other badges around
them.

## Changes

- `ProvisionerTags.tsx`: `ProvisionerTag` and the `+N` overflow badge →
default `md`. Covers the provisioner jobs Tags column, job detail
expansion, and other provisioner tag consumers.
- `JobRow.tsx`: the job Type badge → default `md`.
- `NetworkCallBadges.tsx`: the total/blocked pills on the sessions list
→ default `md`, consistent with the token pills in #28477.

The `Badge` component itself is untouched; `sm` remains available for
intentionally dense contexts.

Related: #28477 (AI session token badges).

> 🤖 Generated by Coder Agents on behalf of @tracyjohnsonux

(cherry picked from commit f31b759)

Combobox dropdowns were forcing the migrated menu styling in a few
places: secondary menu surfaces, surface-quaternary borders, square item
highlights, tertiary selected-row highlights, and a tertiary footer
hover in the workspace template dropdown.

Use the shared combobox defaults instead: primary menu surfaces,
`border-border-default`, padded lists so highlights do not run to the
edge, rounded item highlights, and the standard secondary selected-row
highlight. Remove callsite overrides that were preventing the shared
defaults from applying to workspace, filter, and version dropdowns.

> This PR was generated by Coder Agents on behalf of @tracyjohnsonux.

(cherry picked from commit 2eb9e4f)

…28478)

Makes the date/time range picker trigger on the AI Gateway sessions page
visually consistent with the adjacent search field and filter dropdowns.
Button size is unchanged (`lg`, h-10).

- **Calendar icon size:** now `size-icon-sm` (18px), identical to the
search icon. Previously the Button's `[&>svg]:size-icon-lg` +
`[&>svg]:p-0.5` child selectors (specificity 0-1-1) overrode the icon's
authored `size-4` class (0-1-0), inflating it to a 24px box at
`size="lg"`. The calendar's classes are marked important (`!size-icon-sm
!p-0`) to win that fight.
- **Calendar line weight:** at equal geometry the calendar reads heavier
than the magnifier because its glyph is denser, so its stroke is
`strokeWidth={1.75}` for optical parity with the search icon.
- **Chevron:** now `size-icon-sm` with no color class, inheriting the
button's `text-content-primary` — exactly matching `ComboboxButton`,
which backs the other filter dropdowns (previously it was
`text-content-secondary`).
- **Spacing:** trigger uses `gap-2 pr-1.5` like `ComboboxButton`, giving
8px icon-to-text (matching the search field's `pr-2` addon spacing) and
the same label-to-chevron gap and right padding as the other dropdowns.

**Scope:** `DateTimeRangePicker`'s only production consumer is the AI
Gateway sessions filter, so the change affects only this page (plus
Storybook).

---
*This PR was generated by Coder Agents on behalf of @tracyjohnsonux.*

(cherry picked from commit 769decb)

…links (#28612)

Moves documentation CTAs that were previously rendered as header buttons
into inline `View docs` external text links under the relevant header or
section copy.

Deployment settings:
- `/deployment/overview`
- `/deployment/appearance`
- `/deployment/external-auth`
- `/deployment/oauth2-provider/apps`
- `/deployment/network`
- `/deployment/workspace-proxies`
- `/deployment/idp-org-sync`
- `/deployment/notifications`
- `/deployment/userauth`
- `/deployment/security`
- `/deployment/observability`
- `/deployment/premium`
- `/deployment/ai-governance`

Organization and user settings:
- `/organizations/:organization/groups`
- `/organizations/:organization/roles`
- `/organizations/:organization/idp-sync`
- `/organizations/new`
- `/organizations/:organization/provisioners`
- `/organizations/:organization/provisioner-keys`
- workspace sharing settings

Other admin/tool pages:
- `/ai/settings/gateway-keys`
- `/audit`
- `/connectionlog`
- template permissions settings

- `SettingsHeaderDocsLink` now renders the shared inline `Link`
component with the default label `View docs`, external icon, and
screen-reader text for new-tab behavior.
- Right-side header actions now remain reserved for real actions such as
`Add application`, `Create key`, or export buttons.
- `/deployment/security`: removed the duplicate Browser-Only Connections
badge and vertically aligned the remaining badge with the section
heading.
- `/deployment/observability`: kept docs links scoped to Audit Logging
and Monitoring, and removed the top-level observability docs link.
- Notification misconfiguration alerts now use the same `View docs`
text-link treatment.
- Storybook stories updated to assert the new link labels and hrefs
where covered.

- `pnpm check`
- `pnpm lint:types`
- Targeted Storybook interaction tests for the updated pages.

_This PR was generated by Coder Agents on behalf of @tracyjohnsonux._

(cherry picked from commit 046a532)

)

Repositions the organization picker on the AI settings models and MCP
servers pages so it lives with the content it scopes instead of floating
above the page header.

**Models** (`/ai/settings/models`)

- The picker moved out of `OrganizationModelsLayout` into a shared
`ModelOrganizationSelect` component that preserves the current path and
auxiliary query params when switching orgs.
- List page: rendered in the filter row to the right of search.
- Add/edit model form: rendered as row 3 of the form grid at 50% width,
labeled "Organization". On the edit page it is informational only (a
static value, not a picker), since switching org there would 404 the
model. Also rendered in the no-provider fallback and "Provider not
found" states so the switcher never disappears on those pages.

**MCP servers** (`/ai/settings/mcp-servers`)

- List page: new client-side search input (matches display name, slug,
and URL) with the org picker beside it, label hidden.
- Add/edit server form: the picker moved into the form as the third cell
of the first row (slug, display name, organization), making it a 3-up.
- `OrganizationPicker` now renders a static read-only value instead of a
disabled button when the org cannot be changed (no handler or single
org). This fixes the muted `content-disabled` text on the update page.
The read-only rendering is shared with the models edit page via a new
`OrganizationValue` component beside `OrganizationAutocomplete`.

**Status columns** (both list tables)

- The visible "Status" header and the Enabled/Disabled badges are
removed; both list tables drop the status column entirely. Models whose
provider is deleted or disabled show a warning "Unavailable" badge (with
an explanatory tooltip) beside the name.
- Disabled models and MCP servers show a "Disabled" badge beside the
name, matching the existing "Default" badge placement, and the row dims
like disabled providers: avatar/icon at half opacity, text in
`content-disabled`.

<details>
<summary>Decision log</summary>

- `ModelOrganizationSelect` reuses `OrganizationAutocomplete` and reads
accessible organizations from the models context
(`accessibleOrganizations` added to `OrganizationModelsContext`), rather
than duplicating the layout's navigation logic per page.
- Navigation semantics are unchanged: switching orgs rewrites the `org`
search param and preserves the path and remaining params, exactly as the
old layout-level picker did.
- The MCP `OrganizationPicker` read-only state uses an `<output>`
element (labelable, keeps the `Label` association) rather than a
disabled button, so non-interactive values do not render with disabled
styling or sit in the tab order.
- The add MCP server page keeps a standalone picker above the "cannot
add servers" alert since the form (and its picker slot) is not rendered
in that state.
- Story review: one interaction story per new behavior. A
`ModelsPageView` story duplicating the shared picker's
select-and-navigate flow was deliberately dropped; list-page placement
is covered by the `OrganizationModelsLayout` stories that mount the real
`ModelsPage`. The `ModelForm` fallback-branch picker has no dedicated
story since its sibling branch and the shared flow are covered.

</details>

Verification: `pnpm lint:types`, `pnpm check`, and all affected
Storybook tests pass (ModelsPage and MCPServersPage: 140), plus the
`organizationModels` and `mcpServerFormLogic` unit tests.

---

🤖 This PR was generated by Coder Agents on behalf of @tracyjohnsonux.

---------

Co-authored-by: Michael Suchacz <203725896+ibetitsmike@users.noreply.github.com>
(cherry picked from commit 78c65ea)