@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/network-viewer/device-details-modal.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 interface IDeviceDetailsModalProps {
     deviceId: string;
     onClose: () => void;
     onDisconnect?: () => void;
 }
-export declare function DeviceDetailsModal({ deviceId, onClose, onDisconnect }: IDeviceDetailsModalProps): React.JSX.Element;
+export declare function DeviceDetailsModal({ deviceId, onClose, onDisconnect }: IDeviceDetailsModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,43 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeviceDetailsModal = DeviceDetailsModal;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = require("react");
 const loading_indicator_1 = require("../../components/loading-indicator");
 const trust_level_badge_1 = require("../../components/trust-level-badge");
+const network_viewer_ipc_1 = require("./network-viewer-ipc");
 /** Format bytes to human-readable string (KB, MB, GB) */
 function formatBytes(bytes) {
     if (bytes < 1024)
@@ -51,7 +20,7 @@ function formatBytes(bytes) {
 /** Format transfer rate to human-readable string (KB/s or MB/s) */
 function formatRate(mbps) {
     if (mbps === undefined || mbps === 0)
-        return '0 KB/s';
+        return "0 KB/s";
     // Show KB/s if less than 0.1 MB/s (100 KB/s)
     if (mbps < 0.1) {
         const kbps = mbps * 1024;
@@ -63,14 +32,14 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
     const [device, setDevice] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [notFound, setNotFound] = (0, react_1.useState)(false);
-    const loadData = async () => {
+    const loadData = (0, react_1.useCallback)(async () => {
         try {
-            const api = window.electronAPI?.networkViewer;
+            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
             if (!api) {
-                console.warn('Network Viewer API not available');
+                console.warn("Network Viewer API not available");
                 return;
             }
-            const deviceData = await api.getDeviceDetails(deviceId);
+            const deviceData = (await api.getDeviceDetails(deviceId));
             if (!deviceData) {
                 setNotFound(true);
             }
@@ -80,19 +49,19 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
             }
         }
         catch (error) {
-            console.error('Error loading device details:', error);
+            console.error("Error loading device details:", error);
             setNotFound(true);
         }
         finally {
             setLoading(false);
         }
-    };
+    }, [deviceId]);
     const handleDisconnect = async () => {
-        if (!confirm('Are you sure you want to disconnect from this device?')) {
+        if (!confirm("Are you sure you want to disconnect from this device?")) {
             return;
         }
         try {
-            const api = window.electronAPI?.networkViewer;
+            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
             if (api && deviceId) {
                 await api.disconnectDevice(deviceId);
                 if (onDisconnect) {
@@ -102,7 +71,7 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
             }
         }
         catch (error) {
-            console.error('Error disconnecting device:', error);
+            console.error("Error disconnecting device:", error);
         }
     };
     (0, react_1.useEffect)(() => {
@@ -110,137 +79,16 @@ function DeviceDetailsModal({ deviceId, onClose, onDisconnect }) {
         // Auto-refresh every 5 seconds
         const interval = setInterval(loadData, 5000);
         return () => clearInterval(interval);
-    }, [deviceId]);
-    return (react_1.default.createElement("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-start justify-content-center", style: { backgroundColor: 'rgba(0,0,0,0.5)', zIndex: 1050, overflowY: 'auto', paddingTop: '2rem', paddingBottom: '2rem' }, onClick: onClose },
-        react_1.default.createElement("div", { className: "card", style: { maxWidth: '900px', width: '90%', maxHeight: '90vh' }, onClick: (e) => e.stopPropagation() },
-            react_1.default.createElement("div", { className: "card-header d-flex justify-content-between align-items-center" },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("h5", { className: "mb-0" }, loading ? 'Loading...' : device?.userName || device?.userId || 'Device Details'),
-                    device?.userName && (react_1.default.createElement("small", { className: "text-muted" },
-                        react_1.default.createElement("code", null, device.userId)))),
-                react_1.default.createElement("div", null,
-                    device && (react_1.default.createElement("button", { className: "btn btn-sm btn-danger me-2", onClick: handleDisconnect },
-                        react_1.default.createElement("i", { className: "bi bi-x-circle" }),
-                        " Disconnect")),
-                    react_1.default.createElement("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" }))),
-            react_1.default.createElement("div", { className: "card-body", style: { overflowY: 'auto', maxHeight: 'calc(90vh - 120px)' } },
-                loading && react_1.default.createElement(loading_indicator_1.LoadingIndicator, null),
-                !loading && (notFound || !device) && (react_1.default.createElement("div", { className: "alert alert-warning" }, "Device not found or connection has been closed.")),
-                !loading && device && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" }, "Connection Information"),
-                        react_1.default.createElement("div", { className: "row" },
-                            device.deviceName && (react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Device Name:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", null, device.deviceName))),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Device ID:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("code", { className: "text-muted small" }, device.deviceId)),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Connection State:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "badge bg-success" }, device.connectionState)),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Trust Level:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement(trust_level_badge_1.TrustLevelBadge, { level: device.trustLevel || peers_sdk_1.TrustLevel.Unknown })),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Path Type:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: `badge bg-${device.pathType === 'direct' ? 'success' : 'info'}` }, device.pathType)),
-                            device.throughDeviceIds && device.throughDeviceIds.length > 0 && (react_1.default.createElement("div", { className: "col-md-12 mb-3" },
-                                react_1.default.createElement("strong", null, "Path:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("small", { className: "text-muted" }, device.throughDeviceIds.join(' → ')))))),
-                    react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" }, "Throughput"),
-                        react_1.default.createElement("div", { className: "row" },
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Send Rate:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "text-success" },
-                                    "\u2191 ",
-                                    formatRate(device.sendRateMBps))),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Receive Rate:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "text-primary" },
-                                    "\u2193 ",
-                                    formatRate(device.receiveRateMBps))),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Total Sent:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", null, formatBytes(device.bytesSent || 0))),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Total Received:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", null, formatBytes(device.bytesReceived || 0))))),
-                    device.sharedGroups.length > 0 && (react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" },
-                            "Shared Groups (",
-                            device.sharedGroups.length,
-                            ")"),
-                        react_1.default.createElement("div", { className: "table-responsive" },
-                            react_1.default.createElement("table", { className: "table table-sm table-hover" },
-                                react_1.default.createElement("thead", null,
-                                    react_1.default.createElement("tr", null,
-                                        react_1.default.createElement("th", null, "Group ID"),
-                                        react_1.default.createElement("th", null, "Role"),
-                                        react_1.default.createElement("th", null, "Sync Status"))),
-                                react_1.default.createElement("tbody", null, device.sharedGroups.map((groupId) => {
-                                    const syncStats = device.syncStatsByGroup[groupId];
-                                    const role = device.roles[groupId];
-                                    return (react_1.default.createElement("tr", { key: groupId },
-                                        react_1.default.createElement("td", null,
-                                            react_1.default.createElement("code", { className: "text-muted small" }, groupId)),
-                                        react_1.default.createElement("td", null, role || 'N/A'),
-                                        react_1.default.createElement("td", null, syncStats ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                            syncStats.isPreferred && (react_1.default.createElement("span", { className: "badge bg-primary me-2" }, "Preferred")),
-                                            react_1.default.createElement("small", { className: "text-muted" }, new Date(syncStats.lastSyncTime).toLocaleString()))) : (react_1.default.createElement("span", { className: "text-muted" }, "-")))));
-                                })))))),
-                    device.networkInfo && (react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" }, "Remote Device Network Info"),
-                        react_1.default.createElement("div", { className: "row mb-3" },
-                            react_1.default.createElement("div", { className: "col-md-3 mb-3" },
-                                react_1.default.createElement("strong", null, "CPU Usage:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "h5" },
-                                    device.networkInfo.cpuPercent.toFixed(1),
-                                    "%")),
-                            react_1.default.createElement("div", { className: "col-md-3 mb-3" },
-                                react_1.default.createElement("strong", null, "Memory Usage:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "h5" },
-                                    device.networkInfo.memPercent.toFixed(1),
-                                    "%")),
-                            react_1.default.createElement("div", { className: "col-md-3 mb-3" },
-                                react_1.default.createElement("strong", null, "Connection Slots:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "h5" }, device.networkInfo.connectionSlotsAvailable)),
-                            react_1.default.createElement("div", { className: "col-md-3 mb-3" },
-                                react_1.default.createElement("strong", null, "Total Connections:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "h5" }, device.networkInfo.connections.length))),
-                        device.networkInfo.preferredDeviceIds.length > 0 && (react_1.default.createElement("div", { className: "mb-3" },
-                            react_1.default.createElement("strong", null, "Preferred Devices:"),
-                            react_1.default.createElement("ul", { className: "list-unstyled mt-2 ms-3" }, device.networkInfo.preferredDeviceIds.map((prefDeviceId) => (react_1.default.createElement("li", { key: prefDeviceId },
-                                react_1.default.createElement("code", { className: "text-muted small" }, prefDeviceId))))))),
-                        device.networkInfo.connections.length > 0 && (react_1.default.createElement("div", null,
-                            react_1.default.createElement("strong", null,
-                                "Remote Connections (",
-                                device.networkInfo.connections.length,
-                                "):"),
-                            react_1.default.createElement("div", { className: "table-responsive mt-2" },
-                                react_1.default.createElement("table", { className: "table table-sm table-hover" },
-                                    react_1.default.createElement("thead", null,
-                                        react_1.default.createElement("tr", null,
-                                            react_1.default.createElement("th", null, "Device ID"),
-                                            react_1.default.createElement("th", null, "User ID"))),
-                                    react_1.default.createElement("tbody", null, device.networkInfo.connections.map((conn, idx) => (react_1.default.createElement("tr", { key: idx },
-                                        react_1.default.createElement("td", null,
-                                            react_1.default.createElement("code", { className: "text-muted small" }, conn.deviceId)),
-                                        react_1.default.createElement("td", null,
-                                            react_1.default.createElement("code", { className: "text-muted small" }, conn.userId))))))))))))))))));
+    }, [loadData]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-start justify-content-center", style: {
+            backgroundColor: "rgba(0,0,0,0.5)",
+            zIndex: 1050,
+            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.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))) })] }) })] }))] }))] }))] })] }) }));
 }

package/dist/screens/network-viewer/group-details-modal.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 interface IGroupDetailsModalProps {
     groupId: string;
     onClose: () => void;
 }
-export declare function GroupDetailsModal({ groupId, onClose }: IGroupDetailsModalProps): React.JSX.Element;
+export declare function GroupDetailsModal({ groupId, onClose }: IGroupDetailsModalProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,43 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupDetailsModal = GroupDetailsModal;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
+const react_1 = require("react");
 const loading_indicator_1 = require("../../components/loading-indicator");
 const trust_level_badge_1 = require("../../components/trust-level-badge");
+const network_viewer_ipc_1 = require("./network-viewer-ipc");
 function GroupDetailsModal({ groupId, onClose }) {
     const [group, setGroup] = (0, react_1.useState)(null);
     const [syncInfo, setSyncInfo] = (0, react_1.useState)(null);
@@ -46,61 +15,63 @@ 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 loadData = async () => {
+    const loadData = (0, react_1.useCallback)(async () => {
         try {
-            const api = window.electronAPI?.networkViewer;
+            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
             if (!api) {
-                console.warn('Network Viewer API not available');
+                console.warn("Network Viewer API not available");
                 return;
             }
-            const [groupData, syncData] = await Promise.all([
+            const [groupData, syncDataUnknown] = await Promise.all([
                 api.getGroupDetails(groupId),
-                api.getGroupSyncStatus(groupId)
+                api.getGroupSyncStatus(groupId),
             ]);
-            if (!groupData) {
+            const groupDetails = groupData;
+            if (!groupDetails) {
                 setNotFound(true);
             }
             else {
-                setGroup(groupData);
+                setGroup(groupDetails);
                 setNotFound(false);
             }
+            const syncData = syncDataUnknown;
             if (syncData && syncData.length > 0) {
                 setSyncInfo(syncData[0]);
             }
         }
         catch (error) {
-            console.error('Error loading group details:', error);
+            console.error("Error loading group details:", error);
             setNotFound(true);
         }
         finally {
             setLoading(false);
         }
-    };
+    }, [groupId]);
     const handleDownloadDatabase = async (deviceId) => {
         try {
             setDownloading(true);
-            setDownloadProgress('Preparing download...');
+            setDownloadProgress("Preparing download...");
             setDownloadResult(null);
-            const api = window.electronAPI?.networkViewer;
+            const api = (0, network_viewer_ipc_1.getNetworkViewerApi)();
             if (!api?.downloadRemoteDatabase) {
                 setDownloadResult({
                     success: false,
-                    message: 'Download API not available'
+                    message: "Download API not available",
                 });
                 return;
             }
-            setDownloadProgress('Downloading database...');
-            const result = await api.downloadRemoteDatabase(groupId, deviceId);
+            setDownloadProgress("Downloading database...");
+            const result = (await api.downloadRemoteDatabase(groupId, deviceId));
             setDownloadResult(result);
             if (result.success) {
                 setDownloadProgress(null);
             }
         }
         catch (error) {
-            console.error('Error downloading database:', error);
+            console.error("Error downloading database:", error);
             setDownloadResult({
                 success: false,
-                message: error?.message || 'Download failed'
+                message: error instanceof Error ? error.message : "Download failed",
             });
         }
         finally {
@@ -110,96 +81,14 @@ function GroupDetailsModal({ groupId, onClose }) {
     };
     (0, react_1.useEffect)(() => {
         loadData();
-    }, [groupId]);
-    return (react_1.default.createElement("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-start justify-content-center", style: { backgroundColor: 'rgba(0,0,0,0.5)', zIndex: 1050, overflowY: 'auto', paddingTop: '2rem', paddingBottom: '2rem' }, onClick: onClose },
-        react_1.default.createElement("div", { className: "card", style: { maxWidth: '900px', width: '90%', maxHeight: '90vh' }, onClick: (e) => e.stopPropagation() },
-            react_1.default.createElement("div", { className: "card-header d-flex justify-content-between align-items-center" },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("h5", { className: "mb-0" }, loading ? 'Loading...' : group?.groupName || 'Group Details'),
-                    group && (react_1.default.createElement("small", { className: "text-muted" },
-                        react_1.default.createElement("code", null, group.groupId)))),
-                react_1.default.createElement("button", { className: "btn-close", onClick: onClose, "aria-label": "Close" })),
-            react_1.default.createElement("div", { className: "card-body", style: { overflowY: 'auto', maxHeight: 'calc(90vh - 120px)' } },
-                loading && react_1.default.createElement(loading_indicator_1.LoadingIndicator, null),
-                !loading && (notFound || !group) && (react_1.default.createElement("div", { className: "alert alert-warning" }, "Group not found.")),
-                !loading && group && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" }, "Group Information"),
-                        react_1.default.createElement("div", { className: "row" },
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Group ID:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("code", { className: "text-muted small" }, group.groupId)),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Group Name:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", null, group.groupName)),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Founder:"),
-                                react_1.default.createElement("br", null),
-                                group.founderUserName ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                    react_1.default.createElement("span", null, group.founderUserName),
-                                    react_1.default.createElement("br", null),
-                                    react_1.default.createElement("code", { className: "text-muted small" }, group.founderUserId))) : (react_1.default.createElement("code", { className: "text-muted small" }, group.founderUserId))),
-                            react_1.default.createElement("div", { className: "col-md-6 mb-3" },
-                                react_1.default.createElement("strong", null, "Total Members:"),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement("span", { className: "h5" }, group.members.length)))),
-                    group.members.length > 0 && (react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" },
-                            "Members (",
-                            group.members.length,
-                            ")"),
-                        react_1.default.createElement("div", { className: "table-responsive" },
-                            react_1.default.createElement("table", { className: "table table-sm table-hover" },
-                                react_1.default.createElement("thead", null,
-                                    react_1.default.createElement("tr", null,
-                                        react_1.default.createElement("th", null, "User"),
-                                        react_1.default.createElement("th", null, "User ID"),
-                                        react_1.default.createElement("th", null, "Role"),
-                                        react_1.default.createElement("th", null, "Trust Level"))),
-                                react_1.default.createElement("tbody", null, group.members.map((member) => (react_1.default.createElement("tr", { key: member.userId },
-                                    react_1.default.createElement("td", null, member.userName || (react_1.default.createElement("span", { className: "text-muted" }, "-"))),
-                                    react_1.default.createElement("td", null,
-                                        react_1.default.createElement("code", { className: "text-muted small" }, member.userId)),
-                                    react_1.default.createElement("td", null,
-                                        react_1.default.createElement("span", { className: "badge bg-primary" }, member.role)),
-                                    react_1.default.createElement("td", null,
-                                        react_1.default.createElement(trust_level_badge_1.TrustLevelBadge, { level: member.trustLevel || peers_sdk_1.TrustLevel.Unknown })))))))))),
-                    react_1.default.createElement("div", { className: "mb-4" },
-                        react_1.default.createElement("h6", { className: "border-bottom pb-2 mb-3" },
-                            react_1.default.createElement("i", { className: "bi bi-download me-2" }),
-                            "Download Database (Fast Sync)"),
-                        react_1.default.createElement("p", { className: "text-muted small mb-3" }, "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 ? (react_1.default.createElement("div", null,
-                            react_1.default.createElement("label", { className: "form-label" }, "Select a connected device:"),
-                            react_1.default.createElement("div", { className: "d-flex flex-wrap gap-2" }, syncInfo.connectedDevices.map((device) => (react_1.default.createElement("button", { key: device.deviceId, className: "btn btn-outline-primary btn-sm", onClick: () => handleDownloadDatabase(device.deviceId), disabled: downloading }, downloading ? (react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-1", role: "status", "aria-hidden": "true" }),
-                                "Downloading...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement("i", { className: "bi bi-cloud-download me-1" }),
-                                device.deviceId.substring(0, 8),
-                                "...",
-                                react_1.default.createElement("span", { className: "badge bg-secondary ms-1" },
-                                    Math.round(device.latencyMs),
-                                    "ms"))))))))) : (react_1.default.createElement("div", { className: "alert alert-info mb-0" },
-                            react_1.default.createElement("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 && (react_1.default.createElement("div", { className: "mt-3" },
-                            react_1.default.createElement("div", { className: "d-flex align-items-center" },
-                                react_1.default.createElement("span", { className: "spinner-border spinner-border-sm me-2", role: "status", "aria-hidden": "true" }),
-                                react_1.default.createElement("span", null, downloadProgress)))),
-                        downloadResult && (react_1.default.createElement("div", { className: `alert mt-3 mb-0 ${downloadResult.success ? 'alert-success' : 'alert-danger'}` }, downloadResult.success ? (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("i", { className: "bi bi-check-circle me-2" }),
-                            react_1.default.createElement("strong", null, "Download complete!"),
-                            react_1.default.createElement("br", null),
-                            react_1.default.createElement("small", null,
-                                "File: ",
-                                react_1.default.createElement("code", null, downloadResult.filePath),
-                                react_1.default.createElement("br", null),
-                                "Size: ",
-                                downloadResult.size ? `${(downloadResult.size / (1024 * 1024)).toFixed(2)} MB` : 'Unknown'))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement("i", { className: "bi bi-exclamation-circle me-2" }),
-                            react_1.default.createElement("strong", null, "Download failed:"),
-                            " ",
-                            downloadResult.message)))))))))));
+    }, [loadData]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "position-fixed top-0 start-0 w-100 h-100 d-flex align-items-start justify-content-center", style: {
+            backgroundColor: "rgba(0,0,0,0.5)",
+            zIndex: 1050,
+            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
+                                                                ? `${(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] })) }))] })] }))] })] }) }));
 }

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

@@ -1,6 +1,6 @@
-import './network-viewer';
-export * from "./network-viewer";
-export * from "./device-details-modal";
+import "./network-viewer";
+export * from "./connection-troubleshooter";
 export * from "./cpu-usage-graph";
+export * from "./device-details-modal";
+export * from "./network-viewer";
 export * from "./usage-graph";
-export * from "./connection-troubleshooter";

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

@@ -16,8 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 // Import all network viewer screen components to ensure they register their routes
 require("./network-viewer");
-__exportStar(require("./network-viewer"), exports);
-__exportStar(require("./device-details-modal"), exports);
+__exportStar(require("./connection-troubleshooter"), exports);
 __exportStar(require("./cpu-usage-graph"), exports);
+__exportStar(require("./device-details-modal"), exports);
+__exportStar(require("./network-viewer"), exports);
 __exportStar(require("./usage-graph"), exports);
-__exportStar(require("./connection-troubleshooter"), exports);

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

@@ -0,0 +1,22 @@
+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>;
+    downloadRemoteDatabase?: (groupId: string, deviceId: string) => Promise<unknown>;
+    runDiagnostics: () => Promise<unknown>;
+};
+export declare function getNetworkViewerApi(): NetworkViewerElectronApi | undefined;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNetworkViewerApi = getNetworkViewerApi;
+function getNetworkViewerApi() {
+    return window.electronAPI?.networkViewer;
+}