@ledgerhq/device-management-kit-devtools-ui 1.1.1

package/lib/build/src/screens/inspector/ApduSender.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import styled from "styled-components";
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid #eee;
+`;
+const Header = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+`;
+const ToggleIcon = styled.span `
+  font-size: 12px;
+  color: #666;
+  transition: transform 0.15s ease;
+  transform: rotate(${({ $expanded }) => ($expanded ? "90deg" : "0deg")});
+`;
+const Title = styled.span `
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+`;
+const Content = styled.div `
+  display: ${({ $expanded }) => ($expanded ? "flex" : "none")};
+  flex-direction: column;
+  gap: 8px;
+`;
+const InputRow = styled.div `
+  display: flex;
+  gap: 8px;
+  align-items: center;
+`;
+const Input = styled.input `
+  flex: 1;
+  padding: 6px 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: monospace;
+
+  &:focus {
+    outline: none;
+    border-color: #2196f3;
+  }
+
+  &::placeholder {
+    color: #999;
+  }
+`;
+const Button = styled.button `
+  padding: 6px 12px;
+  border: none;
+  border-radius: 4px;
+  background: #2196f3;
+  color: white;
+  font-size: 12px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background: #1976d2;
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+const ResponseContainer = styled.div `
+  padding: 8px;
+  border-radius: 4px;
+  background: ${({ $success }) => ($success ? "#e8f5e9" : "#ffebee")};
+  border: 1px solid ${({ $success }) => ($success ? "#c8e6c9" : "#ffcdd2")};
+  font-size: 12px;
+  font-family: monospace;
+`;
+const ResponseLabel = styled.span `
+  font-weight: 600;
+  color: #333;
+`;
+const ResponseData = styled.span `
+  color: #555;
+  word-break: break-all;
+`;
+export const ApduSender = ({ sessionId, onSend, responses, }) => {
+    const [expanded, setExpanded] = useState(false);
+    const [apduInput, setApduInput] = useState("");
+    const [lastRequestId, setLastRequestId] = useState(null);
+    const handleSend = () => {
+        if (!apduInput.trim())
+            return;
+        // Remove spaces and validate hex
+        const cleanHex = apduInput.replace(/\s/g, "").toUpperCase();
+        if (!/^[0-9A-F]*$/.test(cleanHex) || cleanHex.length % 2 !== 0) {
+            alert("Invalid hex string. Please enter a valid APDU in hex format (e.g., E0C4000000)");
+            return;
+        }
+        const requestId = onSend(sessionId, cleanHex);
+        setLastRequestId(requestId);
+    };
+    const lastResponse = lastRequestId ? responses.get(lastRequestId) : null;
+    const formatBytes = (bytes) => {
+        if (!bytes || !Array.isArray(bytes))
+            return "";
+        return bytes
+            .map((b) => b.toString(16).padStart(2, "0").toUpperCase())
+            .join(" ");
+    };
+    return (_jsxs(Container, { children: [_jsxs(Header, { onClick: () => setExpanded(!expanded), children: [_jsx(ToggleIcon, { "$expanded": expanded, children: "\u25B6" }), _jsx(Title, { children: "Send APDU" })] }), _jsxs(Content, { "$expanded": expanded, children: [_jsxs(InputRow, { children: [_jsx(Input, { type: "text", placeholder: "APDU hex (e.g., E0C4000000)", value: apduInput, onChange: (e) => setApduInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSend() }), _jsx(Button, { onClick: handleSend, disabled: !apduInput.trim(), children: "Send" })] }), lastResponse && (_jsx(ResponseContainer, { "$success": lastResponse.success, children: lastResponse.success ? (_jsxs(_Fragment, { children: [lastResponse.data && lastResponse.data.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ResponseLabel, { children: "Data: " }), _jsx(ResponseData, { children: formatBytes(lastResponse.data) }), _jsx("br", {})] })), _jsx(ResponseLabel, { children: "Status: " }), _jsx(ResponseData, { children: formatBytes(lastResponse.statusCode) })] })) : (_jsxs(_Fragment, { children: [_jsx(ResponseLabel, { children: "Error: " }), _jsx(ResponseData, { children: lastResponse.error })] })) }))] })] }));
+};
+//# sourceMappingURL=ApduSender.js.map

package/lib/build/src/screens/inspector/ApduSender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApduSender.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/ApduSender.tsx"],"names":[],"mappings":"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"}

package/lib/build/src/screens/inspector/DeviceCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type ConnectedDevice, type DeviceSessionState } from "@ledgerhq/device-management-kit";
+import { type ApduResponse } from "../../hooks/useConnectorMessages";
+type DeviceCardProps = {
+    device: ConnectedDevice;
+    state?: DeviceSessionState;
+    onDisconnect: () => void;
+    onSendApdu: (sessionId: string, apduHex: string) => string;
+    apduResponses: Map<string, ApduResponse>;
+};
+export declare const DeviceCard: React.FC<DeviceCardProps>;
+export {};
+//# sourceMappingURL=DeviceCard.d.ts.map

package/lib/build/src/screens/inspector/DeviceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceCard.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/DeviceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAgBrE,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC1C,CAAC;AAqDF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkEhD,CAAC"}

package/lib/build/src/screens/inspector/DeviceCard.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ApduSender } from "./ApduSender";
+import { BadgeRow, Button, Card, CardBody, CardHeader, CardHeaderLeft, CardSection, CardTitle, SectionLabel, SmallText, StatusBadge, } from "./styles";
+const isConnected = (state) => {
+    if (!state)
+        return true; // Assume connected if no state yet
+    return state.deviceStatus !== "NOT CONNECTED";
+};
+/**
+ * Map deviceStatus string to a badge variant.
+ */
+function getDeviceStatusBadgeVariant(status) {
+    switch (status) {
+        case "CONNECTED":
+            return "success";
+        case "LOCKED":
+            return "warning";
+        case "BUSY":
+            return "info";
+        case "NOT CONNECTED":
+            return "error";
+        default:
+            return "neutral";
+    }
+}
+/**
+ * Map sessionStateType string to a badge variant.
+ */
+function getSessionStateBadgeVariant(stateType) {
+    const stateStr = String(stateType);
+    switch (stateStr) {
+        case "ReadyWithSecureChannel":
+            return "success";
+        case "ReadyWithoutSecureChannel":
+            return "info";
+        case "Connected":
+            return "neutral";
+        default:
+            return "neutral";
+    }
+}
+/**
+ * Format sessionStateType for display (add spaces before uppercase letters).
+ */
+function formatSessionStateType(stateType) {
+    return String(stateType).replace(/([a-z])([A-Z])/g, "$1 $2");
+}
+export const DeviceCard = ({ device, state, onDisconnect, onSendApdu, apduResponses, }) => {
+    const connected = isConnected(state);
+    return (_jsxs(Card, { "$variant": connected ? "default" : "disconnected", children: [_jsxs(CardHeader, { children: [_jsxs(CardHeaderLeft, { children: [_jsx(CardTitle, { children: device.name || "Unknown Device" }), state && (_jsx(StatusBadge, { "$variant": getDeviceStatusBadgeVariant(state.deviceStatus), children: state.deviceStatus }))] }), connected && (_jsx(Button, { "$variant": "danger", onClick: onDisconnect, children: "Disconnect" }))] }), _jsxs(CardBody, { children: [_jsxs(SmallText, { children: ["Session ID: ", device.sessionId] }), _jsxs(SmallText, { children: ["Model: ", device.modelId] }), _jsxs(SmallText, { children: ["Transport: ", device.transport] }), _jsxs(SmallText, { children: ["Type: ", device.type] })] }), state && (_jsxs(CardSection, { children: [_jsx(SectionLabel, { children: "Session State" }), _jsx(BadgeRow, { children: _jsx(StatusBadge, { "$variant": getSessionStateBadgeVariant(state.sessionStateType), children: formatSessionStateType(state.sessionStateType) }) }), "currentApp" in state && state.currentApp && (_jsxs(SmallText, { children: ["Current App: ", state.currentApp.name, " v", state.currentApp.version] })), "firmwareVersion" in state && state.firmwareVersion && (_jsxs(SmallText, { children: ["Firmware: ", state.firmwareVersion.os] }))] })), connected && (_jsx(ApduSender, { sessionId: device.sessionId, onSend: onSendApdu, responses: apduResponses }))] }));
+};
+//# sourceMappingURL=DeviceCard.js.map

package/lib/build/src/screens/inspector/DeviceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceCard.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/DeviceCard.tsx"],"names":[],"mappings":"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"}

package/lib/build/src/screens/inspector/DeviceDiscoverySection.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @file DeviceDiscoverySection
+ *
+ * Section of the Inspector that handles device discovery.
+ * Provides buttons to start/stop passive listening and active discovery,
+ * and displays the list of discovered devices.
+ */
+import React from "react";
+import { type DiscoveredDevice } from "@ledgerhq/device-management-kit";
+type DeviceDiscoverySectionProps = {
+    discoveredDevices: DiscoveredDevice[];
+    isListening: boolean;
+    isActivelyDiscovering: boolean;
+    startListening: () => void;
+    stopListening: () => void;
+    startDiscovering: () => void;
+    stopDiscovering: () => void;
+    connectDevice: (deviceId: string, sessionRefresherOptions?: {
+        isRefresherDisabled: boolean;
+        pollingInterval?: number;
+    }) => void;
+};
+export declare const DeviceDiscoverySection: React.FC<DeviceDiscoverySectionProps>;
+export {};
+//# sourceMappingURL=DeviceDiscoverySection.d.ts.map

package/lib/build/src/screens/inspector/DeviceDiscoverySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceDiscoverySection.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/DeviceDiscoverySection.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAaxE,KAAK,2BAA2B,GAAG;IACjC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,uBAAuB,CAAC,EAAE;QACxB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,KACE,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAqExE,CAAC"}

package/lib/build/src/screens/inspector/DeviceDiscoverySection.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DiscoveredDeviceCard } from "./DiscoveredDeviceCard";
+import { Button, ButtonGroup, DeviceList, ItalicNote, Section, SectionTitle, SmallText, } from "./styles";
+export const DeviceDiscoverySection = ({ discoveredDevices, isListening, isActivelyDiscovering, startListening, stopListening, startDiscovering, stopDiscovering, connectDevice, }) => {
+    const isAnyDiscoveryActive = isListening || isActivelyDiscovering;
+    return (_jsxs(Section, { children: [_jsx(SectionTitle, { children: "Device Discovery" }), _jsxs(ButtonGroup, { children: [_jsx(Button, { "$variant": isListening ? "warning" : "primary", "$size": "medium", onClick: isListening ? stopListening : startListening, disabled: isActivelyDiscovering, children: isListening ? "Stop Listening" : "Listen for Devices" }), _jsx(Button, { "$variant": isActivelyDiscovering ? "warning" : "success", "$size": "medium", onClick: isActivelyDiscovering ? stopDiscovering : startDiscovering, disabled: isListening, children: isActivelyDiscovering ? "Stop Discovery" : "Start Discovery" })] }), isListening && discoveredDevices.length === 0 && (_jsx(SmallText, { children: "Listening for available devices..." })), isActivelyDiscovering && discoveredDevices.length === 0 && (_jsx(SmallText, { children: "Discovering devices..." })), discoveredDevices.length > 0 && (_jsx(DeviceList, { children: discoveredDevices.map((device) => (_jsx(DiscoveredDeviceCard, { device: device, onConnect: (options) => connectDevice(device.id, options) }, device.id))) })), !isAnyDiscoveryActive && discoveredDevices.length === 0 && (_jsx(SmallText, { children: "Use \"Listen for Devices\" to see already-paired devices, or \"Start Discovery\" to scan for new devices." })), _jsx(ItalicNote, { children: "Note: this may not work in web apps due to browser security restrictions. WebHID and WebBLE require a user gesture (click) in the app context to trigger device discovery." })] }));
+};
+//# sourceMappingURL=DeviceDiscoverySection.js.map

package/lib/build/src/screens/inspector/DeviceDiscoverySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceDiscoverySection.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/DeviceDiscoverySection.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,OAAO,EACP,YAAY,EACZ,SAAS,GACV,MAAM,UAAU,CAAC;AAmBlB,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,iBAAiB,EACjB,WAAW,EACX,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,oBAAoB,GAAG,WAAW,IAAI,qBAAqB,CAAC;IAElE,OAAO,CACL,MAAC,OAAO,eACN,KAAC,YAAY,mCAAgC,EAE7C,MAAC,WAAW,eACV,KAAC,MAAM,gBACK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,WACvC,QAAQ,EACd,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EACrD,QAAQ,EAAE,qBAAqB,YAE9B,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,GAC/C,EAET,KAAC,MAAM,gBACK,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,WACjD,QAAQ,EACd,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EACnE,QAAQ,EAAE,WAAW,YAEpB,qBAAqB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,GACtD,IACG,EAEb,WAAW,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,CAChD,KAAC,SAAS,qDAA+C,CAC1D,EACA,qBAAqB,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1D,KAAC,SAAS,yCAAmC,CAC9C,EAEA,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/B,KAAC,UAAU,cACR,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjC,KAAC,oBAAoB,IAEnB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,IAFpD,MAAM,CAAC,EAAE,CAGd,CACH,CAAC,GACS,CACd,EAEA,CAAC,oBAAoB,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1D,KAAC,SAAS,4HAGE,CACb,EAED,KAAC,UAAU,6LAIE,IACL,CACX,CAAC;AACJ,CAAC,CAAC"}

package/lib/build/src/screens/inspector/DiscoveredDeviceCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type DiscoveredDevice } from "@ledgerhq/device-management-kit";
+type DiscoveredDeviceCardProps = {
+    device: DiscoveredDevice;
+    onConnect: (sessionRefresherOptions?: {
+        isRefresherDisabled: boolean;
+        pollingInterval?: number;
+    }) => void;
+};
+export declare const DiscoveredDeviceCard: React.FC<DiscoveredDeviceCardProps>;
+export {};
+//# sourceMappingURL=DiscoveredDeviceCard.d.ts.map

package/lib/build/src/screens/inspector/DiscoveredDeviceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveredDeviceCard.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/DiscoveredDeviceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAgGxE,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,CAAC,uBAAuB,CAAC,EAAE;QACpC,mBAAmB,EAAE,OAAO,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuEpE,CAAC"}

package/lib/build/src/screens/inspector/DiscoveredDeviceCard.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import styled from "styled-components";
+import { Button, Card, CardTitle, CollapsibleContent, CollapsibleHeader, CollapsibleToggle, SmallText, } from "./styles";
+// ============================================================================
+// Two-column layout
+// ============================================================================
+const CardColumns = styled.div `
+  display: flex;
+  gap: 16px;
+`;
+const LeftColumn = styled.div `
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+`;
+const RightColumn = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
+  flex-shrink: 0;
+`;
+const DeviceInfo = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 4px;
+`;
+// ============================================================================
+// Compact connect options styled components
+// ============================================================================
+const OptionsLabel = styled.span `
+  font-size: 11px;
+  font-weight: 600;
+  color: #888;
+`;
+const OptionRow = styled.label `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: #555;
+  cursor: pointer;
+  white-space: nowrap;
+`;
+const PollingRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: #555;
+  white-space: nowrap;
+`;
+const PollingInput = styled.input `
+  width: 60px;
+  padding: 2px 6px;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 11px;
+  font-family: monospace;
+
+  &:focus {
+    outline: none;
+    border-color: #2196f3;
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+`;
+export const DiscoveredDeviceCard = ({ device, onConnect, }) => {
+    const [optionsExpanded, setOptionsExpanded] = useState(false);
+    const [isRefresherDisabled, setIsRefresherDisabled] = useState(false);
+    const [pollingInterval, setPollingInterval] = useState("");
+    const handleConnect = useCallback(() => {
+        const parsedInterval = pollingInterval
+            ? parseInt(pollingInterval, 10)
+            : undefined;
+        onConnect({
+            isRefresherDisabled,
+            pollingInterval: parsedInterval && !isNaN(parsedInterval) ? parsedInterval : undefined,
+        });
+    }, [onConnect, isRefresherDisabled, pollingInterval]);
+    return (_jsx(Card, { "$variant": "discovered", children: _jsxs(CardColumns, { children: [_jsxs(LeftColumn, { children: [_jsx(CardTitle, { children: device.name || "Unknown Device" }), _jsxs(DeviceInfo, { children: [_jsxs(SmallText, { children: ["ID: ", device.id] }), _jsxs(SmallText, { children: ["Model: ", device.deviceModel.name] }), _jsxs(SmallText, { children: ["Transport: ", device.transport] }), device.rssi !== undefined && device.rssi !== null && (_jsxs(SmallText, { children: ["Signal: ", device.rssi, " dBm"] }))] })] }), _jsxs(RightColumn, { children: [_jsx(Button, { "$variant": "success", onClick: handleConnect, children: "Connect" }), _jsxs(CollapsibleHeader, { onClick: () => setOptionsExpanded(!optionsExpanded), children: [_jsx(CollapsibleToggle, { "$expanded": optionsExpanded, children: "\u25B6" }), _jsx(OptionsLabel, { children: "Options" })] }), _jsxs(CollapsibleContent, { "$expanded": optionsExpanded, children: [_jsxs(OptionRow, { children: [_jsx("input", { type: "checkbox", checked: isRefresherDisabled, onChange: (e) => setIsRefresherDisabled(e.target.checked) }), "Disable refresher"] }), _jsxs(PollingRow, { children: [_jsx("span", { children: "Polling (ms):" }), _jsx(PollingInput, { type: "number", min: "1000", placeholder: "1000", value: pollingInterval, onChange: (e) => setPollingInterval(e.target.value), disabled: isRefresherDisabled })] })] })] })] }) }));
+};
+//# sourceMappingURL=DiscoveredDeviceCard.js.map

package/lib/build/src/screens/inspector/DiscoveredDeviceCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveredDeviceCard.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/DiscoveredDeviceCard.tsx"],"names":[],"mappings":"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"}

package/lib/build/src/screens/inspector/MyLedgerProviderControl.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type MyLedgerProviderControlProps = {
+    currentValue: number | null;
+    onGet: () => void;
+    onSet: (value: number) => void;
+};
+export declare const MyLedgerProviderControl: React.FC<MyLedgerProviderControlProps>;
+export {};
+//# sourceMappingURL=MyLedgerProviderControl.d.ts.map

package/lib/build/src/screens/inspector/MyLedgerProviderControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyLedgerProviderControl.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/MyLedgerProviderControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAiDnD,KAAK,4BAA4B,GAAG;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAqD7B,CAAC"}

package/lib/build/src/screens/inspector/MyLedgerProviderControl.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import styled from "styled-components";
+const Container = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  background: #f5f5f5;
+  border-radius: 8px;
+  margin-bottom: 16px;
+`;
+const Label = styled.label `
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+`;
+const Input = styled.input `
+  width: 80px;
+  padding: 6px 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: monospace;
+
+  &:focus {
+    outline: none;
+    border-color: #2196f3;
+  }
+`;
+const RefreshButton = styled.button `
+  padding: 4px 8px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+
+  &:hover {
+    background: #f0f0f0;
+    border-color: #bbb;
+  }
+`;
+export const MyLedgerProviderControl = ({ currentValue, onGet, onSet }) => {
+    const [inputValue, setInputValue] = useState("");
+    const [isEditing, setIsEditing] = useState(false);
+    // Fetch provider value on mount
+    useEffect(() => {
+        onGet();
+    }, [onGet]);
+    // Sync input with current value when it changes from server (only if not actively editing)
+    useEffect(() => {
+        if (currentValue !== null && !isEditing) {
+            setInputValue(String(currentValue));
+        }
+    }, [currentValue, isEditing]);
+    const handleChange = (e) => {
+        const value = e.target.value;
+        setInputValue(value);
+        setIsEditing(true);
+        const parsed = parseInt(value, 10);
+        if (!isNaN(parsed) && parsed >= 0 && String(parsed) === value) {
+            onSet(parsed);
+        }
+    };
+    const handleRefresh = () => {
+        setIsEditing(false);
+        onGet();
+        // Immediately sync to current value if available
+        if (currentValue !== null) {
+            setInputValue(String(currentValue));
+        }
+    };
+    return (_jsxs(Container, { children: [_jsx(Label, { htmlFor: "provider-input", children: "My Ledger API provider:" }), _jsx(Input, { id: "provider-input", type: "number", min: "0", value: inputValue, onChange: handleChange, onBlur: () => setIsEditing(false) }), _jsx(RefreshButton, { onClick: handleRefresh, title: "Refresh", children: "\uD83D\uDD04" })] }));
+};
+//# sourceMappingURL=MyLedgerProviderControl.js.map

package/lib/build/src/screens/inspector/MyLedgerProviderControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyLedgerProviderControl.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/MyLedgerProviderControl.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS3B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;CAYzB,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;CAalC,CAAC;AAQF,MAAM,CAAC,MAAM,uBAAuB,GAEhC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,2FAA2F;IAC3F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACxC,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;YAC9D,KAAK,CAAC,MAAM,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,EAAE,CAAC;QACR,iDAAiD;QACjD,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,eACR,KAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,wCAAgC,EAC/D,KAAC,KAAK,IACJ,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAC,GAAG,EACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACjC,EACF,KAAC,aAAa,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC,SAAS,6BAEtC,IACN,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib/build/src/screens/inspector/SessionsSection.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @file SessionsSection
+ *
+ * Section of the Inspector that displays device sessions.
+ * Shows active sessions (connected devices) and disconnected sessions separately.
+ */
+import React from "react";
+import { type ConnectedDevice, type DeviceSessionState } from "@ledgerhq/device-management-kit";
+import { type ApduResponse } from "../../hooks/useConnectorMessages";
+type SessionsSectionProps = {
+    devices: ConnectedDevice[];
+    sessionStates: Map<string, DeviceSessionState>;
+    onDisconnect: (sessionId: string) => void;
+    onSendApdu: (sessionId: string, apduHex: string) => string;
+    apduResponses: Map<string, ApduResponse>;
+    isAnyDiscoveryActive: boolean;
+};
+export declare const SessionsSection: React.FC<SessionsSectionProps>;
+export {};
+//# sourceMappingURL=SessionsSection.d.ts.map

package/lib/build/src/screens/inspector/SessionsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsSection.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/SessionsSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AASrE,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACzC,oBAAoB,EAAE,OAAO,CAAC;CAC/B,CAAC;AAWF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2E1D,CAAC"}

package/lib/build/src/screens/inspector/SessionsSection.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @file SessionsSection
+ *
+ * Section of the Inspector that displays device sessions.
+ * Shows active sessions (connected devices) and disconnected sessions separately.
+ */
+import { useMemo } from "react";
+import { DeviceCard } from "./DeviceCard";
+import { CenteredMessage, DeviceList, SectionTitle, SubsectionTitle, } from "./styles";
+const isDeviceConnected = (device, sessionStates) => {
+    const state = sessionStates.get(device.sessionId);
+    if (!state)
+        return true; // Assume connected if no state yet
+    return state.deviceStatus !== "NOT CONNECTED";
+};
+export const SessionsSection = ({ devices, sessionStates, onDisconnect, onSendApdu, apduResponses, isAnyDiscoveryActive, }) => {
+    const { activeDevices, disconnectedDevices } = useMemo(() => {
+        const active = [];
+        const disconnected = [];
+        for (const device of devices) {
+            if (isDeviceConnected(device, sessionStates)) {
+                active.push(device);
+            }
+            else {
+                disconnected.push(device);
+            }
+        }
+        return { activeDevices: active, disconnectedDevices: disconnected };
+    }, [devices, sessionStates]);
+    // Empty state
+    if (devices.length === 0 && !isAnyDiscoveryActive) {
+        return (_jsx(CenteredMessage, { children: _jsx("p", { children: "No devices connected yet." }) }));
+    }
+    return (_jsxs(_Fragment, { children: [activeDevices.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(SectionTitle, { children: ["Active Sessions (", activeDevices.length, ")"] }), _jsx(DeviceList, { style: { marginBottom: 16 }, children: activeDevices.map((device) => (_jsx(DeviceCard, { device: device, state: sessionStates.get(device.sessionId), onDisconnect: () => onDisconnect(device.sessionId), onSendApdu: onSendApdu, apduResponses: apduResponses }, device.sessionId))) })] })), disconnectedDevices.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(SubsectionTitle, { children: ["Inactive Sessions (", disconnectedDevices.length, ")"] }), _jsx(DeviceList, { children: disconnectedDevices.map((device) => (_jsx(DeviceCard, { device: device, state: sessionStates.get(device.sessionId), onDisconnect: () => onDisconnect(device.sessionId), onSendApdu: onSendApdu, apduResponses: apduResponses }, device.sessionId))) })] }))] }));
+};
+//# sourceMappingURL=SessionsSection.js.map

package/lib/build/src/screens/inspector/SessionsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsSection.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/SessionsSection.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,eAAe,GAChB,MAAM,UAAU,CAAC;AAWlB,MAAM,iBAAiB,GAAG,CACxB,MAAuB,EACvB,aAA8C,EACrC,EAAE;IACX,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC,CAAC,mCAAmC;IAC5D,OAAO,KAAK,CAAC,YAAY,KAAK,eAAe,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,EACP,aAAa,EACb,YAAY,EACZ,UAAU,EACV,aAAa,EACb,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1D,MAAM,MAAM,GAAsB,EAAE,CAAC;QACrC,MAAM,YAAY,GAAsB,EAAE,CAAC;QAE3C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,iBAAiB,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,CAAC;gBAC7C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC;IACtE,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,cAAc;IACd,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAClD,OAAO,CACL,KAAC,eAAe,cACd,oDAAgC,GAChB,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAEG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,8BACE,MAAC,YAAY,oCAAmB,aAAa,CAAC,MAAM,SAAiB,EACrE,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YACpC,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAC1C,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EAClD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IALvB,MAAM,CAAC,SAAS,CAMrB,CACH,CAAC,GACS,IACZ,CACJ,EAGA,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,8BACE,MAAC,eAAe,sCACM,mBAAmB,CAAC,MAAM,SAC9B,EAClB,KAAC,UAAU,cACR,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,UAAU,IAET,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAC1C,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EAClD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IALvB,MAAM,CAAC,SAAS,CAMrB,CACH,CAAC,GACS,IACZ,CACJ,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/build/src/screens/inspector/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @file Inspector screen
+ *
+ * Main Inspector component that provides device management capabilities.
+ * Composes several section components for a clear separation of concerns.
+ */
+import React from "react";
+import { type ConnectedDevice, type DeviceSessionState, type DiscoveredDevice } from "@ledgerhq/device-management-kit";
+import { type ApduResponse } from "../../hooks/useConnectorMessages";
+type InspectorProps = {
+    devices: ConnectedDevice[];
+    sessionStates: Map<string, DeviceSessionState>;
+    discoveredDevices: DiscoveredDevice[];
+    isListening: boolean;
+    isActivelyDiscovering: boolean;
+    sendMessage: (type: string, payload: string) => void;
+    isConnected: boolean;
+    startListening: () => void;
+    stopListening: () => void;
+    startDiscovering: () => void;
+    stopDiscovering: () => void;
+    connectDevice: (deviceId: string, sessionRefresherOptions?: {
+        isRefresherDisabled: boolean;
+        pollingInterval?: number;
+    }) => void;
+    providerValue: number | null;
+    getProvider: () => void;
+    setProvider: (value: number) => void;
+    sendApdu: (sessionId: string, apduHex: string) => string;
+    apduResponses: Map<string, ApduResponse>;
+};
+export declare const Inspector: React.FC<InspectorProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/build/src/screens/inspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/screens/inspector/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,uBAAuB,CAAC,EAAE;QACxB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,KACE,IAAI,CAAC;IACV,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC1C,CAAC;AAWF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwE9C,CAAC"}

package/lib/build/src/screens/inspector/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { INSPECTOR_COMMAND_TYPES } from "@ledgerhq/device-management-kit-devtools-core";
+import { NotConnectedMessage } from "../../shared/NotConnectedMessage";
+import { DeviceDiscoverySection } from "./DeviceDiscoverySection";
+import { MyLedgerProviderControl } from "./MyLedgerProviderControl";
+import { SessionsSection } from "./SessionsSection";
+import { Container } from "./styles";
+const INSPECTOR_CODE_EXAMPLE = `import { DevToolsDmkInspector } from "@ledgerhq/device-management-kit-devtools-core";
+
+const dmk = new DeviceManagementKitBuilder()
+  .addLogger(logger)
+  .build();
+
+// Enable inspector after DMK is built
+new DevToolsDmkInspector(connector, dmk);`;
+export const Inspector = ({ devices, sessionStates, discoveredDevices, isListening, isActivelyDiscovering, sendMessage, isConnected, startListening, stopListening, startDiscovering, stopDiscovering, connectDevice, providerValue, getProvider, setProvider, sendApdu, apduResponses, }) => {
+    if (!isConnected) {
+        return (_jsx(NotConnectedMessage, { title: "Inspector not connected", description: _jsxs(_Fragment, { children: ["To enable the Inspector, add ", _jsx("code", { children: "DevToolsDmkInspector" }), " to your app after building the DMK:"] }), codeExample: INSPECTOR_CODE_EXAMPLE }));
+    }
+    const handleDisconnect = (sessionId) => {
+        sendMessage(INSPECTOR_COMMAND_TYPES.DISCONNECT, JSON.stringify({ sessionId }));
+    };
+    const isAnyDiscoveryActive = isListening || isActivelyDiscovering;
+    return (_jsxs(Container, { children: [_jsx(MyLedgerProviderControl, { currentValue: providerValue, onGet: getProvider, onSet: setProvider }), _jsx(DeviceDiscoverySection, { discoveredDevices: discoveredDevices, isListening: isListening, isActivelyDiscovering: isActivelyDiscovering, startListening: startListening, stopListening: stopListening, startDiscovering: startDiscovering, stopDiscovering: stopDiscovering, connectDevice: connectDevice }), _jsx(SessionsSection, { devices: devices, sessionStates: sessionStates, onDisconnect: handleDisconnect, onSendApdu: sendApdu, apduResponses: apduResponses, isAnyDiscoveryActive: isAnyDiscoveryActive })] }));
+};
+//# sourceMappingURL=index.js.map

package/lib/build/src/screens/inspector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/screens/inspector/index.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAGxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AA4BrC,MAAM,sBAAsB,GAAG;;;;;;;0CAOW,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,WAAW,EACX,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,CACL,KAAC,mBAAmB,IAClB,KAAK,EAAC,yBAAyB,EAC/B,WAAW,EACT,+DAC+B,kDAAiC,4CAE7D,EAEL,WAAW,EAAE,sBAAsB,GACnC,CACH,CAAC;IACJ,CAAC;IAED,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC7C,WAAW,CACT,uBAAuB,CAAC,UAAU,EAClC,IAAI,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,CAC9B,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,IAAI,qBAAqB,CAAC;IAElE,OAAO,CACL,MAAC,SAAS,eACR,KAAC,uBAAuB,IACtB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,WAAW,GAClB,EAEF,KAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,GAC5B,EAEF,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,QAAQ,EACpB,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,GAC1C,IACQ,CACb,CAAC;AACJ,CAAC,CAAC"}