UI/UX regressions: MCP Settings layout, inconsistent border-radius/clipping, context indicator readability Windows

What version of the VS Code extension are you using?

openai.chatgpt 0.5.69

What subscription do you have?

ChatGPT Pro

Which IDE are you using?

Version: 1.109.0-insider

What platform is your computer?

Windows_NT x64 10.0.26220

What issue are you seeing?

Visual bug: border radius / clipping (unclipped sharp corners)
Area: Chat UI

Steps to reproduce

1. Use a workflow that triggers the “X files changed” banner above the chat input (e.g., after the assistant modifies files).
2. Observe the banner container edges.

Actual

• The “5 files changed” banner appears to overflow / not be clipped by the parent rounded container.
• Sharp corners / un-clipped edges are visible (rounded radius mismatch).

<img width="452" height="66" alt="Image" src="https://github.com/user-attachments/assets/7a883775-0767-4aee-82e1-641562fa7b4a" />

<img width="54" height="52" alt="Image" src="https://github.com/user-attachments/assets/cfb89fcb-19e1-471d-bd15-a20331e1d24e" />

---

MCP Settings: Custom MCP “gear” screen has wrong spacing + grouping
Area: Settings → MCP servers → Custom servers → click the gear icon

Steps to reproduce

1. Open ChatGPT extension.
2. Go to Settings → MCP servers.
3. Under Custom servers, click the gear icon for a server.

Actual

• Form sections visually “merge” into one large block; spacing/padding feels missing or inconsistent.
• “Command to launch” block and nested inputs look like they don’t have the proper background/card container.
• Overall layout/radius does not match the styling used in other parts of the UI (e.g., Skills modal / profile settings).

Expected

• Consistent OpenAI form layout: clear section containers, proper internal padding, consistent card backgrounds, and radius matching.

<img width="532" height="380" alt="Image" src="https://github.com/user-attachments/assets/95427d06-bafa-4c39-89fe-924c52135535" />

<img width="737" height="493" alt="Image" src="https://github.com/user-attachments/assets/ad440996-7df7-4c18-a9f9-1b210814ee65" />

---

MCP Settings: “Add server” colors + segmented control styling looks off-brand
Area: Settings → MCP servers → Add server

Steps to reproduce

1. Open Settings → MCP servers.
2. Click “Add server”.

Actual

• The STDIO / Streamable HTTP segmented control uses an odd “ash/gray” selection fill that doesn’t match OpenAI’s usual theme tokens.
• Overall color scheme in this form feels inconsistent compared to other settings screens.

Expected

• Use the same OpenAI color tokens and contrast levels as the rest of the settings UI (consistent selection background, borders, hover states).

<img width="710" height="497" alt="Image" src="https://github.com/user-attachments/assets/7b38beb9-b211-4350-b07e-7a383226e7da" />

---

Context window indicator: hard to read + confusing progress direction
Area: Context window usage indicator (Codex)

Steps to reproduce

1. Hover/open the context window usage tooltip/popup.

Actual

• The tiny circular indicator is harder to parse than a clear numeric percent at a glance.
• Progress fill direction feels unintuitive (fills clockwise from the right; expected more standard direction/behavior).

Expected

• Prefer showing a clear % as the primary “at a glance” indicator (optionally keep the ring, but not as the only compact signal).
• Progress direction consistent with common UI patterns.

<img width="193" height="91" alt="Image" src="https://github.com/user-attachments/assets/64400d2d-a7e5-4784-8a3e-aa19217ca8a9" />

<img width="192" height="96" alt="Image" src="https://github.com/user-attachments/assets/fdb95434-d571-4233-aa19-095298616e6a" />

What steps can reproduce the bug?

I wrote everything in detail in "What issue are you seeing?"

What is the expected behavior?

I wrote everything in detail in "What issue are you seeing?"

Additional information

_No response_