Skip to content

Add password visibility toggles to inputs#172

Open
zhaopengme wants to merge 2 commits intoTabularisDB:mainfrom
zhaopengme:main
Open

Add password visibility toggles to inputs#172
zhaopengme wants to merge 2 commits intoTabularisDB:mainfrom
zhaopengme:main

Conversation

@zhaopengme
Copy link
Copy Markdown

Add password visibility toggles to inputs

Screenshot 2026-05-09 at 11-52-18

Copilot AI review requested due to automatic review settings May 9, 2026 03:52
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds password/API key visibility toggles to sensitive input fields in the settings and connection modals to improve usability when entering credentials.

Changes:

  • Added show/hide toggle for the AI provider API key input in AiTab.
  • Added show/hide toggles for password/passphrase fields in SSH Connections and New Connection modals.
  • Updated input styling to reserve right-side space for the visibility toggle icon.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File Description
src/components/settings/AiTab.tsx Adds a visibility toggle for the AI API key input and adjusts input padding/layout.
src/components/modals/SshConnectionsModal.tsx Wraps password inputs with a toggle button and adjusts styling via clsx.
src/components/modals/NewConnectionModal.tsx Enhances the shared FieldInput to support password visibility toggling with updated styling.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/settings/AiTab.tsx
Comment thread src/components/settings/AiTab.tsx
Comment thread src/components/modals/SshConnectionsModal.tsx
Comment thread src/components/modals/NewConnectionModal.tsx
This commit introduces the ability to export and import connection
configurations.

The `export_connections_payload` command serializes all connection
groups, saved connections, and SSH connections into a JSON payload. It
also resolves and includes passwords from the keychain for both database
and SSH connections.

The `import_connections_payload` command takes an `ExportPayload`,
merges it with existing configurations, and securely stores any
passwords in the system's keychain. It then saves the updated
configurations to disk.

Additionally, this commit includes:
- A new `ExportPayload` model.
- A unit test for serialization and deserialization of the
  `ExportPayload`.
- UI updates in `Connections.tsx` to add export and import buttons.
- Localization updates for export/import related strings.
- Styling adjustments for `ConfirmModal` to support different variants.
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.

2 participants