Create, rename and remove the devices that dial in

On a tunnel this machine configures — today that means OpenWrt's UCI, which is
where the server here lives — the VPN tab can add a device, rename it and take
it away. A wg-quick host is reported as unmanaged and shows no buttons, because
half-supporting a second configuration format is worse than an honest refusal.

Adding generates the keypair and a pre-shared key on the machine, picks the
lowest free address in the tunnel's range, and hands back the complete client
profile with a QR code for the WireGuard apps. The private key in it is
generated for that one call and stored nowhere, so the profile is shown until
dismissed and then gone — the same bargain as any password this console makes.

Nothing restarts the network, which matters when the interface belongs to the
router the house is behind. `uci commit` writes the file and applies nothing;
`wg set` changes one peer on the live interface and touches nothing else.

The order of the two is chosen so they cannot disagree quietly. Adding writes
the configuration first and rolls it back if the live tunnel refuses, because a
device that works only after the next reboot is the worst of the three outcomes.
Removing does the live tunnel first, since that is the moment access actually
ends, and says plainly if the configuration half then fails.

Removing asks for the device's name to be typed back, at both ends. It is the
one action here that cannot be undone and it sits one tap from a list of devices
that all look alike.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/api.ts

@@ -195,11 +195,20 @@ export interface NetworkInfo { report: NetReport; outside: Outside; run?: SpeedR
 export interface VPNPeer {
   name?: string; public_key: string; endpoint?: string; allowed_ips: string[]
   handshake?: string; online: boolean; rx: number; tx: number; keepalive?: number; psk?: boolean
+  // The configuration section holding it, and the id anything that edits it uses. Absent when
+  // the peer is not in a configuration Ham Lab can edit.
+  section?: string
 }
 export interface VPNTunnel {
   name: string; public_key: string; kind: 'server' | 'client' | ''; listen_port?: number
   fwmark?: string; addrs: string[]; mtu?: number; peers: VPNPeer[]; exit?: string
+  // Whether devices on this tunnel can be added and removed from here.
+  managed?: boolean
 }
+export interface NewVPNPeer { name: string; address?: string; endpoint: string; dns?: string; split?: boolean }
+// A device just made, and the one chance to read its profile: the private key in it is
+// generated for that call and kept nowhere.
+export interface CreatedVPNPeer { section: string; name: string; public_key: string; address: string; config: string }
 export interface VPNReport { at: string; tunnels: VPNTunnel[]; tool: boolean; root: boolean; note?: string }
 
 export interface ZFSPolicy { id: string; name: string; dataset: string; recursive: boolean; every: 'hourly' | 'daily' | 'weekly' | 'monthly' | 'custom'; at: string; weekday: number; day: number; cron?: string; keep_for: string; keep_min: number; prefix?: string; enabled: boolean }
@@ -317,6 +326,11 @@ export const api = {
   hardware: (refresh = false) => req<Hardware>('GET', `/api/hardware${refresh ? '?refresh=1' : ''}`),
   network: () => req<NetworkInfo>('GET', '/api/network'),
   vpn: () => req<VPNReport>('GET', '/api/vpn'),
+  addVPNPeer: (iface: string, p: NewVPNPeer) => req<CreatedVPNPeer>('POST', `/api/vpn/${encodeURIComponent(iface)}/peers`, p),
+  editVPNPeer: (iface: string, section: string, p: { name?: string; address?: string }) =>
+    req<void>('PATCH', `/api/vpn/${encodeURIComponent(iface)}/peers/${encodeURIComponent(section)}`, p),
+  removeVPNPeer: (iface: string, section: string, confirm: string) =>
+    req<void>('DELETE', `/api/vpn/${encodeURIComponent(iface)}/peers/${encodeURIComponent(section)}`, { confirm }),
   speedtest: () => req<SpeedRun>('GET', '/api/network/speedtest'),
   startSpeedtest: () => req<SpeedRun>('POST', '/api/network/speedtest'),
   cancelSpeedtest: () => req<void>('POST', '/api/network/speedtest/cancel'),