feat(connections): Add connections page (replaces new device dialog) #919

danditomaso · 2025-10-29T18:04:55Z

Description

This PR introduces the Connections page to the web client. This will replace the New Connection dialog that was previously used. Some benefits of this page is it stores connections in the deviceStore and persists the connection details to indexDB. Users can add HTTP, Bluetooth or Serial connections and HTTP connections are will also have a reachability test to show if nodes are reachable.

Related Issues

Fixes #589
Fixes #701
Fixes #241

Changes Made

Add connections screen
Add deviceStore methods to add, update, delete saved connections
Enable device store persistence
Add all translation keys to connections.json file.

Testing Done

Throughly tested locally during development
Using this PR to test HTTP support (force HTTPS when site is also HTTPS

Screenshots (if applicable)

Checklist

Code follows project style guidelines
[] Documentation has been updated or added
Tests have been added or updated
All i18n translation labels have been added (read
CONTRIBUTING_I18N_DEVELOPER_GUIDE.md for more details)

vercel · 2025-10-29T18:05:00Z

@danditomaso is attempting to deploy a commit to the Meshtastic Team on Vercel.

A member of the Team first needs to authorize it.

Copilot

Pull Request Overview

This PR refactors the Dashboard page into a Connections page, introducing a comprehensive connection management system. The changes support saving, managing, and switching between multiple device connections (HTTP, Bluetooth, Serial) with persistent storage.

Key changes:

Replaced Dashboard with a new Connections page that manages device connections
Added connection state management with status tracking and persistence
Implemented LRU (Least Recently Used) list hook for recent HTTP connections
Added UI components for connection management (AlertDialog, Card, Badge)

Reviewed Changes

Copilot reviewed 64 out of 66 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
packages/web/src/pages/Connections/index.tsx	New Connections page with card-based UI for managing connections
packages/web/src/pages/Connections/useConnections.ts	Core connection management logic and lifecycle hooks
packages/web/src/pages/Connections/utils.ts	Helper functions for connection creation and status checks
packages/web/src/core/stores/deviceStore/index.ts	Added savedConnections state and CRUD operations
packages/web/src/core/stores/deviceStore/types.ts	New Connection and ConnectionStatus type definitions
packages/web/src/core/hooks/useLRUList.ts	Reusable LRU list hook with localStorage persistence
packages/web/src/components/UI/AlertDialog.tsx	New AlertDialog component using Radix UI primitives
packages/web/src/components/UI/Card.tsx	New Card component for connection cards
packages/web/src/components/UI/Badge.tsx	New Badge component for status indicators
packages/web/src/components/Dialog/AddConnectionDialog/*	Dialog for adding new connections with validation
packages/web/src/routes.tsx	Updated routes to use Connections instead of Dashboard
packages/web/public/i18n/locales/*/connections.json	Renamed dashboard namespace to connections

Files not reviewed (1)

pnpm-lock.yaml: Language not supported

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

packages/web/src/components/PageComponents/Connect/HTTP.tsx

packages/web/src/pages/Connections/index.tsx

packages/web/src/pages/Connections/useConnections.ts

packages/web/src/core/stores/deviceStore/index.ts

packages/web/src/pages/Connections/index.tsx

packages/web/src/pages/Connections/useConnections.ts

vercel · 2025-10-29T18:27:27Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
web-test	Ready	Preview	Comment	Nov 4, 2025 1:12am

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>

The Config_DisplayConfig_GpsCoordinateFormat export doesn't exist in the protobufs package. The correct export is Config_DisplayConfig_DeprecatedGpsCoordinateFormat, which matches what's used in the validation schema. Added TODO comment explaining that this field is deprecated since protobufs 2.7.4 and should be migrated to DeviceUIConfig.gps_format when DeviceUI settings are implemented.

- Split long enum reference across multiple lines to improve code readability - Maintains consistent code formatting standards without changing functionality

* fix(core): ensure core package works in browser * style(core): revert new line removal

…c#914)

* feat: scaffold UI library * Update packages/ui/src/components/theme-provider.tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * add lock file * lint/formatting fixes --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

CLAassistant · 2025-11-03T20:22:27Z

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
4 out of 5 committers have signed the CLA.

✅ danditomaso
✅ benallfree
✅ Azarattum
✅ dzienisz
❌ github-actions[bot]
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

CLAassistant · 2025-11-03T20:22:28Z

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
4 out of 5 committers have signed the CLA.

✅ danditomaso
✅ dzienisz
✅ benallfree
✅ Azarattum
❌ github-actions[bot]
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

…ctions

feat(conn): add connection screen and logic

d40158f

Copilot AI review requested due to automatic review settings October 29, 2025 18:04

Copilot AI reviewed Oct 29, 2025

View reviewed changes

danditomaso changed the title ~~feat(connections): Add connection screen~~ feat(connections): Add connections page (replaces new device dialog) Oct 29, 2025

vercel bot deployed to Preview – web-test October 29, 2025 18:27 View deployment

fixes from code review

7e47e98

vercel bot deployed to Preview – web-test October 29, 2025 18:58 View deployment

force https

8c98054

vercel bot deployed to Preview – web-test October 29, 2025 19:26 View deployment

code review fixes

90c9664

vercel bot had a problem deploying to Preview – web-test October 30, 2025 14:03 Failure

add http for self testing

404b3e6

vercel bot deployed to Preview – web-test October 30, 2025 14:07 View deployment

enable deviceStore persistance

1a44a5c

vercel bot deployed to Preview – web-test October 30, 2025 16:05 View deployment

danditomaso added 2 commits October 31, 2025 17:26

added translations

d68c5e4

disabled feature flag

1950f8d

vercel bot deployed to Preview – web-test October 31, 2025 21:27 View deployment

danditomaso and others added 8 commits November 1, 2025 11:08

i18n updates

3548177

chore: add new folders to biome config (meshtastic#910)

d50996a

chore(i18n): New Crowdin Translations by GitHub Action (meshtastic#908)

d561dfe

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>

style: fix line wrapping for GPS coordinate format enum (meshtastic#918)

97052a6

- Split long enum reference across multiple lines to improve code readability - Maintains consistent code formatting standards without changing functionality

fix(core): ensure core package works in browser (meshtastic#923)

2c33cda

* fix(core): ensure core package works in browser * style(core): revert new line removal

fix: add @serialport/bindings-cpp to onlyBuiltDependencies (meshtasti…

b769cc7

…c#914)

danditomaso added 2 commits November 3, 2025 16:02

Merge remote-tracking branch 'origin' into feat(conn)-save-user-conne…

2bd5ba9

…ctions

formatting/linting fixes

1fe38a0

vercel bot deployed to Preview – web-test November 3, 2025 21:17 View deployment

danditomaso added 2 commits November 3, 2025 19:57

fixed some paring logic

0c19259

fixed connection issue with serial

b0721c4

vercel bot deployed to Preview – web-test November 4, 2025 01:12 View deployment

danditomaso merged commit 1af1295 into meshtastic:main Nov 4, 2025
2 of 4 checks passed

danditomaso deleted the feat(conn)-save-user-connections branch November 4, 2025 01:24

This was referenced Nov 5, 2025

[Feature Request]: Specify Host in URL #345

Closed

[Feature request] Remember previous connection #164

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(connections): Add connections page (replaces new device dialog) #919

feat(connections): Add connections page (replaces new device dialog) #919

Uh oh!

danditomaso commented Oct 29, 2025 •

edited

Loading

Uh oh!

vercel bot commented Oct 29, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

vercel bot commented Oct 29, 2025 •

edited

Loading

Uh oh!

CLAassistant commented Nov 3, 2025 •

edited

Loading

Uh oh!

CLAassistant commented Nov 3, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

feat(connections): Add connections page (replaces new device dialog) #919

feat(connections): Add connections page (replaces new device dialog) #919

Uh oh!

Conversation

danditomaso commented Oct 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related Issues

Changes Made

Testing Done

Screenshots (if applicable)

Checklist

Uh oh!

vercel bot commented Oct 29, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

vercel bot commented Oct 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

CLAassistant commented Nov 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

CLAassistant commented Nov 3, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

danditomaso commented Oct 29, 2025 •

edited

Loading

vercel bot commented Oct 29, 2025 •

edited

Loading

CLAassistant commented Nov 3, 2025 •

edited

Loading