Skip to content

fix(connection-catalogue): clean up engine card layout and naming - #605

Merged
debba merged 3 commits into
mainfrom
fix/connection-catalogue-cards
Aug 6, 2026
Merged

fix(connection-catalogue): clean up engine card layout and naming#605
debba merged 3 commits into
mainfrom
fix/connection-catalogue-cards

Conversation

@debba

@debba debba commented Aug 6, 2026

Copy link
Copy Markdown
Collaborator

The engine cards in the connection catalogue had a handful of visual problems that showed up as soon as the registry had real content in it:

  • Card titles came straight from the plugin name on the registry, so you got things like "Mongodb-Atlas" instead of the database name
  • The "Unavailable on your platform" badge was so long it squeezed the title down to a few characters, and the whole card was dimmed on top of that
  • The meta line wrapped and got clipped mid-word ("2 drive:")
  • A registry icon URL that failed to load left an empty tile
  • Paradigm labels went through CSS capitalize, so "sql" rendered as "Sql"

What changed

Cards are now titled after the engine, not whichever plugin happens to be first in the group. engineDisplayName() maps known engines to their proper spelling (PostgreSQL, MongoDB Atlas, SQL Server, CSV, ...) and title-cases anything it doesn't know. Individual driver names still show where they belong: in the driver picker and the install screen.

The card layout is reworked into two rows: icon, name and status badge on top, then a full-width meta line (paradigm, driver count, downloads) that ellipsizes instead of clipping. Names wrap to a second line rather than truncating, and the verified shield stays glued to the last word of the name instead of dropping to its own line.

For unsupported platforms the badge now just says "Unavailable" with the full sentence in a tooltip, and only the icon gets dimmed so the text stays readable. The "Install" hint is always visible instead of only appearing on hover.

New RegistryDriverIcon component swaps in the generic database icon when a registry icon URL fails to load. Used by both EngineCard and InstallGate.

Notes

  • New i18n key connectionCatalogue.unavailable, translated in all eight locales
  • Tests added for engineDisplayName and the engine-based group title
  • ClickHouse, DuckDB etc. still land in the "Other" section because their registry manifests don't declare paradigms; that needs fixing on the Tabularium side, not here

debba added 3 commits August 6, 2026 11:18
Engine cards now take their title from the engine rather than the first
plugin in the group, with proper spellings for known engines (PostgreSQL,
MongoDB Atlas, SQL Server) and title-cased fallback for the rest.

Card layout reworked into two rows so the name no longer truncates and
the meta line no longer wraps or gets clipped mid-word. The unavailable
badge is shortened to a single word with the full sentence in a tooltip,
and only the icon is dimmed so the text stays readable. Registry icons
that fail to load now fall back to the generic database icon.
@debba
debba merged commit ec79ba7 into main Aug 6, 2026
1 check failed
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.

1 participant