Update files

packages/app/src/components/add-host-modal.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, UnistylesRuntime, useUnistyles } from "react-native-unistyl
 import { Link2 } from "lucide-react-native";
 import { useDaemonRegistry, type HostProfile } from "@/contexts/daemon-registry-context";
 import { normalizeHostPort } from "@/utils/daemon-endpoints";
-import { DaemonConnectionTestError, probeDaemonEndpoint } from "@/utils/test-daemon-connection";
+import { DaemonConnectionTestError, probeConnection } from "@/utils/test-daemon-connection";
 import { AdaptiveModalSheet, AdaptiveTextInput } from "./adaptive-modal-sheet";
 import { Button } from "@/components/ui/button";
 
@@ -179,7 +179,7 @@ export function AddHostModal({ visible, onClose, onCancel, onSaved, targetServer
       setIsSaving(true);
       setErrorMessage("");
 
-      const { serverId, hostname } = await probeDaemonEndpoint(endpoint);
+      const { serverId, hostname } = await probeConnection({ id: "probe", type: "direct", endpoint });
       if (targetServerId && serverId !== targetServerId) {
         const message = `That endpoint belongs to ${serverId}, not ${targetServerId}.`;
         setErrorMessage(message);

packages/app/src/components/multi-daemon-session-host.tsx

@@ -8,7 +8,7 @@ import {
   buildDaemonWebSocketUrl,
   buildRelayWebSocketUrl,
 } from "@/utils/daemon-endpoints";
-import { probeDaemonEndpoint } from "@/utils/test-daemon-connection";
+import { probeConnection } from "@/utils/test-daemon-connection";
 import { useEffect, useMemo, useRef, useState } from "react";
 import type { ActiveConnection } from "@/contexts/daemon-connections-context";
 
@@ -157,9 +157,10 @@ function ManagedDaemonSession({ daemon }: { daemon: HostProfile }) {
 
       upgradeProbeInFlightRef.current = true;
       try {
-        const { serverId } = await probeDaemonEndpoint(best.activeConnection.endpoint, {
-          timeoutMs: 2000,
-        });
+        const { serverId } = await probeConnection(
+          { id: "probe", type: "direct", endpoint: best.activeConnection.endpoint },
+          { timeoutMs: 2000 },
+        );
         if (cancelled) return;
         if (serverId !== daemon.serverId) return;
 

packages/app/src/components/pair-link-modal.tsx

@@ -3,7 +3,8 @@ import { Alert, Text, View } from "react-native";
 import { StyleSheet, UnistylesRuntime, useUnistyles } from "react-native-unistyles";
 import { Link } from "lucide-react-native";
 import { useDaemonRegistry, type HostProfile } from "@/contexts/daemon-registry-context";
-import { decodeOfferFragmentPayload } from "@/utils/daemon-endpoints";
+import { decodeOfferFragmentPayload, normalizeHostPort } from "@/utils/daemon-endpoints";
+import { probeConnection } from "@/utils/test-daemon-connection";
 import { ConnectionOfferSchema } from "@server/shared/connection-offer";
 import { AdaptiveModalSheet, AdaptiveTextInput } from "./adaptive-modal-sheet";
 import { Button } from "@/components/ui/button";
@@ -120,9 +121,20 @@ export function PairLinkModal({ visible, onClose, onCancel, onSaved, targetServe
     try {
       setIsSaving(true);
       setErrorMessage("");
+
+      const probeResult = await probeConnection(
+        {
+          id: "probe",
+          type: "relay",
+          relayEndpoint: normalizeHostPort(parsedOffer.relay.endpoint),
+          daemonPublicKeyB64: parsedOffer.daemonPublicKeyB64,
+        },
+        { serverId: parsedOffer.serverId },
+      );
+
       const isNewHost = !daemons.some((daemon) => daemon.serverId === parsedOffer.serverId);
       const profile = await upsertDaemonFromOfferUrl(raw);
-      onSaved?.({ profile, serverId: parsedOffer.serverId, hostname: null, isNewHost });
+      onSaved?.({ profile, serverId: parsedOffer.serverId, hostname: probeResult.hostname, isNewHost });
       handleClose();
     } catch (error) {
       const message = error instanceof Error ? error.message : "Unable to pair host";

packages/app/src/components/ui/button.tsx

@@ -31,8 +31,8 @@ const styles = StyleSheet.create((theme) => ({
     borderRadius: theme.borderRadius.xl,
   },
   default: {
-    backgroundColor: theme.colors.palette.blue[500],
-    borderColor: theme.colors.palette.blue[500],
+    backgroundColor: theme.colors.accent,
+    borderColor: theme.colors.accent,
   },
   secondary: {
     backgroundColor: theme.colors.surface2,