Console — Connection
Pointing HARBORLINE at your own node: a masked node-URL field, the Connect button across its four states, every HarborBanner, and a mono connection log that replays the connecting → connected fixtures.
Connection panel
The node URL is the first Tor peer fixture, masked. The log's times come from the sync-history fixture; its figures from the two node-status fixtures.
Masked · 5 of 8 peers over Tor
Connection log
- 12:00:00dial wv2kpn5dowakeg777b7d2ci2vldhvzye25a76lmhe6scd476spnjvt36.onion:8333
- 12:30:00handshake /btcd:0.24.2/
- 13:00:00peers 1 → 12
- 13:30:00headers 961,247 · sync 100%
- 14:00:00HARBOR MODE — routing through your own node
Connect states
StatefulButton with the state forced via props — the label cascades between Connect, Connecting, Connected, and Retry.
Ready — the fixture endpoint is filled in.
Dialing the node over Tor.
Handshake complete; Harbor Mode engages.
Unreachable — the log keeps the failure line.
Harbor banners
The full-width HarborBanner strip in every state, stacked — the chrome-level answer to the beacon.
Theme triptych
The connection panel under dark, light, and harbor-on layers, scaled to fit.
Masked · 5 of 8 peers over Tor
Connection log
- 12:00:00dial wv2kpn5dowakeg777b7d2ci2vldhvzye25a76lmhe6scd476spnjvt36.onion:8333
- 12:30:00handshake /btcd:0.24.2/
- 13:00:00peers 1 → 12
- 13:30:00headers 961,247 · sync 100%
- 14:00:00HARBOR MODE — routing through your own node