Skip to content

Redesign connection screen and polish app interface - #40

Merged
broisnees merged 27 commits into
masterfrom
feat/connection-redesign-ui-polish
Jul 10, 2026
Merged

broisnees merged 27 commits into
masterfrom
feat/connection-redesign-ui-polish

Conversation

@broisnees

Copy link
Copy Markdown
Collaborator

Summary

A focused UX pass on the connection flow plus app-wide interface polish and two bug fixes. See CHANGELOG.md (Unreleased) for the user-facing list.

Connection screen (redesigned)

  • Two-pane layout — connection type, driver, and saved connections in a left rail; details in a focused right pane. Fields are reachable without scrolling.
  • Segmented input mode — paste a connection string or fill manual fields, not both at once; a pasted string auto-fills and validates on connect.
  • Cleaner provider picker — Neon, Supabase, PlanetScale, and Prisma Postgres as a single calm list with a clear selected state and a compact sign-in action.
  • Redesigned error + footer — connection errors show as a readable inline alert; the footer has a clear status chip (Ready / Unsaved / Connection OK / Failed) and unambiguous Test / Connect actions.
  • Crisp inputs — visible outline + a single accent focus ring, consistent across the app.
  • Wider connections rail; fixed flicker when switching between saved connections or drivers.

Interface polish

  • Button press feedback; consistent, snappier open/close motion for menus, selects, popovers, tooltips, and dialogs (menus scale from their trigger).
  • Respects the system reduce-motion setting.
  • Sidebar row baseline alignment, higher resting contrast, refined section headers.
  • Tightened Settings spacing and control feedback.

Bug fixes

  • Fixed "Limit must be at least 1" when opening a table after choosing "All" rows — page size falls back to a valid default (50).
  • The data grid no longer offers Set NULL on NOT NULL columns; it shows a clear message instead of a write that would fail.
  • Connection screen: chrome is no longer text-selectable; pointer cursor on every clickable control.

Notes

  • The branch also carries in-progress backend (src-tauri/src/db/*) and entity-relationship diagram changes that were already in the working tree; they are included in this branch's diff but not itemized in the changelog.
  • npm run build passes.

@changeset-bot

changeset-bot Bot commented Jul 10, 2026 •

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 1801e0c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@broisnees broisnees added release:minor Bump minor version (0.x.0) enhancement New feature or request bug Something isn't working labels Jul 10, 2026
@broisnees broisnees self-assigned this Jul 10, 2026
@broisnees
broisnees force-pushed the feat/connection-redesign-ui-polish branch from ddcbca3 to 1801e0c Compare July 10, 2026 06:25
@broisnees
broisnees merged commit e25edf7 into master Jul 10, 2026
1 check passed
@github-actions github-actions Bot locked and limited conversation to collaborators Jul 10, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

bug Something isn't working enhancement New feature or request release:minor Bump minor version (0.x.0)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant