[Feat]: Result status bar: show the number of columns #1035

🚀 Feature Proposal

Show the column count next to "N rows retrieved" in the result status bar, for example 120 rows retrieved · 8 columns.

Motivation

Wide results scroll horizontally, so it is not obvious how many columns a SELECT * or a join returned. The row count is already there; the column count completes the size of the result at a glance.

Where to start

The status bar is rendered in three places:

• src/pages/Editor.tsx: the single-result status bar, next to editor.rowsRetrieved.
• src/components/ui/ResultEntryContent.tsx: a result entry in the multi-result panel.
• src/components/ui/StackedResultItem.tsx: the header of a stacked result.

Add a pluralized key (_one / _other) in every locale. The bars shed details in narrow panes with container queries (@[400px]:); hide the column count the same way as the duration.

PR #1021 edits the same lines (timing tooltip); rebase on it once it is merged.

Acceptance criteria

• All three status bars show the column count for results with columns; statements without a result set are unchanged.
• Correct singular and plural in every locale.
• Component test for at least one of the status bars.

Contributor notes

• Comment here before starting so the issue can be assigned to you.
• Follow the repo rules (TypeScript, React, design tokens, accessibility, testing).
• Any new UI string needs a key in every locale under src/i18n/locales/.
• Run pnpm lint, pnpm typecheck and pnpm test before opening the PR.
• Questions? Ask here or on Discord.