@peers-app/peers-ui 0.21.1 → 0.21.3

package/dist/screens/network-viewer/connection-troubleshooter.js

@@ -75,7 +75,7 @@ function ConnectionTroubleshooter({ onBack }) {
         setDone(false);
         setChecks([]);
         setExpanded(new Set());
-        const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
+        const api = (0, network_viewer_ipc_1.getNetworkViewerPlatformApi)();
         if (!api) {
             setChecks([
                 {

package/dist/screens/network-viewer/device-details-modal.js

@@ -36,12 +36,8 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
     const [notFound, setNotFound] = (0, react_1.useState)(false);
     const loadData = (0, react_1.useCallback)(async () => {
         try {
-            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
-            if (!api) {
-                console.warn("Network Viewer API not available");
-                return;
-            }
-            const deviceData = (await api.getDeviceDetails(deviceId));
+            const diagnostics = await (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)();
+            const { device: deviceData } = await diagnostics.tools.getDeviceDetails({ deviceId });
             if (!deviceData) {
                 setNotFound(true);
             }
@@ -63,14 +59,14 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
             return;
         }
         try {
-            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
-            if (api && deviceId) {
-                await api.disconnectDevice(deviceId);
-                if (onDisconnect) {
-                    onDisconnect();
-                }
-                onClose();
+            const control = await (0, network_viewer_ipc_1.getNetworkControlConsumer)();
+            const result = await control.tools.disconnectDevice({ deviceId });
+            if (!result.success) {
+                alert(result.message);
+                return;
             }
+            onDisconnect?.();
+            onClose();
         }
         catch (error) {
             console.error("Error disconnecting device:", error);
@@ -88,9 +84,9 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
             overflowY: "auto",
             paddingTop: "2rem",
             paddingBottom: "2rem",
-        }, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "card", style: { maxWidth: "900px", width: "90%", maxHeight: "90vh" }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-header d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0", children: loading ? "Loading..." : device?.userName || device?.userId || "Device Details" }), device?.userName && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: (0, jsx_runtime_1.jsx)("code", { children: device.userId }) }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [device && ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-danger me-2", onClick: handleDisconnect, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-x-circle" }), " Disconnect"] })), (0, jsx_runtime_1.jsx)("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", style: { overflowY: "auto", maxHeight: "calc(90vh - 120px)" }, children: [loading && (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}), !loading && (notFound || !device) && ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning", children: "Device not found or connection has been closed." })), !loading && device && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Connection Information" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [device.deviceName && ((0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Device Name:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: device.deviceName })] })), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Device ID:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: device.deviceId })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Connection State:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success", children: device.connectionState })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Trust Level:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: device.trustLevel || peers_sdk_1.TrustLevel.Unknown })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Path Type:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: `badge bg-${device.pathType === "direct" ? "success" : "info"}`, children: device.pathType })] }), device.throughDeviceIds && device.throughDeviceIds.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "col-md-12 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Path:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: device.throughDeviceIds.join(" → ") })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Throughput" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Send Rate:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "text-success", children: ["\u2191 ", formatRate(device.sendRateMBps)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Receive Rate:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "text-primary", children: ["\u2193 ", formatRate(device.receiveRateMBps)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Sent:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: formatBytes(device.bytesSent || 0) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Received:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: formatBytes(device.bytesReceived || 0) })] })] })] }), device.canReadRemoteLogs && (0, jsx_runtime_1.jsx)(remote_logs_panel_1.RemoteLogsPanel, { deviceId: device.deviceId }), device.sharedGroups.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: ["Shared Groups (", device.sharedGroups.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Group ID" }), (0, jsx_runtime_1.jsx)("th", { children: "Role" }), (0, jsx_runtime_1.jsx)("th", { children: "Sync Status" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: device.sharedGroups.map((groupId) => {
+        }, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "card", style: { maxWidth: "900px", width: "90%", maxHeight: "90vh" }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-header d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0", children: loading ? "Loading..." : device?.userName || device?.userId || "Device Details" }), device?.userName && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: (0, jsx_runtime_1.jsx)("code", { children: device.userId }) }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [device && ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-danger me-2", onClick: handleDisconnect, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-x-circle" }), " Disconnect"] })), (0, jsx_runtime_1.jsx)("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", style: { overflowY: "auto", maxHeight: "calc(90vh - 120px)" }, children: [loading && (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}), !loading && (notFound || !device) && ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning", children: "Device not found or connection has been closed." })), !loading && device && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Connection Information" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [device.deviceName && ((0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Device Name:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: device.deviceName })] })), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Device ID:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: device.deviceId })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Connection State:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success", children: device.connectionState })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "User Trust:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: device.userTrustLevel || peers_sdk_1.TrustLevel.Unknown })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Device Trust:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: device.deviceTrustLevel || peers_sdk_1.TrustLevel.Unknown })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Path Type:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: `badge bg-${device.pathType === "direct" ? "success" : "info"}`, children: device.pathType })] }), device.throughDeviceIds && device.throughDeviceIds.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "col-md-12 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Path:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: device.throughDeviceIds.join(" → ") })] }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Throughput" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Send Rate:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "text-success", children: ["\u2191 ", formatRate(device.sendRateMBps)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Receive Rate:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "text-primary", children: ["\u2193 ", formatRate(device.receiveRateMBps)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Sent:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: formatBytes(device.bytesSent || 0) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Received:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: formatBytes(device.bytesReceived || 0) })] })] })] }), device.canReadRemoteLogs && (0, jsx_runtime_1.jsx)(remote_logs_panel_1.RemoteLogsPanel, { deviceId: device.deviceId }), device.sharedGroups.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: ["Shared Groups (", device.sharedGroups.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Group ID" }), (0, jsx_runtime_1.jsx)("th", { children: "Role" }), (0, jsx_runtime_1.jsx)("th", { children: "Sync Status" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: device.sharedGroups.map((groupId) => {
                                                             const syncStats = device.syncStatsByGroup[groupId];
                                                             const role = device.roles[groupId];
                                                             return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: groupId }) }), (0, jsx_runtime_1.jsx)("td", { children: role != null ? String(role) : "N/A" }), (0, jsx_runtime_1.jsx)("td", { children: syncStats ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [syncStats.isPreferred && ((0, jsx_runtime_1.jsx)("span", { className: "badge bg-primary me-2", children: "Preferred" })), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: new Date(syncStats.lastSyncTime).toLocaleString() })] })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "-" })) })] }, groupId));
-                                                        }) })] }) })] })), device.networkInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Remote Device Network Info" }), (0, jsx_runtime_1.jsxs)("div", { className: "row mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "CPU Usage:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "h5", children: [device.networkInfo.cpuPercent.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Memory Usage:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "h5", children: [device.networkInfo.memPercent.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Connection Slots:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: device.networkInfo.connectionSlotsAvailable })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Connections:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: device.networkInfo.connections.length })] })] }), device.networkInfo.preferredDeviceIds.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Preferred Devices:" }), (0, jsx_runtime_1.jsx)("ul", { className: "list-unstyled mt-2 ms-3", children: device.networkInfo.preferredDeviceIds.map((prefDeviceId) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: prefDeviceId }) }, prefDeviceId))) })] })), device.networkInfo.connections.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("strong", { children: ["Remote Connections (", device.networkInfo.connections.length, "):"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive mt-2", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Device ID" }), (0, jsx_runtime_1.jsx)("th", { children: "User ID" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: device.networkInfo.connections.map((conn, idx) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: conn.deviceId }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: conn.userId }) })] }, idx))) })] }) })] }))] }))] }))] })] }) }));
+                                                        }) })] }) })] })), device.networkInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Remote Device Network Info" }), (0, jsx_runtime_1.jsxs)("div", { className: "row mb-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "CPU Usage:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "h5", children: [device.networkInfo.cpuPercent.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Memory Usage:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("span", { className: "h5", children: [device.networkInfo.memPercent.toFixed(1), "%"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Connection Slots:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: device.networkInfo.connectionSlotsAvailable })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-3 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Connections:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: device.networkInfo.connections.length })] })] }), device.networkInfo.preferredDeviceIds.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Preferred Devices:" }), (0, jsx_runtime_1.jsx)("ul", { className: "list-unstyled mt-2 ms-3", children: device.networkInfo.preferredDeviceIds.map((prefDeviceId) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: prefDeviceId }) }, prefDeviceId))) })] })), device.networkInfo.connections.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("strong", { children: ["Remote Connections (", device.networkInfo.connections.length, "):"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive mt-2", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("th", { children: "Device ID" }) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: device.networkInfo.connections.map((conn, idx) => ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: conn.deviceId }) }) }, idx))) })] }) })] }))] }))] }))] })] }) }));
 }

package/dist/screens/network-viewer/group-details-modal.js

@@ -15,18 +15,18 @@ function GroupDetailsModal({ groupId, onClose }) {
     const [downloading, setDownloading] = (0, react_1.useState)(false);
     const [downloadProgress, setDownloadProgress] = (0, react_1.useState)(null);
     const [downloadResult, setDownloadResult] = (0, react_1.useState)(null);
+    const [fullSyncing, setFullSyncing] = (0, react_1.useState)(false);
+    const [fullSyncResult, setFullSyncResult] = (0, react_1.useState)(null);
+    const [syncingNow, setSyncingNow] = (0, react_1.useState)(false);
+    const [syncNowResult, setSyncNowResult] = (0, react_1.useState)(null);
+    const platformApi = (0, network_viewer_ipc_1.getNetworkViewerPlatformApi)();
     const loadData = (0, react_1.useCallback)(async () => {
         try {
-            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
-            if (!api) {
-                console.warn("Network Viewer API not available");
-                return;
-            }
-            const [groupData, syncDataUnknown] = await Promise.all([
-                api.getGroupDetails(groupId),
-                api.getGroupSyncStatus(groupId),
+            const diagnostics = await (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)();
+            const [{ group: groupDetails }, { groups }] = await Promise.all([
+                diagnostics.tools.getGroupDetails({ groupId }),
+                diagnostics.tools.getGroupSyncStatus({ groupId }),
             ]);
-            const groupDetails = groupData;
             if (!groupDetails) {
                 setNotFound(true);
             }
@@ -34,9 +34,8 @@ function GroupDetailsModal({ groupId, onClose }) {
                 setGroup(groupDetails);
                 setNotFound(false);
             }
-            const syncData = syncDataUnknown;
-            if (syncData && syncData.length > 0) {
-                setSyncInfo(syncData[0]);
+            if (groups.length > 0) {
+                setSyncInfo(groups[0]);
             }
         }
         catch (error) {
@@ -52,8 +51,7 @@ function GroupDetailsModal({ groupId, onClose }) {
             setDownloading(true);
             setDownloadProgress("Preparing download...");
             setDownloadResult(null);
-            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
-            if (!api?.downloadRemoteDatabase) {
+            if (!platformApi?.downloadRemoteDatabase) {
                 setDownloadResult({
                     success: false,
                     message: "Download API not available",
@@ -61,7 +59,7 @@ function GroupDetailsModal({ groupId, onClose }) {
                 return;
             }
             setDownloadProgress("Downloading database...");
-            const result = (await api.downloadRemoteDatabase(groupId, deviceId));
+            const result = (await platformApi.downloadRemoteDatabase(groupId, deviceId));
             setDownloadResult(result);
             if (result.success) {
                 setDownloadProgress(null);
@@ -79,6 +77,51 @@ function GroupDetailsModal({ groupId, onClose }) {
             setDownloadProgress(null);
         }
     };
+    const handleSyncNow = async () => {
+        setSyncingNow(true);
+        setSyncNowResult(null);
+        try {
+            const control = await (0, network_viewer_ipc_1.getNetworkControlConsumer)();
+            const result = await control.tools.syncGroupNow({ groupId });
+            setSyncNowResult(result);
+            if (result.success) {
+                await loadData();
+            }
+        }
+        catch (error) {
+            setSyncNowResult({
+                success: false,
+                message: error instanceof Error ? error.message : String(error),
+            });
+        }
+        finally {
+            setSyncingNow(false);
+        }
+    };
+    const handleFullSync = async () => {
+        if (!confirm(`Do a full sync for "${group?.groupName || groupId}"? This resets local change tracking for only this context and may transfer substantial data.`)) {
+            return;
+        }
+        setFullSyncing(true);
+        setFullSyncResult(null);
+        try {
+            const control = await (0, network_viewer_ipc_1.getNetworkControlConsumer)();
+            const result = await control.tools.resetChangeTracking({ dataContextId: groupId });
+            setFullSyncResult(result);
+            if (result.success) {
+                await loadData();
+            }
+        }
+        catch (error) {
+            setFullSyncResult({
+                success: false,
+                message: error instanceof Error ? error.message : String(error),
+            });
+        }
+        finally {
+            setFullSyncing(false);
+        }
+    };
     (0, react_1.useEffect)(() => {
         loadData();
     }, [loadData]);
@@ -88,7 +131,7 @@ function GroupDetailsModal({ groupId, onClose }) {
             overflowY: "auto",
             paddingTop: "2rem",
             paddingBottom: "2rem",
-        }, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "card", style: { maxWidth: "900px", width: "90%", maxHeight: "90vh" }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-header d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0", children: loading ? "Loading..." : group?.groupName || "Group Details" }), group && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: (0, jsx_runtime_1.jsx)("code", { children: group.groupId }) }))] }), (0, jsx_runtime_1.jsx)("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", style: { overflowY: "auto", maxHeight: "calc(90vh - 120px)" }, children: [loading && (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}), !loading && (notFound || !group) && ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning", children: "Group not found." })), !loading && group && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Group Information" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Group ID:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.groupId })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Group Name:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: group.groupName })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Founder:" }), (0, jsx_runtime_1.jsx)("br", {}), group.founderUserName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: group.founderUserName }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.founderUserId })] })) : ((0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.founderUserId }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Members:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: group.members.length })] })] })] }), group.members.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: ["Members (", group.members.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "User" }), (0, jsx_runtime_1.jsx)("th", { children: "User ID" }), (0, jsx_runtime_1.jsx)("th", { children: "Role" }), (0, jsx_runtime_1.jsx)("th", { children: "Trust Level" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: group.members.map((member) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: member.userName || (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "-" }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: member.userId }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("span", { className: "badge bg-primary", children: member.role }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: member.trustLevel || peers_sdk_1.TrustLevel.Unknown }) })] }, member.userId))) })] }) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-download me-2" }), "Download Database (Fast Sync)"] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small mb-3", children: "Download the entire database from a connected device. This is useful for fast initial sync on a new device. The database will be saved as a backup file." }), syncInfo && syncInfo.connectedDevices.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "Select a connected device:" }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex flex-wrap gap-2", children: syncInfo.connectedDevices.map((device) => ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-primary btn-sm", onClick: () => handleDownloadDatabase(device.deviceId), disabled: downloading, children: downloading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }), "Downloading..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-cloud-download me-1" }), device.deviceId.substring(0, 8), "...", (0, jsx_runtime_1.jsxs)("span", { className: "badge bg-secondary ms-1", children: [Math.round(device.latencyMs), "ms"] })] })) }, device.deviceId))) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-info-circle me-2" }), "No devices are currently connected to this group. Connect to a device first to download its database."] })), downloadProgress && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("span", { children: downloadProgress })] }) })), downloadResult && ((0, jsx_runtime_1.jsx)("div", { className: `alert mt-3 mb-0 ${downloadResult.success ? "alert-success" : "alert-danger"}`, children: downloadResult.success ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle me-2" }), (0, jsx_runtime_1.jsx)("strong", { children: "Download complete!" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("small", { children: ["File: ", (0, jsx_runtime_1.jsx)("code", { children: downloadResult.filePath }), (0, jsx_runtime_1.jsx)("br", {}), "Size:", " ", downloadResult.size
+        }, onClick: onClose, children: (0, jsx_runtime_1.jsxs)("div", { className: "card", style: { maxWidth: "900px", width: "90%", maxHeight: "90vh" }, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "card-header d-flex justify-content-between align-items-center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0", children: loading ? "Loading..." : group?.groupName || "Group Details" }), group && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: (0, jsx_runtime_1.jsx)("code", { children: group.groupId }) }))] }), (0, jsx_runtime_1.jsx)("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "card-body", style: { overflowY: "auto", maxHeight: "calc(90vh - 120px)" }, children: [loading && (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}), !loading && (notFound || !group) && ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-warning", children: "Group not found." })), !loading && group && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("h6", { className: "border-bottom pb-2 mb-3", children: "Group Information" }), (0, jsx_runtime_1.jsxs)("div", { className: "row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Group ID:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.groupId })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Group Name:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: group.groupName })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Founder:" }), (0, jsx_runtime_1.jsx)("br", {}), group.founderUserName ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: group.founderUserName }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.founderUserId })] })) : ((0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: group.founderUserId }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total Members:" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: "h5", children: group.members.length })] })] })] }), group.members.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: ["Members (", group.members.length, ")"] }), (0, jsx_runtime_1.jsx)("div", { className: "table-responsive", children: (0, jsx_runtime_1.jsxs)("table", { className: "table table-sm table-hover", children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "User" }), (0, jsx_runtime_1.jsx)("th", { children: "User ID" }), (0, jsx_runtime_1.jsx)("th", { children: "Role" }), (0, jsx_runtime_1.jsx)("th", { children: "Trust Level" })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: group.members.map((member) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: member.userName || (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "-" }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("code", { className: "text-muted small", children: member.userId }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("span", { className: "badge bg-primary", children: member.role }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(trust_level_badge_1.TrustLevelBadge, { level: member.trustLevel || peers_sdk_1.TrustLevel.Unknown }) })] }, member.userId))) })] }) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-arrow-repeat me-2" }), "Synchronization"] }), (0, jsx_runtime_1.jsxs)("p", { className: "text-muted small mb-3", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Sync now" }), " notifies connected peers that this context may have changes. ", (0, jsx_runtime_1.jsx)("strong", { children: "Do full sync" }), " resets change tracking for this context and rebuilds synchronization state; that may transfer substantial data and should be used only to repair suspected drift."] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex flex-wrap gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-sm btn-outline-primary", onClick: () => void handleSyncNow(), disabled: syncingNow || fullSyncing, children: syncingNow ? "Sending sync notification..." : "Sync now" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-sm btn-outline-warning", onClick: () => void handleFullSync(), disabled: fullSyncing || syncingNow, children: fullSyncing ? "Starting full sync..." : "Do full sync" })] }), syncNowResult && ((0, jsx_runtime_1.jsx)("div", { className: `alert mt-3 mb-0 ${syncNowResult.success ? "alert-success" : "alert-danger"}`, role: "status", children: syncNowResult.message })), fullSyncResult && ((0, jsx_runtime_1.jsx)("div", { className: `alert mt-3 mb-0 ${fullSyncResult.success ? "alert-success" : "alert-danger"}`, role: "status", children: fullSyncResult.message }))] }), platformApi?.downloadRemoteDatabase ? ((0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("h6", { className: "border-bottom pb-2 mb-3", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-download me-2" }), "Download Database (Fast Sync)"] }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small mb-3", children: "Download the entire database from a connected device. This is useful for fast initial sync on a new device. The database will be saved as a backup file." }), syncInfo && syncInfo.connectedDevices.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label", children: "Select a connected device:" }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex flex-wrap gap-2", children: syncInfo.connectedDevices.map((device) => ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-outline-primary btn-sm", onClick: () => handleDownloadDatabase(device.deviceId), disabled: downloading, children: downloading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }), "Downloading..."] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-cloud-download me-1" }), device.deviceId.substring(0, 8), "...", (0, jsx_runtime_1.jsxs)("span", { className: "badge bg-secondary ms-1", children: [Math.round(device.latencyMs), "ms"] })] })) }, device.deviceId))) })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-info mb-0", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-info-circle me-2" }), "No devices are currently connected to this group. Connect to a device first to download its database."] })), downloadProgress && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("span", { children: downloadProgress })] }) })), downloadResult && ((0, jsx_runtime_1.jsx)("div", { className: `alert mt-3 mb-0 ${downloadResult.success ? "alert-success" : "alert-danger"}`, children: downloadResult.success ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle me-2" }), (0, jsx_runtime_1.jsx)("strong", { children: "Download complete!" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("small", { children: ["File: ", (0, jsx_runtime_1.jsx)("code", { children: downloadResult.filePath }), (0, jsx_runtime_1.jsx)("br", {}), "Size:", " ", downloadResult.size
                                                                 ? `${(downloadResult.size / (1024 * 1024)).toFixed(2)} MB`
-                                                                : "Unknown"] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-circle me-2" }), (0, jsx_runtime_1.jsx)("strong", { children: "Download failed:" }), " ", downloadResult.message] })) }))] })] }))] })] }) }));
+                                                                : "Unknown"] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-circle me-2" }), (0, jsx_runtime_1.jsx)("strong", { children: "Download failed:" }), " ", downloadResult.message] })) }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "alert alert-info mb-4", children: "Raw database download is available only in the Electron desktop app." }))] }))] })] }) }));
 }

package/dist/screens/network-viewer/network-viewer-ipc.d.ts

@@ -1,42 +1,12 @@
-import type { IConsoleLog } from "@peers-app/peers-sdk";
-/** Filters and bounds accepted by the desktop remote-log diagnostic endpoint. */
-export type RemoteLogsQuery = {
-    sinceTimestamp?: number;
-    level?: IConsoleLog["level"];
-    process?: string;
-    search?: string;
-    pageSize?: number;
-    timeoutMs?: number;
-};
-/** Result of reading a directly connected, provider-authorized device's console-log table. */
-export type RemoteLogsResult = {
-    deviceId: string;
-    truncated: boolean;
-    logs: IConsoleLog[];
-    queriedAt: number;
-};
-/** Electron preload APIs used by the Network Viewer screen. */
-export type NetworkViewerElectronApi = {
-    getOverview: () => Promise<unknown>;
-    getConnections: () => Promise<unknown>;
-    /** No-arg: all groups; with id: single group. */
-    getGroupSyncStatus: (groupId?: string) => Promise<unknown>;
-    getDisconnectedDevices: () => Promise<unknown>;
-    refreshNetworkInfo: () => Promise<void>;
-    disconnectDevice: (deviceId: string) => Promise<void>;
-    connectToDevice: (deviceId: string) => Promise<{
-        success: boolean;
-        message?: string;
-    }>;
-    deleteDevice: (deviceId: string) => Promise<{
-        success: boolean;
-        message?: string;
-    }>;
-    getDeviceDetails: (deviceId: string) => Promise<unknown>;
-    getGroupDetails: (groupId: string) => Promise<unknown>;
-    getRemoteLogs: (deviceId: string, query?: RemoteLogsQuery) => Promise<RemoteLogsResult>;
+import { type INetworkControlConsumer, type INetworkDiagnosticsConsumer } from "@peers-app/peers-sdk";
+/** Electron-only capabilities intentionally excluded from portable network contracts. */
+export type NetworkViewerPlatformApi = {
     downloadRemoteDatabase?: (groupId: string, deviceId: string) => Promise<unknown>;
     runDiagnostics: () => Promise<unknown>;
 };
-/** Return the context-isolated desktop diagnostics bridge when running in Electron. */
-export declare function getNetworkViewerApi(): NetworkViewerElectronApi | undefined;
+/** Return a typed diagnostics consumer bound to the current local host transport. */
+export declare function getNetworkDiagnosticsConsumer(): Promise<INetworkDiagnosticsConsumer>;
+/** Return a typed control consumer bound to the current local host transport. */
+export declare function getNetworkControlConsumer(): Promise<INetworkControlConsumer>;
+/** Return the context-isolated desktop-only capability bridge, when available. */
+export declare function getNetworkViewerPlatformApi(): NetworkViewerPlatformApi | undefined;

package/dist/screens/network-viewer/network-viewer-ipc.js

@@ -1,7 +1,75 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNetworkViewerApi = getNetworkViewerApi;
-/** Return the context-isolated desktop diagnostics bridge when running in Electron. */
-function getNetworkViewerApi() {
+exports.getNetworkDiagnosticsConsumer = getNetworkDiagnosticsConsumer;
+exports.getNetworkControlConsumer = getNetworkControlConsumer;
+exports.getNetworkViewerPlatformApi = getNetworkViewerPlatformApi;
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+/** Default wait for the host transport before treating diagnostics as unavailable. */
+const HOST_TRANSPORT_TIMEOUT_MS = 10_000;
+let cachedConsumers;
+let pendingConsumers;
+function disposeCachedConsumers() {
+    cachedConsumers?.diagnostics.dispose();
+    cachedConsumers?.control.dispose();
+    cachedConsumers = undefined;
+}
+(0, peers_sdk_1.subscribeHostContractTransport)((transport) => {
+    if (cachedConsumers && cachedConsumers.transport !== transport) {
+        disposeCachedConsumers();
+    }
+}, { emitCurrent: false });
+async function loadConsumers(transport) {
+    disposeCachedConsumers();
+    const diagnostics = (0, peers_sdk_1.createContractConsumer)((0, peers_sdk_1.getNetworkDiagnosticsContractDefinition)(), transport);
+    const control = (0, peers_sdk_1.createContractConsumer)((0, peers_sdk_1.getNetworkControlContractDefinition)(), transport);
+    try {
+        await diagnostics.loadingPromise;
+        if ((0, peers_sdk_1.getHostContractTransport)() !== transport) {
+            diagnostics.dispose();
+            control.dispose();
+            // Clear before recursing so getConsumers can start a fresh in-flight memo for the
+            // current transport, and so this promise's finally does not wipe that newer memo.
+            pendingConsumers = undefined;
+            return getConsumers();
+        }
+        cachedConsumers = { transport, diagnostics, control };
+        return cachedConsumers;
+    }
+    catch (error) {
+        diagnostics.dispose();
+        control.dispose();
+        throw error;
+    }
+}
+async function getConsumers() {
+    const transport = (0, peers_sdk_1.getHostContractTransport)() ??
+        (await (0, peers_sdk_1.waitForHostContractTransport)({ timeoutMs: HOST_TRANSPORT_TIMEOUT_MS }));
+    if (cachedConsumers?.transport === transport) {
+        return cachedConsumers;
+    }
+    if (pendingConsumers) {
+        return pendingConsumers;
+    }
+    const loadPromise = loadConsumers(transport);
+    pendingConsumers = loadPromise;
+    try {
+        return await loadPromise;
+    }
+    finally {
+        if (pendingConsumers === loadPromise) {
+            pendingConsumers = undefined;
+        }
+    }
+}
+/** Return a typed diagnostics consumer bound to the current local host transport. */
+async function getNetworkDiagnosticsConsumer() {
+    return (await getConsumers()).diagnostics;
+}
+/** Return a typed control consumer bound to the current local host transport. */
+async function getNetworkControlConsumer() {
+    return (await getConsumers()).control;
+}
+/** Return the context-isolated desktop-only capability bridge, when available. */
+function getNetworkViewerPlatformApi() {
     return window.electronAPI?.networkViewer;
 }

package/dist/screens/network-viewer/network-viewer-ipc.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/screens/network-viewer/network-viewer-ipc.test.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const peers_sdk_1 = require("@peers-app/peers-sdk");
+const network_viewer_ipc_1 = require("./network-viewer-ipc");
+function setupHost(label) {
+    const [consumerTransport, providerTransport] = (0, peers_sdk_1.inProcessTransportPair)();
+    providerTransport.on(peers_sdk_1.CONTRACT_REQUEST_CHANNEL, (call) => {
+        if (call.member === "observable" && call.name === "status" && call.operation === "get") {
+            return {
+                state: "offline",
+                connectionCount: 0,
+                syncingContextCount: 0,
+                errorCount: 0,
+                errors: [],
+            };
+        }
+        if (call.member === "tool" && call.name === "getOverview") {
+            return { overview: { localDeviceId: label } };
+        }
+        if (call.member === "tool" && call.name === "refreshNetworkInfo") {
+            return { success: true, message: label };
+        }
+        return undefined;
+    });
+    return {
+        dispose: (0, peers_sdk_1.registerHostContractTransport)(consumerTransport),
+    };
+}
+describe("Network Viewer host consumers", () => {
+    it("caches consumers for one transport and recreates them after replacement", async () => {
+        const firstHost = setupHost((0, peers_sdk_1.newid)());
+        const firstDiagnostics = await (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)();
+        expect(await (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)()).toBe(firstDiagnostics);
+        const secondLabel = (0, peers_sdk_1.newid)();
+        const secondHost = setupHost(secondLabel);
+        const secondDiagnostics = await (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)();
+        const control = await (0, network_viewer_ipc_1.getNetworkControlConsumer)();
+        expect(secondDiagnostics).not.toBe(firstDiagnostics);
+        await expect(firstDiagnostics.tools.getOverview()).rejects.toThrow("disposed");
+        await expect(control.tools.refreshNetworkInfo()).resolves.toEqual({
+            success: true,
+            message: secondLabel,
+        });
+        secondHost.dispose();
+        firstHost.dispose();
+    });
+    it("shares one consumer pair across concurrent callers", async () => {
+        const host = setupHost((0, peers_sdk_1.newid)());
+        const [first, second, third] = await Promise.all([
+            (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)(),
+            (0, network_viewer_ipc_1.getNetworkDiagnosticsConsumer)(),
+            (0, network_viewer_ipc_1.getNetworkControlConsumer)(),
+        ]);
+        expect(second).toBe(first);
+        const cachedControl = await (0, network_viewer_ipc_1.getNetworkControlConsumer)();
+        expect(third).toBe(cachedControl);
+        host.dispose();
+    });
+});