@peers-app/peers-ui 0.25.2 → 0.25.4

package/dist/screens/invites/invites-ipc.js

@@ -3,57 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvitesConsumer = getInvitesConsumer;
 exports.inviteTools = inviteTools;
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const HOST_TRANSPORT_TIMEOUT_MS = 10_000;
-let cached;
-let pending;
-(0, peers_sdk_1.subscribeHostContractTransport)((transport) => {
-    if (cached && cached.transport !== transport) {
-        cached.consumer.dispose();
-        cached = undefined;
-        pending = undefined;
-    }
-}, { emitCurrent: false });
-async function load(transport) {
-    const userContext = await (0, peers_sdk_1.getUserContext)();
-    const consumer = (0, peers_sdk_1.createContractConsumer)((0, peers_sdk_1.getInvitesContractDefinition)(), transport, {
-        dataContextId: userContext.userId,
-    });
-    try {
-        await consumer.loadingPromise;
-        if ((0, peers_sdk_1.getHostContractTransport)() !== transport) {
-            consumer.dispose();
-            return getInvitesConsumer();
-        }
-        cached = { transport, consumer };
-        return consumer;
-    }
-    catch (error) {
-        consumer.dispose();
-        throw error;
-    }
-}
+const invites = (0, peers_sdk_1.hostContractConsumer)((0, peers_sdk_1.getInvitesContractDefinition)(), {
+    dataContextId: async () => (await (0, peers_sdk_1.getUserContext)()).userId,
+});
 /**
  * Return the typed local-host consumer for the System Invites contract.
  *
  * The consumer is cached per host transport and rebuilt if the transport is replaced
- * (e.g. after a socket reconnect).
+ * (for example after a socket reconnect).
  */
 async function getInvitesConsumer() {
-    const transport = (0, peers_sdk_1.getHostContractTransport)() ??
-        (await (0, peers_sdk_1.waitForHostContractTransport)({ timeoutMs: HOST_TRANSPORT_TIMEOUT_MS }));
-    if (cached?.transport === transport) {
-        return cached.consumer;
-    }
-    if (pending) {
-        return pending;
-    }
-    pending = load(transport);
-    try {
-        return await pending;
-    }
-    finally {
-        pending = undefined;
-    }
+    return invites.get();
 }
 /** Shorthand for `(await getInvitesConsumer()).tools`. */
 async function inviteTools() {

package/dist/screens/invites/pending-invites-list.d.ts

@@ -1,29 +1,48 @@
 import { type IInvite, type InviteStatus } from "@peers-app/peers-sdk";
-/** Props for {@link PendingInvitesList}. */
-export interface PendingInvitesListProps {
-    /** Only show rows of this type. */
-    type?: IInvite["type"];
-    /** Only show rows for this group. */
-    groupId?: string;
-    /** Statuses to include; defaults to pending only. */
-    statuses?: InviteStatus[];
-    /** Hide the section entirely when there is nothing to show. */
-    hideWhenEmpty?: boolean;
-    title?: string;
+/** Filtered invite rows plus whether any non-pending row exists for the same type and group. */
+export interface IInviteRowQuery {
+    /** Rows matching the status filter, newest first. */
+    rows: IInvite[];
+    /** True when at least one matching invite is not pending. */
+    hasHistory: boolean;
 }
-/** Subscribe to the personal `Invites` table and return rows matching the filter, newest first. */
+/**
+ * Subscribe to the personal `Invites` table.
+ *
+ * @param filter Type, group, and statuses to include. Statuses default to pending.
+ * @returns Matching rows and whether any non-pending row exists, or `undefined` while loading.
+ */
 export declare function useInviteRows(filter: {
     type?: IInvite["type"];
     groupId?: string;
     statuses?: InviteStatus[];
-}): IInvite[] | undefined;
+}): IInviteRowQuery | undefined;
 /** Human summary of what a row is, from the local user's point of view. */
 export declare function describeInviteRow(row: IInvite): {
     title: string;
     detail: string;
 };
+/** Which Activity bucket a row belongs in. */
+export type InviteBucket = "attention" | "waiting" | "history";
+/**
+ * Group an invite by what the signed-in user can do with it.
+ *
+ * Pending rows that need a decision are `attention`. Pending rows waiting on
+ * someone else, including links the user issued, are `waiting`.
+ *
+ * @param row - Invite row from the personal Invites table.
+ */
+export declare function classifyInvite(row: IInvite): InviteBucket;
+/** Action that the local user can take on an Activity row. */
+export type InviteRowAction = "accept" | "decline" | "approve" | "deny" | "revoke";
 /**
- * Live list of invite rows with the actions each one supports. Subscribes to the `Invites`
- * table directly, so it updates when replies arrive on any of the user's devices.
+ * Return actions that are valid from the local user's perspective.
+ *
+ * Inbound rows with `recipientUserId` were initiated locally and are waiting
+ * for that recipient. Actionable profile requests and join requests omit it.
  */
-export declare function PendingInvitesList(props: PendingInvitesListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function actionsForInvite(row: IInvite): InviteRowAction[];
+/** One invite row and the actions its direction and status allow. */
+export declare function InviteRow({ row }: {
+    row: IInvite;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/screens/invites/pending-invites-list.js

@@ -2,14 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInviteRows = useInviteRows;
 exports.describeInviteRow = describeInviteRow;
-exports.PendingInvitesList = PendingInvitesList;
+exports.classifyInvite = classifyInvite;
+exports.actionsForInvite = actionsForInvite;
+exports.InviteRow = InviteRow;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
 const react_1 = require("react");
 const invites_ipc_1 = require("./invites-ipc");
-/** Subscribe to the personal `Invites` table and return rows matching the filter, newest first. */
+/**
+ * Subscribe to the personal `Invites` table.
+ *
+ * @param filter Type, group, and statuses to include. Statuses default to pending.
+ * @returns Matching rows and whether any non-pending row exists, or `undefined` while loading.
+ */
 function useInviteRows(filter) {
-    const [rows, setRows] = (0, react_1.useState)(undefined);
+    const [query, setQuery] = (0, react_1.useState)(undefined);
     const statuses = filter.statuses ?? ["pending"];
     const statusKey = statuses.join(",");
     const refresh = (0, react_1.useCallback)(async () => {
@@ -20,9 +27,12 @@ function useInviteRows(filter) {
             ...(filter.groupId ? { groupId: filter.groupId } : {}),
         });
         const wanted = new Set(statusKey.split(","));
-        setRows(all
-            .filter((row) => wanted.has(row.status))
-            .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()));
+        setQuery({
+            rows: all
+                .filter((row) => wanted.has(row.status))
+                .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()),
+            hasHistory: all.some((row) => row.status !== "pending"),
+        });
     }, [filter.type, filter.groupId, statusKey]);
     (0, react_1.useEffect)(() => {
         let disposed = false;
@@ -42,7 +52,7 @@ function useInviteRows(filter) {
             dispose?.();
         };
     }, [refresh]);
-    return rows;
+    return query;
 }
 function counterpartLabel(row) {
     return row.counterpart?.displayName || row.counterpart?.userId || "Someone";
@@ -52,8 +62,20 @@ function describeInviteRow(row) {
     const who = counterpartLabel(row);
     const role = row.role !== undefined ? (0, peers_sdk_1.getRoleLabel)(row.role) : undefined;
     const group = row.groupName ?? "a group";
+    if (row.type === "device") {
+        return {
+            title: row.direction === "in" ? `Device request from ${who}` : `Device invite for ${who}`,
+            detail: "Device admission actions are not available yet.",
+        };
+    }
     if (row.type === "contact") {
         if (row.direction === "in") {
+            if (row.recipientUserId) {
+                return {
+                    title: `Connection request to ${who}`,
+                    detail: "Waiting for them to confirm.",
+                };
+            }
             return { title: `${who} wants to connect`, detail: "Accept to add them as a contact." };
         }
         if (row.counterpart) {
@@ -65,13 +87,25 @@ function describeInviteRow(row) {
         };
     }
     if (row.direction === "in") {
+        if (row.recipientUserId) {
+            if (row.mode === "open") {
+                return {
+                    title: `Joining ${group}`,
+                    detail: "Completing automatically; no approval is required.",
+                };
+            }
+            return { title: `Request to join ${group}`, detail: `Waiting for ${who} to approve.` };
+        }
         if (row.mode === "direct") {
             return {
                 title: `${who} invited you to ${group}`,
                 detail: role ? `You would join as ${role}.` : "",
             };
         }
-        return { title: `Joining ${group}`, detail: `Waiting for ${who} to approve.` };
+        return {
+            title: `${who} wants to join ${group}`,
+            detail: role ? `Requested as ${role}. Approve or deny.` : "Approve or deny.",
+        };
     }
     if (row.mode === "direct") {
         return { title: `Invited ${who} to ${group}`, detail: "Waiting for them to accept." };
@@ -87,21 +121,45 @@ function describeInviteRow(row) {
         detail: `${row.mode === "open" ? "Open" : "Approval required"}${role ? ` · ${role}` : ""}`,
     };
 }
-function actionsFor(row) {
+/**
+ * Group an invite by what the signed-in user can do with it.
+ *
+ * Pending rows that need a decision are `attention`. Pending rows waiting on
+ * someone else, including links the user issued, are `waiting`.
+ *
+ * @param row - Invite row from the personal Invites table.
+ */
+function classifyInvite(row) {
     if (row.status !== "pending") {
+        return "history";
+    }
+    return actionsForInvite(row).some((action) => action !== "revoke") ? "attention" : "waiting";
+}
+/**
+ * Return actions that are valid from the local user's perspective.
+ *
+ * Inbound rows with `recipientUserId` were initiated locally and are waiting
+ * for that recipient. Actionable profile requests and join requests omit it.
+ */
+function actionsForInvite(row) {
+    if (row.status !== "pending" || row.type === "device") {
+        return [];
+    }
+    if (row.direction === "out") {
+        return ["revoke"];
+    }
+    if (row.recipientUserId) {
         return [];
     }
     if (row.direction === "in") {
-        // Inbound rows I can act on: contact requests and direct group invites.
         if (row.type === "contact" || row.mode === "direct") {
             return ["accept", "decline"];
         }
-        return []; // my own outstanding join request; nothing to do but wait
-    }
-    if (row.counterpart && row.type === "group" && row.mode !== "direct") {
-        return ["approve", "deny"];
+        if (row.type === "group" && row.mode === "approve" && row.counterpart) {
+            return ["approve", "deny"];
+        }
     }
-    return ["revoke"];
+    return [];
 }
 const ACTION_LABELS = {
     accept: { text: "Accept", className: "btn-primary" },
@@ -110,6 +168,7 @@ const ACTION_LABELS = {
     deny: { text: "Deny", className: "btn-outline-secondary" },
     revoke: { text: "Revoke", className: "btn-outline-danger" },
 };
+/** One invite row and the actions its direction and status allow. */
 function InviteRow({ row }) {
     const [busy, setBusy] = (0, react_1.useState)(undefined);
     const [error, setError] = (0, react_1.useState)("");
@@ -138,19 +197,5 @@ function InviteRow({ row }) {
             setBusy(undefined);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "list-group-item", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "fw-semibold", children: title }), detail ? (0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block", children: detail }) : null, row.deliveryState === "queued" ? ((0, jsx_runtime_1.jsx)("small", { className: "text-warning d-block", children: "Queued until they are reachable" })) : null, row.status !== "pending" ? ((0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block text-capitalize", children: row.status })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex gap-1", children: actionsFor(row).map((action) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `btn btn-sm ${ACTION_LABELS[action].className}`, disabled: busy !== undefined, onClick: () => void run(action), children: busy === action ? "…" : ACTION_LABELS[action].text }, action))) })] }), error ? (0, jsx_runtime_1.jsx)("div", { className: "alert alert-danger py-1 px-2 small mt-2 mb-0", children: error }) : null] }));
-}
-/**
- * Live list of invite rows with the actions each one supports. Subscribes to the `Invites`
- * table directly, so it updates when replies arrive on any of the user's devices.
- */
-function PendingInvitesList(props) {
-    const rows = useInviteRows(props);
-    if (!rows) {
-        return null;
-    }
-    if (rows.length === 0 && props.hideWhenEmpty) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "mb-3", children: [props.title ? (0, jsx_runtime_1.jsx)("h6", { className: "mb-2", children: props.title }) : null, rows.length === 0 ? ((0, jsx_runtime_1.jsx)("p", { className: "text-muted small mb-0", children: "No pending invites." })) : ((0, jsx_runtime_1.jsx)("div", { className: "list-group", children: rows.map((row) => ((0, jsx_runtime_1.jsx)(InviteRow, { row: row }, row.inviteId))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "list-group-item", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center gap-2 flex-wrap", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-grow-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "fw-semibold", children: [(0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-light border me-2 text-capitalize", children: row.type }), title] }), detail ? (0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block", children: detail }) : null, row.deliveryState === "queued" ? ((0, jsx_runtime_1.jsx)("small", { className: "text-warning d-block", children: "Waiting for a route; Peers will retry automatically" })) : null, row.status !== "pending" ? ((0, jsx_runtime_1.jsx)("small", { className: "text-muted d-block text-capitalize", children: row.status })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "d-flex gap-1", children: actionsForInvite(row).map((action) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `btn btn-sm ${ACTION_LABELS[action].className}`, disabled: busy !== undefined, onClick: () => void run(action), children: busy === action ? "…" : ACTION_LABELS[action].text }, action))) })] }), error ? (0, jsx_runtime_1.jsx)("div", { className: "alert alert-danger py-1 px-2 small mt-2 mb-0", children: error }) : null] }));
 }

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

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

package/dist/screens/search/global-search.d.ts

@@ -1 +1,2 @@
+/** Search system apps and known entities, then navigate to their canonical routes. */
 export declare function GlobalSearch(): import("react/jsx-runtime").JSX.Element;

package/dist/screens/search/global-search.js

@@ -14,8 +14,9 @@ const searchConfigs = [
     { config: mention_configs_1.assistantMentionConfig, category: "Assistants", navigationPath: "assistants" },
     { config: mention_configs_1.workflowMentionConfig, category: "Workflows", navigationPath: "workflows" },
     { config: mention_configs_1.valueTypeMentionConfig, category: "Types", navigationPath: "peer-types" },
-    { config: mention_configs_1.userMentionConfig, category: "Users", navigationPath: "contacts" },
+    { config: mention_configs_1.userMentionConfig, category: "People", navigationPath: "identity/people" },
 ];
+/** Search system apps and known entities, then navigate to their canonical routes. */
 function GlobalSearch() {
     const [_colorMode] = (0, hooks_1.useObservable)(color_mode_dropdown_1.colorMode);
     const [packages] = (0, hooks_1.useObservable)(routes_loader_1.allPackages);

package/dist/screens/settings/settings-page.js

@@ -43,7 +43,8 @@ const tooltip_1 = require("../../components/tooltip");
 const globals = __importStar(require("../../globals"));
 const hooks_1 = require("../../hooks");
 const layout_picker_1 = require("../../root-layout/layout-picker");
-const device_pairing_1 = require("../device-pairing");
+const identity_ipc_1 = require("../device-pairing/identity-ipc");
+const identity_routes_1 = require("../identity/identity-routes");
 const color_mode_dropdown_1 = require("./color-mode-dropdown");
 const isBrowserPwaHost = typeof window !== "undefined" &&
     !window.electronAPI &&
@@ -53,25 +54,25 @@ function getAppVersion() {
 }
 /** Application settings organized by user, system, and developer concerns. */
 const SettingsPage = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "container-fluid", children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
-                {
-                    name: "User",
-                    content: (0, jsx_runtime_1.jsx)(UserSettingsTab, {}),
-                    active: true,
-                },
-                {
-                    name: "Appearance",
-                    content: (0, jsx_runtime_1.jsx)(AppearanceSettingsTab, {}),
-                },
-                {
-                    name: "Advanced",
-                    content: (0, jsx_runtime_1.jsx)(AdvancedSettingsTab, {}),
-                },
-            ] }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "d-flex flex-column h-100 overflow-hidden", style: { minHeight: 0 }, children: [(0, jsx_runtime_1.jsx)("div", { className: "container-fluid flex-grow-1 overflow-auto", style: { minHeight: 0 }, children: (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
+                        {
+                            name: "User",
+                            content: (0, jsx_runtime_1.jsx)(UserSettingsTab, {}),
+                            active: true,
+                        },
+                        {
+                            name: "Appearance",
+                            content: (0, jsx_runtime_1.jsx)(AppearanceSettingsTab, {}),
+                        },
+                        {
+                            name: "Advanced",
+                            content: (0, jsx_runtime_1.jsx)(AdvancedSettingsTab, {}),
+                        },
+                    ] }) }), (0, jsx_runtime_1.jsxs)("footer", { className: "flex-shrink-0 border-top px-3 py-2 small text-muted", children: ["Peers ", getAppVersion()] })] }));
 };
 exports.SettingsPage = SettingsPage;
 const UserSettingsTab = () => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ProfileSection, {}), (0, jsx_runtime_1.jsx)(AddDeviceSection, {}), (0, jsx_runtime_1.jsx)(LogoutSection, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ProfileSection, {}), (0, jsx_runtime_1.jsx)(IdentityAccountSection, {}), (0, jsx_runtime_1.jsx)(AddDeviceSection, {}), (0, jsx_runtime_1.jsx)(LogoutSection, {})] }));
 };
 const AppearanceSettingsTab = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Appearance" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(color_mode_dropdown_1.ColorModeDropdown, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsx)(layout_picker_1.LayoutPicker, {}) })] }));
@@ -80,30 +81,10 @@ const AdvancedSettingsTab = () => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-3", children: "Advanced Settings" }), (0, jsx_runtime_1.jsx)(PackagesRootDirectory, {}), (0, jsx_runtime_1.jsx)(ReloadPackagesOnPageRefresh, {}), (0, jsx_runtime_1.jsx)(AutoUpdatePeersCore, {}), (0, jsx_runtime_1.jsx)(ResetDeviceSyncInfos, {}), (0, jsx_runtime_1.jsx)(DeleteLocalDatabase, {}), (0, jsx_runtime_1.jsx)(CleanupOldDataDir, {}), (0, jsx_runtime_1.jsx)(ImportOldPeersData, {}), (0, jsx_runtime_1.jsx)(ResetChangeTracking, {})] }));
 };
 const ProfileSection = () => {
-    const [deviceId] = (0, hooks_1.useObservable)(peers_sdk_1.thisDeviceId);
-    const deviceName = (0, hooks_1.useObservableState)("");
-    const savedDeviceName = (0, hooks_1.useObservableState)("");
     const me = (0, hooks_1.usePromise)(async () => {
         const userContext = await (0, peers_sdk_1.getUserContext)();
         return (0, peers_sdk_1.Users)(userContext.userDataContext).initDoc(globals.me);
     });
-    // Load device name
-    (0, react_1.useEffect)(() => {
-        const loadDevice = async () => {
-            if (!deviceId)
-                return;
-            try {
-                const userContext = await (0, peers_sdk_1.getUserContext)();
-                const device = await (0, peers_sdk_1.Devices)(userContext.userDataContext).get(deviceId);
-                deviceName((device?.name || "").slice(0, peers_sdk_1.DISPLAY_NAME_MAX_LENGTH));
-                savedDeviceName(device?.name || "");
-            }
-            catch (err) {
-                console.error("Error loading device name:", err);
-            }
-        };
-        loadDevice();
-    }, [deviceId, deviceName, savedDeviceName]);
     const handleSave = async () => {
         try {
             // Save user profile (only when it actually changed). Pass me.toJS() — the
@@ -117,21 +98,6 @@ const ProfileSection = () => {
                 me.qs.name(updatedUser.name);
                 me.q(0); // Reset change counter
             }
-            // Save device name if changed
-            if (deviceId && deviceName() !== savedDeviceName()) {
-                const userContext = await (0, peers_sdk_1.getUserContext)();
-                const devicesTable = (0, peers_sdk_1.Devices)(userContext.userDataContext);
-                const device = (await devicesTable.get(deviceId)) || {
-                    deviceId,
-                    userId: userContext.userId,
-                    firstSeen: new Date(),
-                    lastSeen: new Date(),
-                    trustLevel: peers_sdk_1.TrustLevel.NewDevice,
-                };
-                device.name = deviceName() || undefined;
-                await devicesTable.save(device);
-                savedDeviceName(deviceName());
-            }
         }
         catch (err) {
             console.error("Error saving profile:", err);
@@ -140,16 +106,17 @@ const ProfileSection = () => {
     };
     // Subscribe to changes
     (0, hooks_1.useObservable)(me?.q);
-    (0, hooks_1.useObservable)(deviceName);
     if (!me) {
         return null;
     }
-    const hasChanges = !!me.q() || deviceName() !== savedDeviceName();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mb-3", children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0 me-auto", children: "Settings" }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary btn-sm", onClick: handleSave, disabled: !hasChanges, children: "Save" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("small", { className: "form-label", children: "Display Name:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: me.qs.name, className: "form-control", maxLength: peers_sdk_1.DISPLAY_NAME_MAX_LENGTH, placeholder: "Enter your name" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { className: "form-label", children: ["Device Name:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Give this device a friendly name to identify it in your network." })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: deviceName, className: "form-control", maxLength: peers_sdk_1.DISPLAY_NAME_MAX_LENGTH, placeholder: "e.g., My Laptop" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { className: "form-label", children: ["User ID:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "This uniquely identifies you to all other users." })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: me.userId, className: "form-control", disabled: true })] }), (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.jsxs)("small", { className: "form-label", children: ["Public Key:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "This is your public key that other users will use to verify your signatures." })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: me.publicKey, className: "form-control form-control-sm", disabled: true })] }), (0, jsx_runtime_1.jsxs)("div", { className: "col-md-6 mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { className: "form-label", children: ["Public Box Key:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "This is the public key that other users can use to encrypt data so that only you can open it." })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: me.publicBoxKey, className: "form-control form-control-sm", disabled: true })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { className: "form-label", children: ["Device ID:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "This uniquely identifies this device on Peers networks." })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: deviceId || "", className: "form-control form-control-sm", disabled: true })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("small", { className: "form-label", children: "App Version:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: getAppVersion(), className: "form-control form-control-sm", disabled: true })] })] }));
+    const hasChanges = !!me.q();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mb-3", children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0 me-auto", children: "Profile" }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-primary btn-sm", onClick: handleSave, disabled: !hasChanges, children: "Save" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label small", htmlFor: "settings-display-name", children: "Display name" }), (0, jsx_runtime_1.jsx)(input_1.Input, { id: "settings-display-name", value: me.qs.name, className: "form-control", maxLength: peers_sdk_1.DISPLAY_NAME_MAX_LENGTH, placeholder: "Enter your name" })] })] }));
+};
+const IdentityAccountSection = () => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { children: "Identity account" }), (0, jsx_runtime_1.jsx)("p", { className: "small text-muted", children: "View account identifiers, security keys, this device\u2019s ID, and Peers Services registration." }), (0, jsx_runtime_1.jsx)("a", { href: `#${identity_routes_1.IDENTITY_ACCOUNT_PATH}`, className: "btn btn-outline-primary", children: "View Identity account" })] }));
 };
 const AddDeviceSection = () => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { children: "Add another device" }), (0, jsx_runtime_1.jsx)("p", { className: "small text-muted", children: "On the new device choose \u201CSign in from another device\u201D, then type the code it shows here and approve. Account access is transferred only after you approve." }), open ? ((0, jsx_runtime_1.jsx)(device_pairing_1.SourceDevicePairing, { onClose: () => setOpen(false) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-outline-primary", onClick: () => setOpen(true), children: "Add another device" }))] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-4 pt-3 border-top", children: [(0, jsx_runtime_1.jsx)("h6", { children: "Add another device" }), (0, jsx_runtime_1.jsx)("p", { className: "small text-muted", children: "On the new device choose \u201CSign in from another device\u201D, then type the code it shows on Identity \u2192 Devices and approve. Account access is transferred only after you approve." }), (0, jsx_runtime_1.jsx)("a", { href: `#${identity_routes_1.IDENTITY_PAIR_PATH}`, className: "btn btn-outline-primary", children: "Add another device" })] }));
 };
 const PackagesRootDirectory = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Packages Directory:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: `Changing this will not effect existing packages.` })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: peers_sdk_1.packagesRootDir, className: "form-control" })] }));
@@ -317,6 +284,6 @@ const LogoutSection = () => {
                     "Make sure you have your User ID and Secret Key saved securely, or you will lose access to your account.");
                 if (!confirmed)
                     return;
-                await peers_sdk_1.rpcServerCalls.logout();
+                await (await (0, identity_ipc_1.identityTools)()).signOut();
             }, children: "Logout" }) }));
 };

package/dist/screens/setup-user.js

@@ -6,6 +6,7 @@ const peers_sdk_1 = require("@peers-app/peers-sdk");
 const react_1 = require("react");
 const hooks_1 = require("../hooks");
 const device_pairing_1 = require("./device-pairing");
+const identity_ipc_1 = require("./device-pairing/identity-ipc");
 const color_mode_dropdown_1 = require("./settings/color-mode-dropdown");
 const SetupUser = () => {
     const [_colorMode] = (0, hooks_1.useObservable)(color_mode_dropdown_1.colorMode);
@@ -25,9 +26,9 @@ const SetupUser = () => {
             // Generate new user credentials
             const keys = (0, peers_sdk_1.newKeys)();
             const _userId = (0, peers_sdk_1.newid)();
-            // Call setUserIdAndSecretKey. This triggers device init, which installs
-            // peers-core into the personal context (S3-first, bundle fallback).
-            await peers_sdk_1.rpcServerCalls.setUserIdAndSecretKey(_userId, keys.secretKey);
+            // signIn triggers device init, which installs peers-core into the personal
+            // context (S3-first, bundle fallback).
+            await (await (0, identity_ipc_1.identityTools)()).signIn({ userId: _userId, secretKey: keys.secretKey });
             // Success - reload the app (peers-services registration runs after Welcome modal)
             window.location.reload();
         }
@@ -57,8 +58,7 @@ const SetupUser = () => {
             if (msg !== msgOpened) {
                 throw new Error("Secret key validation failed");
             }
-            // Call setUserIdAndSecretKey
-            await peers_sdk_1.rpcServerCalls.setUserIdAndSecretKey(userId, keys.secretKey);
+            await (await (0, identity_ipc_1.identityTools)()).signIn({ userId, secretKey: keys.secretKey });
             // Success - reload the app
             window.location.reload();
         }

package/dist/screens/tools/tool-access-ipc.d.ts

@@ -1,5 +1,7 @@
 import { type IToolAccessControlConsumer } from "@peers-app/peers-sdk";
 /**
  * Return a typed local-host consumer for Tool Access Control in `dataContextId`.
+ *
+ * One consumer is cached per data context and rebuilt when the host transport changes.
  */
 export declare function getToolAccessControlConsumer(dataContextId: string): Promise<IToolAccessControlConsumer>;