# agent_ui: Improve API key configuration UI display \(\#42306\) · gitcafe/zed

[View on GitCafe](https://git.cafe/gitcafe/zed/commit/cc1d66b530655da654310682bcd8d34293ffda6f)

Repository: [gitcafe/zed](https://git.cafe/gitcafe/zed)

Visibility: public

Requested revision: cc1d66b530655da654310682bcd8d34293ffda6f

Requested commit: cc1d66b530655da654310682bcd8d34293ffda6f

Commit: cc1d66b530655da654310682bcd8d34293ffda6f

Tree: b0f8f3efc15c7f48d221f76b80d1d412ac409e27

Author: chenmi

Committer: GitHub

## Message

```
agent_ui: Improve API key configuration UI display (#42306)

Improve the layout and text display of API key configuration in multiple
language model providers to ensure proper text wrapping and ellipsis
handling when API URLs are long.

Before:

<img width="320" alt="image"
src="https://github.com/user-attachments/assets/2f89182c-34a0-4f95-a43a-c2be98d34873"
/>

After:

<img width="320" alt="image"
src="https://github.com/user-attachments/assets/09bf5cc3-07f0-47bc-b21a-d84b8b1caa67"
/>

Changes include:
- Add proper flex layout with overflow handling
- Replace truncate_and_trailoff with CSS text ellipsis
- Ensure consistent UI behavior across all providers

Release Notes:

- Improved API key configuration display in language model settings
```

## Parents

- [5d08c1b35f937f1a3e6cb63537d8a1ebb6bac9c9](https://git.cafe/gitcafe/zed/commit/5d08c1b35f937f1a3e6cb63537d8a1ebb6bac9c9?format=markdown)

[Source at this commit](https://git.cafe/gitcafe/zed/tree/cc1d66b530655da654310682bcd8d34293ffda6f?format=markdown)