Skip to content

fix(ui): drop record/time from the status pill; stop the meta flicker - #108

Merged
oesukam merged 3 commits into
mainfrom
fix/trim-status-pill-and-meta-flicker
Aug 6, 2026
Merged

fix(ui): drop record/time from the status pill; stop the meta flicker#108
oesukam merged 3 commits into
mainfrom
fix/trim-status-pill-and-meta-flicker

Conversation

@oesukam

@oesukam oesukam commented Aug 6, 2026

Copy link
Copy Markdown
Collaborator

Two small UI polish fixes from screenshots.

1. Status pill: drop "N of M rows · X ms"

The top status pill showed DEVELOPMENT · PostgreSQL : ncw_api · assets_config · 47 of 47 · 16 ms. The record-level toolbar under the grid already shows the row count and timer, so the pill just repeated it. Trimmed to env · engine : db · tab (removed the row-count + RunningTimer, and the now-unused queryMeta/import).

2. Toolbar meta flicker

"0 of 0 rows · 8 ms" flickered: the timer ticks at 10Hz and the count/value swaps hard on every refresh, and proportional digits reflow as they change width. Wrapped the count + timer in one .data-view-meta band with:

  • font-variant-numeric: tabular-nums — digits are fixed-width, no jitter as they tick;
  • a reserved min-width — "0 of 0" → "47 of 47" no longer shifts neighbouring controls;
  • an opacity/color transition — the value settles instead of hard-cutting.

Tests

tsc clean, 321 unit tests pass, grid e2e (10) pass.

oesukam added 3 commits August 6, 2026 16:39
The top status pill repeated "N of M rows · X ms" that the record-level toolbar
under the grid already shows, so remove it from the pill (keeps env · engine :
db · tab).

The toolbar's own row-count + timer band flickered: proportional digits
reflowed as the count ticked and the value swapped hard on every refresh. Give
it tabular-nums, a reserved min-width, and an opacity/color transition so the
value settles smoothly instead of blinking.
Reorder the data-view toolbar so search is the first control (where the eye
lands) and the row count + timer, +Row, Export and Refresh form a right-aligned
cluster after the spacer — the count now reads next to the actions that change
it, instead of sitting alone on the left.
Up in the busy top toolbar the 10Hz-ticking timer read as a flicker. Move the
row count + query time to a slim status strip at the bottom of the result pane
— the conventional, calmer home for it. Data view only. Update the two
grid-search e2e assertions to read the count from the footer.
@oesukam
oesukam merged commit 78f97dc into main Aug 6, 2026
6 checks passed
@oesukam
oesukam deleted the fix/trim-status-pill-and-meta-flicker branch August 6, 2026 15:29
@oesukam oesukam mentioned this pull request Aug 6, 2026
oesukam added a commit that referenced this pull request Aug 6, 2026
Version bump for the **v0.4.0** release: `0.3.0 → 0.4.0` in
`tauri.conf.json`, `Cargo.toml`, and `Cargo.lock`.

## What's in v0.4.0 (since v0.3.0)

**Features**
- MongoDB support: JS scripting, table-data browse/edit/insert/delete,
connection URL, TLS handling (#101, #103, #105)
- Engine registry — per-engine metadata drives the connection form,
queries, display (#103)
- Rail sessions behave like tabs: click selects, right-click to close,
dim inactive, reconnect on click (#104)
- Row count + query timer moved to a footer below the grid, for both
table-data and SQL tabs (#108, #109)

**Fixes**
- Grid fills the pane for few-column tables; no open blink (#106)
- Edit-connection opens the real connection; Mongo honors its pinned
database (#107)
- Startup white-flash eliminated (dark window bg + pre-render tab
hydration) (#110)
- Mongo defaults to TLS-off so a local Mongo connects (#105)
- Actionable commitlint PR-title error (#102); release gated on
lint/typecheck/tests (#100)

## Gate

lint (0 errors), typecheck (CI-style clean), 321 unit tests, frontend
build — all green locally.

After merge, the Release workflow is triggered with `publish=false` to
produce a **draft** release for review.
oesukam added a commit that referenced this pull request Aug 22, 2026
…#108)

Two small UI polish fixes from screenshots.

## 1. Status pill: drop "N of M rows · X ms"

The top status pill showed `DEVELOPMENT · PostgreSQL : ncw_api ·
assets_config · 47 of 47 · 16 ms`. The record-level toolbar under the
grid already shows the row count and timer, so the pill just repeated
it. Trimmed to `env · engine : db · tab` (removed the row-count +
`RunningTimer`, and the now-unused `queryMeta`/import).

## 2. Toolbar meta flicker

"0 of 0 rows · 8 ms" flickered: the timer ticks at 10Hz and the
count/value swaps hard on every refresh, and proportional digits reflow
as they change width. Wrapped the count + timer in one `.data-view-meta`
band with:
- `font-variant-numeric: tabular-nums` — digits are fixed-width, no
jitter as they tick;
- a reserved `min-width` — "0 of 0" → "47 of 47" no longer shifts
neighbouring controls;
- an opacity/color `transition` — the value settles instead of
hard-cutting.

## Tests

tsc clean, 321 unit tests pass, grid e2e (10) pass.
oesukam added a commit that referenced this pull request Aug 22, 2026
Version bump for the **v0.4.0** release: `0.3.0 → 0.4.0` in
`tauri.conf.json`, `Cargo.toml`, and `Cargo.lock`.

## What's in v0.4.0 (since v0.3.0)

**Features**
- MongoDB support: JS scripting, table-data browse/edit/insert/delete,
connection URL, TLS handling (#101, #103, #105)
- Engine registry — per-engine metadata drives the connection form,
queries, display (#103)
- Rail sessions behave like tabs: click selects, right-click to close,
dim inactive, reconnect on click (#104)
- Row count + query timer moved to a footer below the grid, for both
table-data and SQL tabs (#108, #109)

**Fixes**
- Grid fills the pane for few-column tables; no open blink (#106)
- Edit-connection opens the real connection; Mongo honors its pinned
database (#107)
- Startup white-flash eliminated (dark window bg + pre-render tab
hydration) (#110)
- Mongo defaults to TLS-off so a local Mongo connects (#105)
- Actionable commitlint PR-title error (#102); release gated on
lint/typecheck/tests (#100)

## Gate

lint (0 errors), typecheck (CI-style clean), 321 unit tests, frontend
build — all green locally.

After merge, the Release workflow is triggered with `publish=false` to
produce a **draft** release for review.
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