Skip to content

fix: apply agent list UI improvements to project detail view#200

Open
ptone wants to merge 1 commit into
mainfrom
scion/project-agents-list-ui
Open

fix: apply agent list UI improvements to project detail view#200
ptone wants to merge 1 commit into
mainfrom
scion/project-agents-list-ui

Conversation

@ptone

@ptone ptone commented Jun 9, 2026

Copy link
Copy Markdown
Owner

Summary

Closes #199

Ports two UI fixes from the global /agents list view to the project detail agent list for consistency:

  • Task column truncation: Changed from single-line ellipsis (text-overflow: ellipsis; white-space: nowrap) to multi-line clamp (-webkit-line-clamp: 2; white-space: normal), matching the agents page. This prevents action buttons from being pushed off-screen by long task descriptions.
  • Label-free buttons: Removed text labels ("Terminal", "Suspend", "Stop", "Resume", "Start") from card view buttons and added <sl-tooltip> wrappers with aria-label attributes to both card and table view buttons, matching the icon-only style of the agents page.

Test plan

  • Navigate to a project detail page with agents and verify task column uses multi-line truncation (2 lines max)
  • Verify agent card buttons show icons only (no text labels) with tooltips on hover
  • Verify agent table row buttons show tooltips on hover
  • Compare with /agents page to confirm visual consistency

Port two fixes from the global /agents list to the project detail
agent list for consistency:

1. Task column truncation: use multi-line clamp (2 lines) instead of
   single-line ellipsis, so action buttons remain visible.
2. Label-free buttons: remove text labels from card view buttons and
   add tooltip wrappers with aria-labels to both card and table view
   buttons, matching the icon-only style of the agents page.

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the project detail page by modifying the CSS of task cells to support a two-line text clamp instead of single-line ellipsis truncation. Additionally, it wraps several action buttons (Terminal, Suspend, Stop, Resume, Start, and Delete) in tooltips, adds corresponding aria-label attributes for accessibility, and removes text labels from the action buttons in favor of icon-only buttons with tooltips. I have no feedback to provide as there are no review comments.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Apply agent list UI improvements to project detail view

1 participant