@peers-app/peers-ui 0.28.1 → 0.28.3

package/dist/components/save-button.js

@@ -12,6 +12,14 @@ const SaveButton = (props) => {
     let { doc, addActions } = props;
     (0, hooks_1.useObservable)(doc.q);
     const q = doc.q;
+    const save = async () => {
+        try {
+            await (props.onClick ? props.onClick() : doc.save());
+        }
+        catch (err) {
+            alert(`Save failed: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    };
     if (!addActions) {
         addActions = [];
     }
@@ -62,9 +70,9 @@ const SaveButton = (props) => {
         className += "disabled";
     }
     if (!addActions?.length && props.noBuiltInActions) {
-        return ((0, jsx_runtime_1.jsx)("button", { className: className, onClick: props.onClick ?? doc.save, disabled: !q(), children: (0, globals_1.isDesktop)() ? "Save Changes" : "Save" }));
+        return ((0, jsx_runtime_1.jsx)("button", { className: className, onClick: save, disabled: !q(), children: (0, globals_1.isDesktop)() ? "Save Changes" : "Save" }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", { style: { display: "inline-block" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "input-group", children: [(0, jsx_runtime_1.jsx)("button", { className: className, onClick: props.onClick ?? doc.save, disabled: !q(), children: (0, globals_1.isDesktop)() ? "Save Changes" : "Save" }), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false", 
+    return ((0, jsx_runtime_1.jsx)("div", { style: { display: "inline-block" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "input-group", children: [(0, jsx_runtime_1.jsx)("button", { className: className, onClick: save, disabled: !q(), children: (0, globals_1.isDesktop)() ? "Save Changes" : "Save" }), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-bs-toggle": "dropdown", "aria-expanded": "false", 
                     // className={`btn dropdown-toggle dropdown-toggle-split ${q() ? 'btn-primary' : 'btn-secondary'}`}
                     className: `btn dropdown-toggle dropdown-toggle-split btn-secondary`, children: (0, jsx_runtime_1.jsx)("span", { className: "visually-hidden", children: "Toggle Dropdown" }) }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu dropdown-menu-end", children: allActions.map((action) => {
                         if (typeof action !== "object" || action === null || !("label" in action)) {

package/dist/host-shell/host-shell-consumer.d.ts

@@ -13,6 +13,13 @@ export declare function hostShellTools(): Promise<IHostShellConsumer["tools"]>;
  * @param target - Link or local path (`~` allowed).
  */
 export declare function openOnHost(target: string): Promise<void>;
+/**
+ * Open a web link in the user's browser, or a `mailto:` link in their mail app. Package UIs use
+ * this: anything else (a local path, another scheme) is refused. Failures are logged and shown.
+ *
+ * @param url - An `http:`, `https:`, or `mailto:` URL.
+ */
+export declare function openLink(url: string): Promise<void>;
 /**
  * Open a folder in a code editor (VS Code when installed), else with the OS.
  *

package/dist/host-shell/host-shell-consumer.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hostShellContract = void 0;
 exports.hostShellTools = hostShellTools;
 exports.openOnHost = openOnHost;
+exports.openLink = openLink;
 exports.openInEditorOnHost = openInEditorOnHost;
 const peers_sdk_1 = require("@peers-app/peers-sdk");
 /**
@@ -28,6 +29,28 @@ async function openOnHost(target) {
         reportHostShellError(`Could not open ${target}`, error);
     }
 }
+/** Link schemes {@link openLink} opens. */
+const LINK_SCHEMES = new Set(["http:", "https:", "mailto:"]);
+/**
+ * Open a web link in the user's browser, or a `mailto:` link in their mail app. Package UIs use
+ * this: anything else (a local path, another scheme) is refused. Failures are logged and shown.
+ *
+ * @param url - An `http:`, `https:`, or `mailto:` URL.
+ */
+async function openLink(url) {
+    let scheme;
+    try {
+        scheme = new URL(url).protocol;
+    }
+    catch {
+        // Not a URL; refused below.
+    }
+    if (!scheme || !LINK_SCHEMES.has(scheme)) {
+        reportHostShellError(`Could not open ${url}`, new Error("only http, https, and mailto links can be opened"));
+        return;
+    }
+    await openOnHost(url);
+}
 /**
  * Open a folder in a code editor (VS Code when installed), else with the OS.
  *

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./components/tabs";
 export { Typeahead, type TypeaheadItem } from "./components/typeahead";
 export { isDesktop, mainContentPath } from "./globals";
 export * from "./hooks";
+export { openLink } from "./host-shell/host-shell-consumer";
 export * from "./operator-console/operator-console";
 export * from "./operator-console/operator-console-state";
 export { type GlobalOverlay, globalOverlays, registerGlobalOverlay, unregisterGlobalOverlay, } from "./root-layout/global-overlays";

package/dist/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateActiveTabTitle = exports.goToTabPath = exports.closeCurrentTab = exports.activeTabs = exports.activeTabId = exports.setRootLayout = exports.selectedRootLayoutId = exports.getRootLayouts = exports.getRootLayout = exports.DEFAULT_ROOT_LAYOUT_ID = exports.TabsLayoutApp = exports.RootLayoutHost = exports.LayoutPicker = exports.unregisterGlobalOverlay = exports.registerGlobalOverlay = exports.globalOverlays = exports.mainContentPath = exports.isDesktop = exports.Typeahead = exports.MarkdownEditor = void 0;
+exports.updateActiveTabTitle = exports.goToTabPath = exports.closeCurrentTab = exports.activeTabs = exports.activeTabId = exports.setRootLayout = exports.selectedRootLayoutId = exports.getRootLayouts = exports.getRootLayout = exports.DEFAULT_ROOT_LAYOUT_ID = exports.TabsLayoutApp = exports.RootLayoutHost = exports.LayoutPicker = exports.unregisterGlobalOverlay = exports.registerGlobalOverlay = exports.globalOverlays = exports.openLink = exports.mainContentPath = exports.isDesktop = exports.Typeahead = exports.MarkdownEditor = void 0;
 __exportStar(require("./components/inverse-lazy-list"), exports);
 var editor_1 = require("./components/markdown-editor/editor");
 Object.defineProperty(exports, "MarkdownEditor", { enumerable: true, get: function () { return editor_1.MarkdownEditor; } });
@@ -29,6 +29,8 @@ var globals_1 = require("./globals");
 Object.defineProperty(exports, "isDesktop", { enumerable: true, get: function () { return globals_1.isDesktop; } });
 Object.defineProperty(exports, "mainContentPath", { enumerable: true, get: function () { return globals_1.mainContentPath; } });
 __exportStar(require("./hooks"), exports);
+var host_shell_consumer_1 = require("./host-shell/host-shell-consumer");
+Object.defineProperty(exports, "openLink", { enumerable: true, get: function () { return host_shell_consumer_1.openLink; } });
 __exportStar(require("./operator-console/operator-console"), exports);
 __exportStar(require("./operator-console/operator-console-state"), exports);
 var global_overlays_1 = require("./root-layout/global-overlays");

package/dist/screens/packages/package-info.js

@@ -70,27 +70,27 @@ const PackageInfo = (props) => {
         return highest || "uptodate";
     }, undefined, [activeVersionId, pkg.packageId, effectiveFollowTags]);
     const remoteRepoUrl = pkg.remoteRepo;
+    const saveFollowPolicy = async (patch) => {
+        try {
+            const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
+            if (current) {
+                await (0, peers_sdk_1.Packages)().signAndSave({ ...current, ...patch });
+                await pkg.load();
+            }
+        }
+        catch (err) {
+            alert(`Failed to save follow policy: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    };
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("small", { children: "Name:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: pkg.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Package name", title: "Package name", disabled: true }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Local Path:", (0, jsx_runtime_1.jsxs)("small", { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: `The local path to the directory containing the package.  This will open in VS Code if it's installed otherwise this will open in your native file system` }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link", onClick: () => {
                                             void (0, host_shell_consumer_1.openInEditorOnHost)(localPath || peers_sdk_1.packagesRootDir);
                                         }, children: "Open Local" })] })] }), (0, jsx_runtime_1.jsx)("input", { type: "text", className: "form-control mb-3 p-0 ps-2", placeholder: "~/peers/packages/my-package", value: localPath || "", onChange: (e) => setLocalPath(e.target.value) })] }), remoteRepoUrl ? ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Source URL:", (0, jsx_runtime_1.jsxs)("small", { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: `The remote source of this package.  Often a github repository URL or a link to the Peers page for the package.` }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link", onClick: () => {
                                             void (0, host_shell_consumer_1.openOnHost)(remoteRepoUrl);
-                                        }, children: "Open Remote" })] })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: pkg.qs.remoteRepo, className: "form-control mb-3 p-0 ps-2", disabled: true })] })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Update URL:", (0, jsx_runtime_1.jsx)("small", { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: `Base URL for remote package updates. Admin devices poll **<updateUrl>/latest-<tag>.json** on startup (for example **latest-stable.json**). Signed artifacts must be published to this host separately — for example via the publish-package tool or the peers-core full-release pipeline.` }) })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: pkg.qs.updateUrl, className: "form-control mb-3 p-0 ps-2", placeholder: "https://example.com/my-package", title: "Update URL" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsxs)("small", { children: ["Version:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "The currently active version of this package. Manage versions in the Versions tab." })] }), activeVersion ? ((0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mt-1 mb-3", children: [(0, jsx_runtime_1.jsxs)("strong", { className: "me-2", children: ["v", activeVersion.version] }), activeVersion.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ${activeVersion.versionTag === "dev" ? "text-bg-danger" : activeVersion.versionTag.startsWith("beta") ? "text-bg-warning" : "text-bg-success"} me-2`, children: activeVersion.versionTag })), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small me-2", children: activeVersion.packageVersionHash?.substring(0, 8) }), newerLevel === "uptodate" ? ((0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-success", children: "Up to date" })) : newerLevel ? ((0, jsx_runtime_1.jsxs)("span", { className: `badge text-bg-${newerLevel === "major" ? "danger" : newerLevel === "minor" ? "warning" : "info"}`, children: ["Newer ", newerLevel, " version available"] })) : null] })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-muted small mt-1 mb-3", children: "No active version" })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Auto-Update Range:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Controls which new versions are auto-activated for the group. When an admin device auto-upgrades, the group's active version advances for everyone. **Pinned** = never auto-update. **Patch** = same major.minor (e.g. 1.2.x). **Minor** = same major (e.g. 1.x.x). **Latest** = always auto-update to newest." })] }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm", value: groupRange, onChange: async (e) => {
-                                    const val = e.target.value;
-                                    const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
-                                    if (current) {
-                                        current.versionFollowRange = val;
-                                        await (0, peers_sdk_1.Packages)().signAndSave(current);
-                                        await pkg.load();
-                                    }
-                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "latest", children: "Latest (auto-update to newest)" }), (0, jsx_runtime_1.jsx)("option", { value: "minor", children: "Minor (same major version)" }), (0, jsx_runtime_1.jsx)("option", { value: "patch", children: "Patch (same major.minor version)" }), (0, jsx_runtime_1.jsx)("option", { value: "pinned", children: "Pinned (no auto-updates)" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: `mb-3 ${groupRange === "pinned" ? "opacity-50" : ""}`, children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Following:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Which release channel the group follows. Devices using group settings will auto-upgrade within this channel. **Stable** = only fully promoted releases. **Stable + Beta** = also includes beta pre-releases for early testing." })] }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm", value: groupFollowTags, disabled: groupRange === "pinned", onChange: async (e) => {
-                                    const val = e.target.value;
-                                    const current = await (0, peers_sdk_1.Packages)().get(pkg.packageId);
-                                    if (current) {
-                                        current.followVersionTags = val === "stable" ? undefined : val;
-                                        await (0, peers_sdk_1.Packages)().signAndSave(current);
-                                        await pkg.load();
-                                    }
-                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "stable", children: "Stable" }), (0, jsx_runtime_1.jsx)("option", { value: "stable,beta", children: "Stable + Beta" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "form-check", children: [(0, jsx_runtime_1.jsx)("input", { className: "form-check-input", type: "checkbox", id: `deviceOverride_${pkg.packageId}`, checked: hasOverride, onChange: async (e) => {
+                                        }, children: "Open Remote" })] })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: pkg.qs.remoteRepo, className: "form-control mb-3 p-0 ps-2", disabled: true })] })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Update URL:", (0, jsx_runtime_1.jsx)("small", { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: `Base URL for remote package updates. Admin devices poll **<updateUrl>/latest-<tag>.json** on startup (for example **latest-stable.json**). Signed artifacts must be published to this host separately — for example via the publish-package tool or the peers-core full-release pipeline.` }) })] }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: pkg.qs.updateUrl, className: "form-control mb-3 p-0 ps-2", placeholder: "https://example.com/my-package", title: "Update URL" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsxs)("small", { children: ["Version:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "The currently active version of this package. Manage versions in the Versions tab." })] }), activeVersion ? ((0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center mt-1 mb-3", children: [(0, jsx_runtime_1.jsxs)("strong", { className: "me-2", children: ["v", activeVersion.version] }), activeVersion.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ${activeVersion.versionTag === "dev" ? "text-bg-danger" : activeVersion.versionTag.startsWith("beta") ? "text-bg-warning" : "text-bg-success"} me-2`, children: activeVersion.versionTag })), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small me-2", children: activeVersion.packageVersionHash?.substring(0, 8) }), newerLevel === "uptodate" ? ((0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-success", children: "Up to date" })) : newerLevel ? ((0, jsx_runtime_1.jsxs)("span", { className: `badge text-bg-${newerLevel === "major" ? "danger" : newerLevel === "minor" ? "warning" : "info"}`, children: ["Newer ", newerLevel, " version available"] })) : null] })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-muted small mt-1 mb-3", children: "No active version" })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Auto-Update Range:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Controls which new versions are auto-activated for the group. When an admin device auto-upgrades, the group's active version advances for everyone. **Pinned** = never auto-update. **Patch** = same major.minor (e.g. 1.2.x). **Minor** = same major (e.g. 1.x.x). **Latest** = always auto-update to newest." })] }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm", value: groupRange, onChange: (e) => saveFollowPolicy({
+                                    versionFollowRange: e.target.value,
+                                }), children: [(0, jsx_runtime_1.jsx)("option", { value: "latest", children: "Latest (auto-update to newest)" }), (0, jsx_runtime_1.jsx)("option", { value: "minor", children: "Minor (same major version)" }), (0, jsx_runtime_1.jsx)("option", { value: "patch", children: "Patch (same major.minor version)" }), (0, jsx_runtime_1.jsx)("option", { value: "pinned", children: "Pinned (no auto-updates)" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: `mb-3 ${groupRange === "pinned" ? "opacity-50" : ""}`, children: [(0, jsx_runtime_1.jsxs)("small", { children: ["Following:", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Which release channel the group follows. Devices using group settings will auto-upgrade within this channel. **Stable** = only fully promoted releases. **Stable + Beta** = also includes beta pre-releases for early testing." })] }), (0, jsx_runtime_1.jsxs)("select", { className: "form-select form-select-sm", value: groupFollowTags, disabled: groupRange === "pinned", onChange: (e) => saveFollowPolicy({
+                                    followVersionTags: e.target.value === "stable" ? undefined : e.target.value,
+                                }), children: [(0, jsx_runtime_1.jsx)("option", { value: "stable", children: "Stable" }), (0, jsx_runtime_1.jsx)("option", { value: "stable,beta", children: "Stable + Beta" })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mb-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "form-check", children: [(0, jsx_runtime_1.jsx)("input", { className: "form-check-input", type: "checkbox", id: `deviceOverride_${pkg.packageId}`, checked: hasOverride, onChange: async (e) => {
                                         if (e.target.checked) {
                                             await (0, peers_sdk_1.updatePackagePrefs)(pkg.packageId, {
                                                 followRange: groupRange === "pinned"

package/dist/ui-router/runnable-version.d.ts

@@ -4,6 +4,9 @@ import { type DataContext, type IPackage, type IPackageVersion } from "@peers-ap
  * the group's, checked with `assertPackageVersionRunnable`. A refusal is logged and gives
  * undefined, so the package's app links, routes and screens are left out rather than loaded.
  *
+ * The check reads the package's stored row rather than using `pkg`: the loaders pass copies
+ * with fields added (`appNavs`), and the row's signature covers only the row as it was signed.
+ *
  * @param pkg - The package.
  */
 export declare function resolveRunnableVersion(pkg: IPackage): Promise<{

package/dist/ui-router/runnable-version.js

@@ -7,26 +7,32 @@ const peers_sdk_1 = require("@peers-app/peers-sdk");
  * the group's, checked with `assertPackageVersionRunnable`. A refusal is logged and gives
  * undefined, so the package's app links, routes and screens are left out rather than loaded.
  *
+ * The check reads the package's stored row rather than using `pkg`: the loaders pass copies
+ * with fields added (`appNavs`), and the row's signature covers only the row as it was signed.
+ *
  * @param pkg - The package.
  */
 async function resolveRunnableVersion(pkg) {
-    let pvId = pkg.activePackageVersionId;
-    try {
-        const pvar = (0, peers_sdk_1.packagePrefsVar)(pkg.packageId);
-        await pvar.loadingPromise;
-        pvId = pvar()?.activePackageVersionId ?? pvId;
-    }
-    catch {
-        /* use group default */
-    }
-    if (!pvId)
-        return undefined;
     try {
         const dataContext = await (0, peers_sdk_1.getDefaultDataContext)();
+        const stored = await (0, peers_sdk_1.Packages)(dataContext).get(pkg.packageId);
+        if (!stored)
+            return undefined;
+        let pvId = stored.activePackageVersionId;
+        try {
+            const pvar = (0, peers_sdk_1.packagePrefsVar)(stored.packageId);
+            await pvar.loadingPromise;
+            pvId = pvar()?.activePackageVersionId ?? pvId;
+        }
+        catch {
+            /* use group default */
+        }
+        if (!pvId)
+            return undefined;
         const pv = await (0, peers_sdk_1.PackageVersions)(dataContext).get(pvId);
         if (!pv)
             return undefined;
-        await (0, peers_sdk_1.assertPackageVersionRunnable)(pkg, pv, dataContext);
+        await (0, peers_sdk_1.assertPackageVersionRunnable)(stored, pv, dataContext);
         return { pv, dataContext };
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "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.28.1",
+    "@peers-app/peers-sdk": "^0.28.3",
     "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.28.1",
+    "@peers-app/peers-sdk": "0.28.3",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",