[djthorpe]

A tile's badge, such as a database's owner, didn't say what it was.

• badgeIcon: a rendered icon, such as Carbon's 16px user icon from iconLoader, shown at 12px inside the badge, before its text. Carbon's small tag has no icon slot of its own.
• badgeTitle: what the badge is, such as "Owner". It shows when the badge is hovered, and screen readers read it before the badge's text.
• Shrinking: the badge now shrinks before the tile's name, so a long owner, such as pg_database_owner, is cut short instead of the name.

[Copilot]

🟡 Changes recommended

The unconditional 70% width cap unnecessarily truncates names on badge-free tiles, leaving 30% unused instead of preserving the full available label width.

1 open issue

• Badge-free tile names are unnecessarily truncated · New

What changed in this PR

Adds optional icons and descriptive titles to tile badges, making information such as database ownership easier to identify in the list view.

Changes:

• Adds badgeIcon and badgeTitle, with 12px icons, hover titles, and screen-reader text.
• Adjusts name and badge sizing to prioritize tile names over long badge text.
• Documents the new badge options in the frontend README.

File	Description
frontend/​src/​list/​tiles.ts	Adds badge fields, rendering, accessibility text, and layout styles.
frontend/​README.md	Documents optional badge icons and titles.

_{Review effort: Balanced}