[Bug]: Custom Codex provider row truncates its display name and the config badge overlaps the version label in the Providers panel

Before submitting

• I searched existing issues and did not find a duplicate.
• I included enough detail to reproduce or investigate the problem.

Area

apps/web

Summary

After adding a second Codex provider instance with a custom config (custom CODEX_HOME), the Providers panel renders the instance row so that the display name is truncated to a few characters and the config-id badge overlaps the version label on the same line. The row is unreadable and looks broken compared to the built-in Codex row above it.

Steps to reproduce

1. Open the Providers panel in the web/desktop UI.
2. Have the built-in Codex provider (authenticated) plus a custom Codex provider instance configured with its own config dir (e.g. display name personal, config dir codex_personal).
3. Look at the custom instance's row.

Expected behavior

• The instance display name gets a reasonable share of the row width (ellipsis only after meaningful characters, or wrapping).
• The config-id badge and the v0.154.0 version label never overlap — the row layout should give each element its own space or hide extras at narrow width.

Actual behavior

• The display name collapses to pe... even though the row has plenty of horizontal space (the row is far from full width in the screenshot).
• The config-id badge (codex_p...) is drawn on top of / collides with the v0.154.0 version text.
• Status line ("Available") and the enable switch render fine, so it is purely a name/badge/version layout problem.

The built-in Codex row above renders correctly (Codex · v0.154.0 · Authenticated · ChatGPT Pro 5x Subscription), so this appears specific to custom instance rows where a config-id badge is present.

Impact

Minor bug or occasional failure (cosmetic; the row is still usable, but the name and version are unreadable)

Version or commit

t3 v0.0.39, Codex driver v0.154.0

Environment

• Desktop app on Linux (Omarchy / Arch, Wayland, dark theme)
• Built-in Codex: authenticated via ChatGPT Pro subscription
• Custom Codex instance: display name starting with personal, own config dir starting with codex_p, status "Available"

Screenshots, recordings, or supporting files

Related

• #8521 — related Providers page layout regression (list column squeezed), different symptom
• #7968 — earlier fix for provider badge legibility (background only, not layout)

Start in the apps/web Providers panel and reproduce the row with both a built-in and custom Codex provider instance. Trace the custom-instance row layout, focusing on the display name, config-id badge, and version label. Done means the name remains readable and the badge and version never overlap at the reported width, while the existing built-in row still renders correctly.