@peers-app/peers-ui 0.23.13 → 0.24.0

package/biome.json

@@ -141,8 +141,8 @@
       "includes": [
         "src/screens/contacts/**/*.tsx",
         "src/screens/contacts/**/*.ts",
-        "src/screens/join-group/**/*.tsx",
-        "src/screens/join-group/**/*.ts",
+        "src/screens/invites/**/*.tsx",
+        "src/screens/invites/**/*.ts",
         "src/screens/peer-types/**/*.tsx",
         "src/screens/peer-types/**/*.ts",
         "src/screens/variables/**/*.tsx",

package/dist/components/qr-scanner.d.ts

@@ -0,0 +1,18 @@
+/** Props for {@link QrScanner}. */
+export interface QrScannerProps {
+    /** Called once with the decoded text of the first QR code seen; scanning stops after this. */
+    onScan: (text: string) => void;
+    /** Called when the camera cannot be opened. */
+    onError?: (message: string) => void;
+    /** Optional filter; return `false` to keep scanning past a code that is not ours. */
+    accept?: (text: string) => boolean;
+    /** Square edge length in CSS pixels. */
+    size?: number;
+}
+/** Whether this host can plausibly scan (secure context with a camera API). */
+export declare function canScanQr(): boolean;
+/**
+ * Live camera QR scanner. Uses the platform `BarcodeDetector` when available and falls
+ * back to `jsqr` on a canvas. Stops the camera on unmount or after the first accepted code.
+ */
+export declare function QrScanner(props: QrScannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/qr-scanner.js

@@ -0,0 +1,165 @@
+"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.canScanQr = canScanQr;
+exports.QrScanner = QrScanner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function nativeDetector() {
+    const ctor = globalThis.BarcodeDetector;
+    if (!ctor) {
+        return undefined;
+    }
+    try {
+        return new ctor({ formats: ["qr_code"] });
+    }
+    catch {
+        return undefined;
+    }
+}
+/** Whether this host can plausibly scan (secure context with a camera API). */
+function canScanQr() {
+    return (typeof navigator !== "undefined" &&
+        Boolean(navigator.mediaDevices?.getUserMedia) &&
+        (typeof window === "undefined" || window.isSecureContext !== false));
+}
+/**
+ * Live camera QR scanner. Uses the platform `BarcodeDetector` when available and falls
+ * back to `jsqr` on a canvas. Stops the camera on unmount or after the first accepted code.
+ */
+function QrScanner(props) {
+    const { onScan, onError, accept, size = 280 } = props;
+    const videoRef = (0, react_1.useRef)(null);
+    const [status, setStatus] = (0, react_1.useState)("starting");
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        let stream;
+        let frame = 0;
+        const canvas = document.createElement("canvas");
+        const detector = nativeDetector();
+        let jsqr;
+        const stop = () => {
+            cancelled = true;
+            if (frame) {
+                cancelAnimationFrame(frame);
+            }
+            for (const track of stream?.getTracks() ?? []) {
+                track.stop();
+            }
+        };
+        const deliver = (text) => {
+            if (cancelled || (accept && !accept(text))) {
+                return false;
+            }
+            stop();
+            onScan(text);
+            return true;
+        };
+        const tick = async () => {
+            const video = videoRef.current;
+            if (cancelled || !video || video.readyState < 2) {
+                frame = requestAnimationFrame(() => void tick());
+                return;
+            }
+            try {
+                if (detector) {
+                    const codes = await detector.detect(video);
+                    for (const code of codes) {
+                        if (deliver(code.rawValue)) {
+                            return;
+                        }
+                    }
+                }
+                else if (jsqr) {
+                    const width = video.videoWidth;
+                    const height = video.videoHeight;
+                    if (width && height) {
+                        canvas.width = width;
+                        canvas.height = height;
+                        const ctx = canvas.getContext("2d", { willReadFrequently: true });
+                        if (ctx) {
+                            ctx.drawImage(video, 0, 0, width, height);
+                            const image = ctx.getImageData(0, 0, width, height);
+                            const result = jsqr(image.data, width, height, { inversionAttempts: "dontInvert" });
+                            if (result?.data && deliver(result.data)) {
+                                return;
+                            }
+                        }
+                    }
+                }
+            }
+            catch {
+                // A single bad frame is not fatal; keep scanning.
+            }
+            if (!cancelled) {
+                frame = requestAnimationFrame(() => void tick());
+            }
+        };
+        (async () => {
+            try {
+                if (!detector) {
+                    jsqr = (await Promise.resolve().then(() => __importStar(require("jsqr")))).default;
+                }
+                stream = await navigator.mediaDevices.getUserMedia({
+                    video: { facingMode: { ideal: "environment" } },
+                    audio: false,
+                });
+                if (cancelled) {
+                    stop();
+                    return;
+                }
+                const video = videoRef.current;
+                if (!video) {
+                    return;
+                }
+                video.srcObject = stream;
+                await video.play();
+                setStatus("scanning");
+                frame = requestAnimationFrame(() => void tick());
+            }
+            catch (error) {
+                if (cancelled) {
+                    return;
+                }
+                setStatus("error");
+                onError?.(error instanceof DOMException && error.name === "NotAllowedError"
+                    ? "Camera access was denied."
+                    : "Could not open the camera.");
+            }
+        })();
+        return stop;
+    }, [onScan, onError, accept]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "position-relative bg-black rounded overflow-hidden mx-auto", style: { width: size, height: size }, children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: true, playsInline: true, style: { width: "100%", height: "100%", objectFit: "cover" }, "aria-label": "Camera preview" }), status === "starting" ? ((0, jsx_runtime_1.jsx)("output", { className: "position-absolute top-50 start-50 translate-middle text-light small", children: "Starting camera\u2026" })) : null, status === "scanning" ? ((0, jsx_runtime_1.jsx)("div", { "aria-hidden": "true", className: "position-absolute top-50 start-50 translate-middle border border-2 border-light rounded", style: { width: "60%", height: "60%", opacity: 0.7 } })) : null] }));
+}

package/dist/components/router.d.ts

@@ -1,7 +1,7 @@
 import "../screens/console-logs/console-logs-list";
 import "../screens/groups";
 import "../screens/contacts";
-import "../screens/join-group";
+import "../screens/invites";
 import "../screens/network-viewer";
 import "../screens/data-explorer";
 export declare function Router({ path: providedPath }?: {

package/dist/components/router.js

@@ -62,7 +62,7 @@ const thread_message_list_1 = require("./messages/thread-message-list");
 require("../screens/console-logs/console-logs-list");
 require("../screens/groups");
 require("../screens/contacts");
-require("../screens/join-group");
+require("../screens/invites");
 require("../screens/network-viewer");
 require("../screens/data-explorer");
 function Router({ path: providedPath } = {}) {

package/dist/root-layout/root-layout-host.js

@@ -20,8 +20,7 @@ const react_1 = require("react");
 const command_palette_ui_1 = require("../command-palette/command-palette-ui");
 const globals_1 = require("../globals");
 const hooks_1 = require("../hooks");
-const user_connect_invite_1 = require("../screens/contacts/user-connect-invite");
-const device_pairing_1 = require("../screens/device-pairing");
+const invite_capture_1 = require("../screens/invites/invite-capture");
 const color_mode_dropdown_1 = require("../screens/settings/color-mode-dropdown");
 const setup_user_1 = require("../screens/setup-user");
 const welcome_modal_1 = require("../screens/welcome-modal");
@@ -37,8 +36,7 @@ const root_layout_state_1 = require("./root-layout-state");
  */
 function RootLayoutHost() {
     (0, react_1.useState)(() => {
-        (0, device_pairing_1.captureDevicePairingInviteFromLocation)();
-        (0, user_connect_invite_1.captureUserConnectInviteFromLocation)();
+        (0, invite_capture_1.captureInviteFromLocation)();
         return true;
     });
     const userIdRef = (0, react_1.useRef)(undefined);
@@ -48,20 +46,22 @@ function RootLayoutHost() {
     });
     userIdRef.current = userId;
     (0, react_1.useEffect)(() => {
-        const captureInviteFromHashChange = () => {
-            const previousHash = window.location.hash;
-            (0, device_pairing_1.captureDevicePairingInviteFromLocation)();
-            (0, user_connect_invite_1.captureUserConnectInviteFromLocation)();
-            if (window.location.hash === previousHash) {
-                return;
-            }
-            // Signed-out captures stay in sessionStorage until setup finishes.
-            if (userIdRef.current) {
-                (0, globals_1.mainContentPath)("contacts/connect");
+        // Tokens arriving after startup: a hash change in the browser/PWA, or a peers:// open
+        // forwarded by the Electron main process. Signed-out captures stay stashed until setup
+        // finishes; signed-in captures route straight to the Accept screen.
+        const onHashChange = () => (0, invite_capture_1.captureInviteFromLocation)();
+        window.addEventListener("hashchange", onHashChange);
+        const stopOpenUrl = (0, invite_capture_1.listenForOpenUrlInvites)();
+        const sub = invite_capture_1.inviteCaptured.subscribe(() => {
+            if (userIdRef.current && (0, invite_capture_1.peekPendingInvite)()) {
+                (0, globals_1.mainContentPath)(invite_capture_1.ACCEPT_INVITE_PATH);
             }
+        });
+        return () => {
+            window.removeEventListener("hashchange", onHashChange);
+            stopOpenUrl();
+            sub.dispose();
         };
-        window.addEventListener("hashchange", captureInviteFromHashChange);
-        return () => window.removeEventListener("hashchange", captureInviteFromHashChange);
     }, []);
     if (userId === undefined) {
         return;
@@ -92,9 +92,8 @@ function RootLayoutBootstrap(props) {
             tabs_state_1.recentlyUsedApps.loadingPromise,
             peers_sdk_1.hasShownWelcomeModal.loadingPromise,
         ]);
-        const pendingInvite = (0, user_connect_invite_1.readUserConnectPendingIntent)();
-        if (pendingInvite.ok || pendingInvite.reason !== "none") {
-            (0, globals_1.mainContentPath)("contacts/connect");
+        if ((0, invite_capture_1.peekPendingInvite)()) {
+            (0, globals_1.mainContentPath)(invite_capture_1.ACCEPT_INVITE_PATH);
         }
         return true;
     });

package/dist/root-layout/root-layout-host.test.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const globals_1 = require("../globals");
-const user_connect_invite_1 = require("../screens/contacts/user-connect-invite");
+const invite_capture_1 = require("../screens/invites/invite-capture");
 const root_layout_host_1 = require("./root-layout-host");
+const TOKEN = "eyJhbGciOiJub25lIn0-_abcdefghijklmnopqrstuvwxyz0123456789";
 jest.mock("@peers-app/peers-sdk", () => {
     const actual = jest.requireActual("@peers-app/peers-sdk");
     return {
@@ -71,14 +72,18 @@ describe("RootLayoutHost", () => {
     });
     it("captures and sanitizes invite links opened after startup", () => {
         (0, react_1.render)((0, jsx_runtime_1.jsx)(root_layout_host_1.RootLayoutHost, {}));
-        window.history.replaceState(null, "", `/?app#contacts/connect?code=${encodeURIComponent("ABCD-1234-EFGH")}`);
+        window.history.replaceState(null, "", `/?app#invite=${TOKEN}`);
         (0, react_1.fireEvent)(window, new HashChangeEvent("hashchange"));
-        expect(window.location.hash).toBe("#contacts/connect");
-        expect((0, user_connect_invite_1.readUserConnectPendingIntent)()).toEqual({
-            ok: true,
-            intent: expect.objectContaining({ code: "ABCD1234EFGH" }),
-        });
-        expect(globals_1.mainContentPath).toHaveBeenCalledWith("contacts/connect");
-        expect(globals_1.mainContentPath).not.toHaveBeenCalledWith(expect.stringContaining("code="));
+        expect(window.location.hash).toBe("");
+        expect((0, invite_capture_1.peekPendingInvite)()).toBe(TOKEN);
+        expect(globals_1.mainContentPath).toHaveBeenCalledWith(invite_capture_1.ACCEPT_INVITE_PATH);
+        expect(globals_1.mainContentPath).not.toHaveBeenCalledWith(expect.stringContaining(TOKEN));
+    });
+    it("ignores ordinary hash routes", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(root_layout_host_1.RootLayoutHost, {}));
+        window.history.replaceState(null, "", "/?app#groups");
+        (0, react_1.fireEvent)(window, new HashChangeEvent("hashchange"));
+        expect(window.location.hash).toBe("#groups");
+        expect((0, invite_capture_1.peekPendingInvite)()).toBeUndefined();
     });
 });

package/dist/screens/account/account-screen.js

@@ -4,9 +4,60 @@ exports.AccountScreen = AccountScreen;
 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 tooltip_1 = require("../../components/tooltip");
 const hooks_1 = require("../../hooks");
 const peers_services_registration_1 = require("../../peers-services-registration");
+const invite_share_1 = require("../invites/invite-share");
+const invites_ipc_1 = require("../invites/invites-ipc");
+const PROFILE_QR_INFO = `### Your profile QR
+
+Anyone who scans this (or opens the link) can send you a contact request. Requests show up under **Contacts → Pending** and nothing happens until you confirm.
+
+### Regenerate
+
+Regenerating invalidates this QR **and every other invite link you have issued**. Use it if the QR leaked somewhere you did not intend.`;
+/** Reusable profile invite with a regenerate control that bumps the invite epoch. */
+function ProfileInviteSection() {
+    const [invite, setInvite] = (0, react_1.useState)(undefined);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        void (0, invites_ipc_1.inviteTools)()
+            .then((tools) => tools.createContactInvite({ profile: true }))
+            .then(({ invite: created }) => {
+            if (!cancelled)
+                setInvite(created);
+        })
+            .catch((err) => {
+            if (!cancelled)
+                setError(err.message || "Could not load your profile QR.");
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const regenerate = async () => {
+        if (!confirm("Regenerate your profile QR? Every invite link you have issued so far will stop working.")) {
+            return;
+        }
+        setBusy(true);
+        setError(null);
+        try {
+            const tools = await (0, invites_ipc_1.inviteTools)();
+            const { invite: created } = await tools.regenerateProfileInvite();
+            setInvite(created);
+        }
+        catch (err) {
+            setError(err.message || "Could not regenerate.");
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "card mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title d-flex align-items-center gap-2", children: ["Profile QR", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: PROFILE_QR_INFO })] }), error ? (0, jsx_runtime_1.jsx)("div", { className: "alert alert-danger py-2", children: error }) : null, invite ? ((0, jsx_runtime_1.jsx)(invite_share_1.InviteShare, { invite: invite, description: "Let people connect with you by scanning this or opening the link. You confirm each request.", shareText: "Connect with me on Peers:" })) : !error ? ((0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {})) : null, (0, jsx_runtime_1.jsx)("div", { className: "text-center mt-3", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-outline-danger btn-sm", onClick: () => void regenerate(), disabled: busy || !invite, children: busy ? "Regenerating…" : "Regenerate (revokes all invites)" }) })] }) }));
+}
 const INFO_TEXT = `### What does registering do?
 
 Registering your account links your **public key** with the Peers cloud service. This enables cloud-powered features like:
@@ -45,7 +96,7 @@ function AccountScreen() {
             setIsRegistering(false);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", style: { maxWidth: 600 }, children: [(0, jsx_runtime_1.jsxs)("h4", { className: "mb-3 d-flex align-items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-person-circle" }), "Account"] }), error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-danger alert-dismissible", role: "alert", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle me-2" }), error, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setError(null), "aria-label": "Close" })] })), success && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-success alert-dismissible", role: "alert", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle me-2" }), success, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setSuccess(null), "aria-label": "Close" })] })), (0, jsx_runtime_1.jsx)("div", { className: "card", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title d-flex align-items-center gap-2", children: ["Peers Services Registration", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: INFO_TEXT })] }), isRegistered ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle-fill text-success", style: { fontSize: "1.2em" } }), (0, jsx_runtime_1.jsx)("span", { children: "Registered" })] }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted d-block mb-3", children: ["Registered on", " ", new Date(registrationStatus).toLocaleDateString(undefined, {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", style: { maxWidth: 600 }, children: [(0, jsx_runtime_1.jsxs)("h4", { className: "mb-3 d-flex align-items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-person-circle" }), "Account"] }), error && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-danger alert-dismissible", role: "alert", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle me-2" }), error, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setError(null), "aria-label": "Close" })] })), success && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-success alert-dismissible", role: "alert", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle me-2" }), success, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: () => setSuccess(null), "aria-label": "Close" })] })), (0, jsx_runtime_1.jsx)(ProfileInviteSection, {}), (0, jsx_runtime_1.jsx)("div", { className: "card", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsxs)("h5", { className: "card-title d-flex align-items-center gap-2", children: ["Peers Services Registration", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: INFO_TEXT })] }), isRegistered ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-check-circle-fill text-success", style: { fontSize: "1.2em" } }), (0, jsx_runtime_1.jsx)("span", { children: "Registered" })] }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted d-block mb-3", children: ["Registered on", " ", new Date(registrationStatus).toLocaleDateString(undefined, {
                                             year: "numeric",
                                             month: "long",
                                             day: "numeric",

package/dist/screens/contacts/contact-list.js

@@ -11,7 +11,34 @@ const trust_level_badge_1 = require("../../components/trust-level-badge");
 const globals_1 = require("../../globals");
 const hooks_1 = require("../../hooks");
 const ui_loader_1 = require("../../ui-router/ui-loader");
+const invite_capture_1 = require("../invites/invite-capture");
+const invite_share_1 = require("../invites/invite-share");
+const invites_ipc_1 = require("../invites/invites-ipc");
+const pending_invites_list_1 = require("../invites/pending-invites-list");
+/** Issues a one-off contact invite and shows it as QR/link until dismissed. */
+function InviteContactPanel({ onClose }) {
+    const [invite, setInvite] = (0, react_1.useState)(undefined);
+    const [error, setError] = (0, react_1.useState)("");
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        void (0, invites_ipc_1.inviteTools)()
+            .then((tools) => tools.createContactInvite({}))
+            .then(({ invite: created }) => {
+            if (!cancelled)
+                setInvite(created);
+        })
+            .catch((err) => {
+            if (!cancelled)
+                setError(err.message || "Could not create an invite.");
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "card mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body", children: [(0, jsx_runtime_1.jsx)("h6", { className: "card-title", children: "Invite a contact" }), error ? (0, jsx_runtime_1.jsx)("div", { className: "alert alert-danger py-2", children: error }) : null, invite ? ((0, jsx_runtime_1.jsx)(invite_share_1.InviteShare, { invite: invite, description: "Send this link or show the QR. When they accept, you are connected \u2014 no need to be online at the same time.", shareText: "Connect with me on Peers:", onDone: onClose })) : !error ? ((0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {})) : null] }) }));
+}
 function ContactList() {
+    const [inviting, setInviting] = (0, react_1.useState)(false);
     const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(""));
     const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
     const [cursorObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)());
@@ -98,7 +125,7 @@ function ContactList() {
         });
         return elements;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [(0, jsx_runtime_1.jsxs)("h4", { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-fill-check me-2" }), "Contacts"] }), (0, jsx_runtime_1.jsxs)("a", { href: "#contacts/connect", className: "btn btn-primary btn-sm", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-plus me-1" }), "Connect to New User"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "input-group mb-3", children: (0, jsx_runtime_1.jsx)(input_1.Input, { value: searchTextObs, className: "form-control", placeholder: "Search or create contacts", autoFocus: true, onKeyUp: handleSearchSubmit }) }), (0, jsx_runtime_1.jsx)("div", { className: "peers-list-container", children: (0, jsx_runtime_1.jsx)(lazy_list_1.LazyList, { resetTrigger: searchText, loadMore: loadMore, scrollThreshold: 0.6, renderItems: renderItems, loadingIndicator: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 }, children: (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}) }), endOfList: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [(0, jsx_runtime_1.jsxs)("h4", { children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-fill-check me-2" }), "Contacts"] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-2", children: [(0, jsx_runtime_1.jsxs)("a", { href: `#${invite_capture_1.ACCEPT_INVITE_PATH}`, className: "btn btn-outline-primary btn-sm", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-qr-code-scan me-1" }), "Accept invite"] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "btn btn-primary btn-sm", onClick: () => setInviting(true), disabled: inviting, children: [(0, jsx_runtime_1.jsx)("i", { className: "bi-person-plus me-1" }), "Invite"] })] })] }), inviting ? (0, jsx_runtime_1.jsx)(InviteContactPanel, { onClose: () => setInviting(false) }) : null, (0, jsx_runtime_1.jsx)(pending_invites_list_1.PendingInvitesList, { type: "contact", hideWhenEmpty: true, title: "Pending contact invites" }), (0, jsx_runtime_1.jsx)("div", { className: "input-group mb-3", children: (0, jsx_runtime_1.jsx)(input_1.Input, { value: searchTextObs, className: "form-control", placeholder: "Search or create contacts", autoFocus: true, onKeyUp: handleSearchSubmit }) }), (0, jsx_runtime_1.jsx)("div", { className: "peers-list-container", children: (0, jsx_runtime_1.jsx)(lazy_list_1.LazyList, { resetTrigger: searchText, loadMore: loadMore, scrollThreshold: 0.6, renderItems: renderItems, loadingIndicator: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 }, children: (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}) }), endOfList: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }) })] }));
 }
 const ContactCard = ({ contact }) => {
     const getSourceLabel = (source) => {

package/dist/screens/contacts/index.d.ts

@@ -1,6 +1,4 @@
 import "./contact-list";
 import "./contact-details";
-import "./user-connect";
 export * from "./contact-details";
 export * from "./contact-list";
-export * from "./user-connect";

package/dist/screens/contacts/index.js

@@ -17,7 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Import all contact screen components to ensure they register their routes
 require("./contact-list");
 require("./contact-details");
-require("./user-connect");
 __exportStar(require("./contact-details"), exports);
 __exportStar(require("./contact-list"), exports);
-__exportStar(require("./user-connect"), exports);

package/dist/screens/device-pairing/device-pairing.d.ts

@@ -1,10 +1,8 @@
-/** Signed-in source flow opened from Settings. */
+/** Signed-in source flow opened from Settings: type the code shown on the new device, then approve. */
 export declare function SourceDevicePairing(props: {
     onClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-/** Signed-out destination flow opened by a QR link or manual invitation paste. */
+/** Signed-out destination flow: shows a code and QR, then installs credentials after approval. */
 export declare function DestinationDevicePairing(props: {
-    initialInvitation?: string;
-    onInvitationConsumed?: () => void;
     onBack: () => void;
 }): import("react/jsx-runtime").JSX.Element;