Improve UI

docs/p2p_sync_updates_2026.md

@@ -6,11 +6,11 @@ Peer-to-Peer (P2P) synchronisation has evolved significantly. This guide covers
 P2P synchronisation allows your devices to talk directly to each other using WebRTC. A central server is not required for data storage, ensuring maximum privacy and "freedom."
 
 ## 2. Setting Up via P2P Status Pane
-You no longer need to navigate through complex menus. Simply open the **P2P Server Status** (via the ribbon icon or command palette) and click the **⚙ (Cog)** icon.
+You no longer need to navigate through complex menus. Simply open the **P2P Status** (via the ribbon icon or command palette) and click the **⚙ (Cog)** icon.
 
 This opens the **P2P Setup** dialogue where you can configure the essentials:
 - **Room ID:** A unique identifier for your synchronisation group.
-- **Password:** Your encryption key. Ensure all your devices use the exact same password. 
+- **Passphrase:** Your encryption key. Ensure all your devices use the exact same passphrase. 
 - **Device Name:** A recognisable name for the current device (e.g., `iphone-16`).
 
 Once you have saved the settings, return to the **P2P Status Pane** and click the **Connect** button to join the network. 

src/features/P2PSync/P2PReplicator/P2PServerStatusCard.svelte

@@ -21,7 +21,7 @@
     let replicatorStatus = $state<P2PReplicatorStatus | undefined>(undefined);
 
     async function requestServerStatus() {
-        await liveSyncReplicator.requestStatus();
+        await Promise.resolve(liveSyncReplicator.requestStatus());
         eventHub.emitEvent(EVENT_REQUEST_STATUS);
     }
 

src/features/P2PSync/P2PReplicator/P2PServerStatusPane.svelte

@@ -149,7 +149,7 @@
 
 <div class="p2p-container">
     <div class="pane-header">
-        <h2>P2P Host</h2>
+        <h2>P2P Status</h2>
         <button
             class="icon-button"
             onclick={openConnectionSettings}
@@ -164,7 +164,7 @@
 
     <div class="peers-section">
         <div class="peers-header">
-            <h3>Known Devices</h3>
+            <h3>Detected Peers</h3>
             <button class="refresh" onclick={requestServerStatus}>Refresh</button>
         </div>
 

src/features/P2PSync/P2PReplicator/P2PServerStatusPaneView.ts

@@ -28,7 +28,7 @@ export class P2PServerStatusPaneView extends SvelteItemView {
     }
 
     getDisplayText() {
-        return "P2P Server Status";
+        return "P2P Status";
     }
 
     instantiateComponent(target: HTMLElement) {

src/serviceFeatures/useP2PReplicatorUI.ts

@@ -100,7 +100,7 @@ export function useP2PReplicatorUI(
 
         api.addCommand({
             id: "open-p2p-server-status",
-            name: "P2P Sync : Open P2P Server Status",
+            name: "P2P Sync : Open P2P Status",
             callback: () => {
                 void openStatusPane();
             },
@@ -110,7 +110,7 @@ export function useP2PReplicatorUI(
         //     void openPane();
         // })?.addClass?.("livesync-ribbon-replicate-p2p");
 
-        api.addRibbonIcon("waypoints", "P2P Server Status", () => {
+        api.addRibbonIcon("waypoints", "P2P Status", () => {
             void openStatusPane();
         })?.addClass?.("livesync-ribbon-p2p-server-status");