@peers-app/peers-ui 0.30.0 → 0.30.2

package/dist/components/tabs.d.ts

@@ -4,10 +4,14 @@ interface ITabsProps {
         name: string;
         content: JSX.Element;
         active?: true;
+        /** Mount content on first activation, then preserve it while hidden. */
+        lazy?: boolean;
     }[];
     contentClassName?: string;
     activeTabName?: string;
 }
+/** Switch between panels, eagerly mounting content unless a tab opts into lazy loading. */
 export declare const Tabs: (props: ITabsProps) => import("react/jsx-runtime").JSX.Element;
+/** Constrain a screen's tab body to the available viewport with vertical scrolling. */
 export declare const ScreenTabBody: (props: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tabs.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const globals_1 = require("../globals");
 let lastActive = "";
+/** Switch between panels, eagerly mounting content unless a tab opts into lazy loading. */
 const Tabs = (props) => {
     const { tabs } = props;
     const [activeTab, _setActiveTab] = (0, react_1.useState)(() => {
@@ -29,10 +30,19 @@ const Tabs = (props) => {
                                 setActiveTab(tab);
                             }, children: tab.name }) }, tab.name));
                 }) }), (0, jsx_runtime_1.jsx)("div", { className: `tab-content ${props.contentClassName ?? "mt-3"}`, children: tabs.map((tab) => {
-                    return ((0, jsx_runtime_1.jsx)("div", { hidden: resolvedActiveTab.name !== tab.name, children: tab.content }, tab.name));
+                    return ((0, jsx_runtime_1.jsx)(TabContent, { active: resolvedActiveTab.name === tab.name, lazy: tab.lazy, children: tab.content }, tab.name));
                 }) })] }));
 };
 exports.Tabs = Tabs;
+const TabContent = (props) => {
+    const [visited, setVisited] = (0, react_1.useState)(props.active);
+    (0, react_1.useEffect)(() => {
+        if (props.active)
+            setVisited(true);
+    }, [props.active]);
+    return ((0, jsx_runtime_1.jsx)("div", { hidden: !props.active, children: !props.lazy || props.active || visited ? props.children : null }));
+};
+/** Constrain a screen's tab body to the available viewport with vertical scrolling. */
 const ScreenTabBody = (props) => {
     return ((0, jsx_runtime_1.jsx)("div", { style: { maxHeight: "calc(100vh - 138px)", overflowY: "auto" }, children: props.children }));
 };

package/dist/globals.d.ts

@@ -32,6 +32,9 @@ export declare const groups: import("@peers-app/peers-sdk").Observable<{
     iconClassName?: string | undefined;
     signedAt?: number | undefined;
     publicRole?: import("@peers-app/peers-sdk").GroupMemberRole | undefined;
+    fileRetention?: {
+        days: number | "never";
+    } | undefined;
 }[]>;
 /**
  * Start two-way hash synchronization after routes and persisted tabs are restored.

package/dist/hooks/use-file-url.d.ts

@@ -16,7 +16,8 @@ export interface IUseFileUrlResult {
  * ```
  *
  * Reads through `hostContract(SystemFiles)` in the screen's data context, the active group.
- * The URL is revoked when the file id changes or the component unmounts, so don't keep it.
+ * The URL is revoked when the file id changes or the component unmounts, so don't keep it. A
+ * file over `FILES_WHOLE_READ_MAX_BYTES` (64 MiB) gives an error: read a video, say, in ranges.
  *
  * @param fileId - The file's id; nothing is read while it's undefined.
  */

package/dist/hooks/use-file-url.js

@@ -12,7 +12,8 @@ const react_1 = require("react");
  * ```
  *
  * Reads through `hostContract(SystemFiles)` in the screen's data context, the active group.
- * The URL is revoked when the file id changes or the component unmounts, so don't keep it.
+ * The URL is revoked when the file id changes or the component unmounts, so don't keep it. A
+ * file over `FILES_WHOLE_READ_MAX_BYTES` (64 MiB) gives an error: read a video, say, in ranges.
  *
  * @param fileId - The file's id; nothing is read while it's undefined.
  */

package/dist/screens/files/context-files.d.ts

@@ -0,0 +1,5 @@
+/** Inspect a context's files on demand; personal Settings can also show this device's storage. */
+export declare const ContextFiles: (props: {
+    dataContextId: string;
+    showDeviceStorage?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/files/context-files.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextFiles = void 0;
+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 DAY_MS = 86_400_000;
+const stateLabels = {
+    referenced: "In use",
+    waiting: "Waiting to free",
+    expired: "Ready to free",
+    kept: "Kept",
+    never: "Never freed",
+    unindexed: "References not ready",
+    disabled: "Group disabled",
+};
+function errorMessage(error) {
+    const message = error instanceof Error ? error.message : String(error);
+    return message.includes("does not provide tool")
+        ? "This device's Peers needs updating to show files."
+        : message;
+}
+function count(value, noun) {
+    return `${value.toLocaleString()} ${noun}${value === 1 ? "" : "s"}`;
+}
+function size(bytes) {
+    const units = ["B", "KiB", "MiB", "GiB", "TiB"];
+    const power = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), 4) : 0;
+    return `${(bytes / 1024 ** power).toLocaleString(undefined, { maximumFractionDigits: 1 })} ${units[power]}`;
+}
+/** Inspect a context's files on demand; personal Settings can also show this device's storage. */
+const ContextFiles = (props) => {
+    const { dataContextId, showDeviceStorage = false } = props;
+    const [view, setView] = (0, react_1.useState)({ files: [], cursors: [], busy: true });
+    const [refresh, setRefresh] = (0, react_1.useState)(0);
+    const sessionRef = (0, react_1.useRef)();
+    async function loadPage(session, cursors = []) {
+        if (session.cancelled || !session.consumer || session.busy)
+            return;
+        const after = cursors.at(-1);
+        session.busy = true;
+        setView((previous) => ({ ...previous, busy: true, error: undefined }));
+        try {
+            const page = await session.consumer.tools.listFiles({
+                limit: 50,
+                ...(after ? { after } : {}),
+            });
+            if (session.cancelled)
+                return;
+            setView((previous) => session.cancelled
+                ? previous
+                : {
+                    ...previous,
+                    ...page,
+                    cursors,
+                    nextCursor: page.nextCursor,
+                    busy: false,
+                });
+        }
+        catch (error) {
+            if (!session.cancelled) {
+                setView((previous) => ({ ...previous, busy: false, error: errorMessage(error) }));
+            }
+        }
+        finally {
+            session.busy = false;
+        }
+    }
+    (0, react_1.useEffect)(() => {
+        const session = { cancelled: false, busy: false };
+        const controller = new AbortController();
+        sessionRef.current = session;
+        setView({ files: [], cursors: [], busy: true });
+        /** Returns whether the group is disabled; a failed read doesn't stop the list. */
+        async function readSettings() {
+            try {
+                const user = await (0, peers_sdk_1.getUserContext)();
+                const group = dataContextId === user.userId
+                    ? undefined
+                    : await (0, peers_sdk_1.Groups)(user.userDataContext).get(dataContextId);
+                if (!session.cancelled) {
+                    setView((previous) => ({
+                        ...previous,
+                        defaultRetention: !group?.fileRetention,
+                        disabled: !!group?.disabled,
+                    }));
+                }
+                return !!group?.disabled;
+            }
+            catch (error) {
+                if (!session.cancelled) {
+                    setView((previous) => ({ ...previous, settingsError: errorMessage(error) }));
+                }
+                return false;
+            }
+        }
+        async function readStatus(consumer) {
+            try {
+                const status = await consumer.tools.getStatus();
+                if (!session.cancelled)
+                    setView((previous) => ({ ...previous, status }));
+            }
+            catch (error) {
+                if (!session.cancelled) {
+                    setView((previous) => ({ ...previous, statusError: errorMessage(error) }));
+                }
+            }
+        }
+        void (async () => {
+            try {
+                let transport = (0, peers_sdk_1.getHostContractTransport)();
+                if (!transport) {
+                    try {
+                        transport = await (0, peers_sdk_1.waitForHostContractTransport)({
+                            timeoutMs: 3_000,
+                            signal: controller.signal,
+                        });
+                    }
+                    catch {
+                        throw new Error("File storage isn't available on this device right now.");
+                    }
+                }
+                if (session.cancelled)
+                    return;
+                const consumer = (0, peers_sdk_1.createContractConsumer)((0, peers_sdk_1.getFileStorageContractDefinition)(), transport, {
+                    dataContextId,
+                });
+                session.consumer = consumer;
+                await Promise.all([
+                    // The host refuses a disabled group's context, so don't ask it to list one.
+                    readSettings().then((disabled) => {
+                        if (!disabled)
+                            return loadPage(session);
+                        if (!session.cancelled)
+                            setView((previous) => ({ ...previous, busy: false }));
+                    }),
+                    showDeviceStorage ? readStatus(consumer) : undefined,
+                ]);
+            }
+            catch (error) {
+                if (!session.cancelled) {
+                    setView((previous) => ({ ...previous, busy: false, error: errorMessage(error) }));
+                }
+            }
+        })();
+        return () => {
+            session.cancelled = true;
+            controller.abort();
+            session.consumer?.dispose();
+        };
+    }, [dataContextId, showDeviceStorage, refresh]);
+    return ((0, jsx_runtime_1.jsxs)("section", { "aria-label": "Files", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center justify-content-between mb-3", children: [(0, jsx_runtime_1.jsx)("h5", { className: "mb-0", children: "Files" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-outline-secondary btn-sm", onClick: () => setRefresh((value) => value + 1), children: "Refresh" })] }), view.error && (0, jsx_runtime_1.jsx)("p", { role: "alert", children: view.error }), view.summary && ((0, jsx_runtime_1.jsx)(FilesSummary, { summary: view.summary, defaultRetention: view.defaultRetention })), view.disabled && ((0, jsx_runtime_1.jsx)("p", { className: "alert alert-secondary", children: "This group is disabled, so its files are kept on this device. They can be listed once it's enabled." })), view.settingsError && (0, jsx_runtime_1.jsxs)("p", { role: "alert", children: ["Couldn't read group settings: ", view.settingsError] }), showDeviceStorage && (0, jsx_runtime_1.jsx)(DeviceStorage, { status: view.status, error: view.statusError }), (0, jsx_runtime_1.jsx)(FileList, { view: view, onMove: (cursors) => {
+                    const session = sessionRef.current;
+                    if (session)
+                        void loadPage(session, cursors);
+                } }), view.busy && (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {})] }));
+};
+exports.ContextFiles = ContextFiles;
+const FilesSummary = (props) => {
+    const { summary } = props;
+    const retention = summary.retentionMs === "never"
+        ? "Never: files here aren't freed"
+        : `${count(summary.retentionMs / DAY_MS, "day")}${props.defaultRetention && summary.retentionMs === peers_sdk_1.FILE_RETENTION_MS ? " (the default)" : ""}`;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("p", { className: "mb-1", children: [count(summary.files, "file"), " \u00B7 ", size(summary.bytes), " total file size"] }), (0, jsx_runtime_1.jsx)("p", { className: "small text-muted mb-1", children: "Shared contents count for each file; this isn't disk use." }), (0, jsx_runtime_1.jsx)("ul", { className: "list-inline mb-2", children: Object.entries(summary.states)
+                    .filter(([, count]) => count > 0)
+                    .map(([state, count]) => ((0, jsx_runtime_1.jsxs)("li", { className: "list-inline-item", children: [stateLabels[state], ": ", count.toLocaleString()] }, state))) }), (0, jsx_runtime_1.jsxs)("p", { className: "mb-1", children: ["Retention: ", retention] }), (0, jsx_runtime_1.jsxs)("p", { className: "small text-muted mb-0", children: ["Package bundles are freed after 7 unused days, whatever the retention. Retention can't be changed yet.", summary.retentionMs !== "never" && " Other unused files are freed 7 days after it ends."] })] }));
+};
+const FileList = (props) => {
+    const { files, cursors, summary, busy, nextCursor } = props.view;
+    if (!summary)
+        return null;
+    if (summary.files === 0)
+        return (0, jsx_runtime_1.jsx)("p", { children: "No files here yet." });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { className: "small text-muted", children: "Contents and deadlines below are on this device. Shared or recently saved contents may stay longer." }), (cursors.length > 0 || nextCursor) && ((0, jsx_runtime_1.jsxs)("nav", { "aria-label": "File pages", className: "d-flex flex-wrap align-items-center gap-2 mb-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-outline-secondary btn-sm", disabled: busy || cursors.length === 0, onClick: () => props.onMove(cursors.slice(0, -1)), children: "Previous" }), (0, jsx_runtime_1.jsxs)("span", { className: "small", children: ["Page ", (cursors.length + 1).toLocaleString()] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn btn-outline-secondary btn-sm", disabled: busy || !nextCursor, onClick: () => nextCursor && props.onMove([...cursors, nextCursor]), children: "Next" })] })), files.length === 0 && (0, jsx_runtime_1.jsx)("p", { children: "No files on this page. Use Previous or Refresh to see files." }), (0, jsx_runtime_1.jsx)("ul", { className: "list-group", children: files.map((file) => ((0, jsx_runtime_1.jsx)(FileRow, { file: file }, file.fileId))) })] }));
+};
+const FileRow = ({ file }) => ((0, jsx_runtime_1.jsxs)("li", { className: "list-group-item text-break", children: [(0, jsx_runtime_1.jsx)("div", { className: "fw-semibold", children: file.name || "Unnamed file" }), (0, jsx_runtime_1.jsx)(FileFlags, { file: file }), (0, jsx_runtime_1.jsxs)("div", { className: "small", children: [size(file.fileSize), " \u00B7 ", file.mimeType || "Unknown file type"] }), (0, jsx_runtime_1.jsxs)("div", { className: "small", children: [count(file.referenceCount, "reference"), file.referenceTables.length > 0 ? ` in ${file.referenceTables.join(", ")}` : ""] }), (0, jsx_runtime_1.jsxs)("div", { className: "small", children: ["Contents on this device: ", { all: "All", some: "Some", none: "None" }[file.chunks]] }), (0, jsx_runtime_1.jsx)("div", { className: "small", children: (0, jsx_runtime_1.jsx)(FileState, { file: file }) }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: file.fileId })] }));
+const FileFlags = ({ file }) => ((0, jsx_runtime_1.jsx)("div", { className: "d-flex flex-wrap gap-1", children: file.runtimeBundle ? ((0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-secondary text-wrap", children: "Package bundle: freed 7 days after no package version uses it" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [file.legacy && ((0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-warning text-wrap", children: "Legacy: stays until explicit delete is available" })), file.kept && ((0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-warning text-wrap", children: "Kept: never freed automatically" }))] })) }));
+const FileState = ({ file }) => {
+    if (file.state === "referenced")
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "In use" });
+    if (file.state === "expired")
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Can be freed at the next collection on this device" });
+    if (file.state === "waiting") {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: file.expiresAt !== undefined
+                ? `Can be freed on this device from ${new Date(file.expiresAt).toLocaleString()}`
+                : `Waiting on this device: ${file.retainedReason || "retention hasn't started yet"}` }));
+    }
+    // The badges and the summary already say why a file is kept; only missing references need detail.
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [stateLabels[file.state], file.state === "unindexed" && file.retainedReason ? `: ${file.retainedReason}` : ""] }));
+};
+const DeviceStorage = (props) => {
+    const { status, error } = props;
+    return ((0, jsx_runtime_1.jsxs)("section", { "aria-label": "This device's storage", className: "border rounded p-3 mb-3", children: [(0, jsx_runtime_1.jsx)("h6", { children: "This device's storage" }), error && (0, jsx_runtime_1.jsx)("p", { role: "alert", children: error }), status && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { className: "mb-1", children: [count(status.store.count, "chunk"), " \u00B7 ", size(status.store.bytes), " stored across your personal space and groups"] }), (0, jsx_runtime_1.jsx)(CollectionStatus, { status: status })] }))] }));
+};
+const CollectionStatus = ({ status }) => {
+    const collection = status.collection;
+    const last = collection?.lastRun;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "small text-muted", children: [collection?.state === "running" && (0, jsx_runtime_1.jsx)("div", { children: "Collection is running." }), last ? ((0, jsx_runtime_1.jsxs)("div", { children: ["Last collection: ", new Date(last.finishedAt).toLocaleString(), " \u2014", " ", last.state === "skipped"
+                        ? `skipped: ${last.reason || "not ready"}`
+                        : `${last.dryRun ? "preview: would free" : "freed"} ${size(last.bytesFreed)} in ${count(last.chunksFreed, "chunk")}${last.state === "stopped" ? `; stopped: ${last.reason || "interrupted"}` : ""}`, last.problems.length > 0 && ` (${last.problems.join("; ")})`] })) : ((0, jsx_runtime_1.jsx)("div", { children: "No collection has run this session." })), (0, jsx_runtime_1.jsxs)("div", { children: ["Next collection:", " ", collection?.nextRunAt !== undefined
+                        ? new Date(collection.nextRunAt).toLocaleString()
+                        : "not scheduled"] })] }));
+};

package/dist/screens/groups/group-details.d.ts

@@ -1,6 +1,6 @@
 interface IProps {
     groupId: string;
 }
-/** Edit group metadata and manage members and invitations inside Identity. */
+/** Edit group metadata, manage members and invitations, and inspect files inside Identity. */
 export declare const GroupDetails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/screens/groups/group-details.js

@@ -10,8 +10,9 @@ const editor_inline_1 = require("../../components/markdown-editor/editor-inline"
 const save_button_1 = require("../../components/save-button");
 const tabs_1 = require("../../components/tabs");
 const hooks_1 = require("../../hooks");
+const context_files_1 = require("../files/context-files");
 const group_members_1 = require("./group-members");
-/** Edit group metadata and manage members and invitations inside Identity. */
+/** Edit group metadata, manage members and invitations, and inspect files inside Identity. */
 const GroupDetails = (props) => {
     const group = (0, hooks_1.usePromise)(async () => {
         const userContext = await (0, peers_sdk_1.getUserContext)();
@@ -53,6 +54,11 @@ const GroupDetails = (props) => {
                         name: "Members",
                         content: ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(GroupMembersWrapper, { groupId: props.groupId }) })),
                     },
+                    {
+                        name: "Files",
+                        lazy: true,
+                        content: (0, jsx_runtime_1.jsx)(context_files_1.ContextFiles, { dataContextId: props.groupId }),
+                    },
                 ] }, group.groupId)] }));
 };
 exports.GroupDetails = GroupDetails;

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

@@ -45,6 +45,7 @@ const globals = __importStar(require("../../globals"));
 const hooks_1 = require("../../hooks");
 const layout_picker_1 = require("../../root-layout/layout-picker");
 const identity_ipc_1 = require("../device-pairing/identity-ipc");
+const context_files_1 = require("../files/context-files");
 const identity_routes_1 = require("../identity/identity-routes");
 const network_viewer_ipc_1 = require("../network-viewer/network-viewer-ipc");
 const color_mode_dropdown_1 = require("./color-mode-dropdown");
@@ -74,9 +75,17 @@ const SettingsPage = () => {
                             name: "Advanced",
                             content: (0, jsx_runtime_1.jsx)(AdvancedSettingsTab, {}),
                         },
+                        {
+                            name: "Files",
+                            lazy: true,
+                            content: (0, jsx_runtime_1.jsx)(PersonalFilesTab, {}),
+                        },
                     ] }) }), (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 PersonalFilesTab = () => {
+    return (0, jsx_runtime_1.jsx)(context_files_1.ContextFiles, { dataContextId: globals.me.userId, showDeviceStorage: true });
+};
 const UserSettingsTab = () => {
     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, {})] }));
 };

package/dist/ui-router/bundle-files.d.ts

@@ -1,6 +1,6 @@
 /**
  * Read a package's UI or routes bundle as text, through System Files in the context its
- * version is installed in.
+ * version is installed in. A bundle is evaluated whole, so it may be as large as any file.
  *
  * @param dataContextId - Context of the selected package version.
  * @param fileId - The bundle's file id.

package/dist/ui-router/bundle-files.js

@@ -16,13 +16,15 @@ function filesIn(dataContextId) {
 const decoder = new TextDecoder("utf-8", { ignoreBOM: true });
 /**
  * Read a package's UI or routes bundle as text, through System Files in the context its
- * version is installed in.
+ * version is installed in. A bundle is evaluated whole, so it may be as large as any file.
  *
  * @param dataContextId - Context of the selected package version.
  * @param fileId - The bundle's file id.
  */
 async function readBundleText(dataContextId, fileId) {
     const files = filesIn(dataContextId);
-    const { bytes } = await (0, peers_sdk_1.readWholeFile)((input) => files.tools.read(input), fileId);
+    const { bytes } = await (0, peers_sdk_1.readWholeFile)((input) => files.tools.read(input), fileId, {
+        maxBytes: peers_sdk_1.FILES_MAX_FILE_BYTES,
+    });
     return decoder.decode(bytes);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.30.0",
+  "version": "0.30.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -36,7 +36,7 @@
     "lint:fix": "biome check --write ."
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.30.0",
+    "@peers-app/peers-sdk": "^0.30.2",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -47,7 +47,7 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
     "@biomejs/biome": "2.3.11",
-    "@peers-app/peers-sdk": "0.30.0",
+    "@peers-app/peers-sdk": "0.30.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",