@tangle-network/agent-app 0.60.178 → 0.60.180

package/dist/hub-approvals-react/media.d.ts

@@ -0,0 +1,12 @@
+import type { HubActionPreview } from '../hub-approvals';
+type Post = Extract<HubActionPreview, {
+    kind: 'post';
+}>;
+/** The host resolves frozen, authorized bytes before rendering. No URLs are fetched here. */
+export declare function previewMediaSource(value: string | undefined, kind: 'image' | 'video'): string | undefined;
+/** Source-supplied payload and media inside platform feed frames. No transport or effect callbacks. */
+export declare function HubMediaPreview({ preview, account }: {
+    preview: Post;
+    account?: string | null;
+}): import("react").JSX.Element;
+export {};

package/dist/integrations-react/index.js

@@ -2,7 +2,7 @@ import {
   confirmWrite,
   useAsyncResource,
   useConfirmedMutation
-} from "../chunk-LSUELMHY.js";
+} from "../chunk-LN5RBVGP.js";
 
 // src/integrations-react/callback.tsx
 import { useEffect, useState } from "react";

package/dist/preset-cloudflare/index.js

@@ -12,8 +12,8 @@ import {
 } from "../chunk-4LBCTFBP.js";
 import {
   assertRenderUiSchema
-} from "../chunk-NO2YNV5C.js";
-import "../chunk-7PSYT35Z.js";
+} from "../chunk-YXLN4PXK.js";
+import "../chunk-7BYY7QKC.js";
 
 // src/preset-cloudflare/workflow-instance.ts
 async function ensureCloudflareWorkflowInstance(binding, input) {

package/dist/public-consultation/index.d.ts

@@ -102,8 +102,8 @@ interface GatewayConsultationContext {
 /** Compose gateway admission, scoped knowledge and the maintained persisted chat route. */
 export declare function createPublicConsultation(options: PublicConsultationOptions): {
     authorizeConsumer(agent: ConsultationAgent, consumer: ConsultationConsumer): Promise<{
-        allow: true;
         reason?: undefined;
+        allow: true;
         code?: undefined;
     } | {
         allow: false;

package/dist/sandbox/index.js

@@ -138,13 +138,13 @@ import {
 } from "../chunk-4LBCTFBP.js";
 import "../chunk-VBRUG4N5.js";
 import "../chunk-LWSJK546.js";
-import "../chunk-ER3KSBA4.js";
+import "../chunk-75ZIWV4U.js";
 import "../chunk-6A7MYOUI.js";
 import "../chunk-S5SRJJQG.js";
-import "../chunk-NO2YNV5C.js";
-import "../chunk-6CKNC32J.js";
+import "../chunk-YXLN4PXK.js";
+import "../chunk-AJZ3EJB5.js";
 import "../chunk-UGWQLQDS.js";
-import "../chunk-7PSYT35Z.js";
+import "../chunk-7BYY7QKC.js";
 import "../chunk-D6UJEOZQ.js";
 export {
   DEFAULT_ESCALATION_TOOLS,

package/dist/stories/app-shell/interaction-evidence.d.ts

@@ -0,0 +1,31 @@
+declare const interactionProtocol: {
+    readonly batches: 2;
+    readonly attemptsPerBatch: 40;
+    readonly conditions: readonly ['normal', 'interrupted', 'reduced-motion'];
+    readonly cacheStates: readonly ['cold', 'warm'];
+    readonly selection: 'Consecutive browser input starts; retain failures and identify capture exclusions before replacement.';
+    readonly percentile: 'Sorted nearest rank ceil(p * n); separate action, condition, batch and cold/warm context.';
+    readonly cold: 'New browser context without application cache.';
+    readonly warm: 'Same loaded workflow after initialization.';
+    readonly spacing: 'Reset the workflow and settle its visible state before the next declared attempt.';
+    readonly observationWindow: 'Maximum computed interaction role time on the input target; missing or invalid roles retain an unresolved sample without observation.';
+    readonly presentation: 'DOM state and frame callbacks are bounds, not a presented-frame measurement. Calibrated trace/recording evidence is required.';
+};
+type Batch = {
+    condition: typeof interactionProtocol.conditions[number];
+    cache: 'cold' | 'warm';
+    batch: number;
+};
+/** The catalog owns these observations; capture scripts only export them. */
+export declare function useInteractionEvidence(): import("react").RefObject<HTMLElement | null>;
+declare global {
+    interface Window {
+        __agentAppInteractionEvidence?: {
+            protocol: typeof interactionProtocol;
+            declareBatch(batch: Batch): void;
+            snapshot(): unknown;
+            calibrate(): Promise<unknown>;
+        };
+    }
+}
+export {};

package/dist/studio-react/index.js

@@ -39,8 +39,8 @@ import {
 } from "../chunk-6PRQ45QE.js";
 import {
   useInfiniteScroll
-} from "../chunk-4WEUWCA4.js";
-import "../chunk-QJYJOMMO.js";
+} from "../chunk-EQRVOMMS.js";
+import "../chunk-A2GG4D4A.js";
 import "../chunk-SJWIZT7B.js";
 import {
   CheckGlyph,

package/dist/theme/tokens.css

@@ -1745,6 +1745,164 @@
     --text-dim: #9496bc;
 }
 }
+/* Framework-neutral opt-in presentation. Load fonts from the application's origin. */
+[data-typography="expressive"],
+[data-typography="expressive"] :is([data-theme], [data-sandbox-ui], [data-sandbox-theme], .dark, .light) {
+  --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
+  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, monospace;
+  font-family: var(--font-sans);
+}
+.tangle-intro {
+  position: relative;
+  isolation: isolate;
+  overflow: clip;
+  padding: var(--hero-padding-top) var(--hero-gutter) var(--hero-padding-bottom);
+  text-align: center;
+  color: hsl(var(--foreground));
+  background: hsl(var(--background));
+}
+.tangle-intro::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  opacity: var(--hero-atmosphere-opacity);
+  background: radial-gradient(ellipse at 50% 0%, hsl(var(--primary)), transparent 70%);
+}
+.tangle-intro[data-grid]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  background-image: linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);
+  background-size: var(--hero-grid-pitch) var(--hero-grid-pitch);
+  mask-image: radial-gradient(ellipse at top, black, transparent 75%);
+}
+.tangle-display {
+  margin: 0 auto;
+  max-width: var(--display-max-width);
+  overflow-wrap: anywhere;
+  font-family: var(--font-display);
+  font-size: var(--font-size-display);
+  line-height: var(--line-height-display);
+  letter-spacing: var(--tracking-display);
+  font-weight: 700;
+  color: hsl(var(--foreground));
+}
+.tangle-display[data-gradient] {
+  background-image: var(--display-gradient);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+}
+.tangle-intro-description {
+  margin: var(--hero-content-gap) auto 0;
+  max-width: var(--reading-max-width);
+  color: hsl(var(--muted-foreground));
+  font-size: clamp(1rem, 0.8rem + 1vw, 1.25rem);
+  line-height: 1.625;
+}
+.tangle-intro-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--hero-action-gap);
+  margin-top: 2.5rem;
+}
+.tangle-control-display {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--hero-action-gap);
+  min-height: var(--display-control-height);
+  padding: 0 1.5rem;
+  border: 1px solid transparent;
+  border-radius: var(--display-control-radius);
+  font: 600 var(--display-control-font-size)/1 var(--font-sans);
+  text-decoration: none;
+  white-space: nowrap;
+  box-shadow: var(--display-control-shadow);
+  cursor: pointer;
+  transition: transform var(--motion-control);
+}
+.tangle-control-display:not([data-variant]), .tangle-control-display[data-variant="default"] { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
+.tangle-control-display[data-variant="outline"] {
+  background: hsl(var(--card));
+  color: hsl(var(--card-foreground));
+  border-color: hsl(var(--border));
+  box-shadow: none;
+}
+.tangle-control-display:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
+.tangle-control-display:disabled, .tangle-control-display[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
+@media (hover: hover) and (pointer: fine) {
+  .tangle-control-display:not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-1px); }
+}
+.tangle-control-display:not(:disabled):not([aria-disabled="true"]):active { transform: translateY(1px); }
+.tangle-intro-knot {
+  position: absolute;
+  z-index: -1;
+  pointer-events: none;
+  width: clamp(30rem, 45vw, 40rem);
+  height: auto;
+  right: -10rem;
+  top: 1.5rem;
+  opacity: var(--hero-knot-opacity);
+  rotate: -14deg;
+}
+.tangle-intro-knot > svg { width: 100%; height: auto; }
+.tangle-intro[data-motion] { animation: tangle-intro-enter var(--motion-arrive) both; }
+@keyframes tangle-intro-enter { from { opacity: 0; transform: translateY(var(--arrive-distance)); } to { opacity: 1; transform: none; } }
+@media (prefers-reduced-motion: reduce) {
+  .tangle-intro, .tangle-intro *, .tangle-control-display { animation: none !important; transition: none !important; transform: none !important; }
+}
+@media (forced-colors: active) {
+  .tangle-display[data-gradient] { background: none; color: CanvasText; }
+  .tangle-intro::before, .tangle-intro::after { display: none; }
+}
+/* Nonvisual presence markers let Radix retain its lifecycle while the shared
+ * surface adapter retargets geometry. Distinct names preserve interrupted exit. */
+@keyframes tangle-surface-present { from { --tangle-presence: 0; } to { --tangle-presence: 1; } }
+@keyframes tangle-surface-absent { from { --tangle-presence: 1; } to { --tangle-presence: 0; } }
+/* Requires Brand styles; the same contracts serve React and Hono. */
+.tangle-heading { color: hsl(var(--foreground)); font-family: var(--font-display); font-weight: 600; line-height: var(--line-height-heading); letter-spacing: var(--tracking-tight); }
+.tangle-heading[data-variant="display"] { font-size: var(--font-size-display); line-height: var(--line-height-display); }
+.tangle-heading[data-variant="hero"] { font-size: var(--font-size-hero); line-height: var(--line-height-display); }
+.tangle-heading[data-variant="page"] { font-size: var(--font-size-3xl); }
+.tangle-heading[data-variant="section"] { font-size: var(--font-size-xl); }
+.tangle-heading[data-variant="subsection"] { font-size: var(--font-size-lg); }
+.tangle-heading[data-variant="eyebrow"] { font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: hsl(var(--muted-foreground)); }
+.tangle-page-header { min-width: 0; margin-bottom: 1.5rem; }
+.tangle-page-header-main { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5rem; }
+.tangle-intro .tangle-page-header-main { display: block; }
+.tangle-reading-shell { display: grid; grid-template-columns: minmax(0,1fr); gap: 2rem; padding: 2rem var(--hero-gutter); max-width: var(--content-max-width); margin: auto; min-width: 0; }
+.tangle-reading-shell > * { min-width: 0; }
+.tangle-reading-article { width: 100%; max-width: var(--reading-max-width); overflow-wrap: anywhere; }
+.tangle-reading-nav a, .tangle-reading-outline a { display: block; padding: 0.5rem 0; color: hsl(var(--muted-foreground)); text-decoration: none; }
+.tangle-reading-nav a[aria-current]:not([aria-current="false"]), .tangle-reading-outline a[aria-current]:not([aria-current="false"]) { color: var(--accent-text); font-weight: 600; }
+@media(min-width: 64rem) {
+  .tangle-reading-shell { grid-template-columns: 13rem minmax(0,1fr); }
+  .tangle-reading-outline { display: none; }
+  .tangle-reading-nav { position: sticky; top: var(--shell-header-height); align-self: start; max-height: calc(100dvh - var(--shell-header-height)); overflow: auto; }
+}
+@media(min-width: 80rem) {
+  .tangle-reading-shell:has(.tangle-reading-outline) { grid-template-columns: 13rem minmax(0,1fr) 11rem; }
+  .tangle-reading-outline { display: block; position: sticky; top: var(--shell-header-height); align-self: start; }
+}
+/* Native dialog has the same solid reading surface as React's Dialog/Sheet. */
+.tangle-native-dialog { max-width: min(32rem,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; margin: auto; padding: 1.5rem; border: 1px solid hsl(var(--border)); border-radius: var(--radius-lg); background: hsl(var(--card)); color: hsl(var(--card-foreground)); }
+.tangle-native-dialog::backdrop { background: var(--scrim); }
+.tangle-api-meta { font-family: var(--font-mono); font-size: var(--font-size-sm); color: hsl(var(--muted-foreground)); overflow-wrap: anywhere; }
+.tangle-api-schema { margin: 1rem 0; }
+.tangle-api-schema > div { padding-block: 0.75rem; border-bottom: 1px solid hsl(var(--border)); overflow-wrap: anywhere; }
+.tangle-api-schema dt { font-family: var(--font-mono); font-size: var(--font-size-label); }
+.tangle-api-schema dt span, .tangle-api-schema dd { color: hsl(var(--muted-foreground)); }
+.tangle-api-schema dd { margin: 0.25rem 0 0; font-size: var(--font-size-label); }
+.tangle-page-description { margin-top: 0.25rem; max-width: 65ch; color: hsl(var(--muted-foreground)); font-size: var(--font-size-label); overflow-wrap: anywhere; }
+.tangle-code-tabs { overflow-x: auto; max-width: 100%; }
+.tangle-code-tabs [role="tab"] { flex: none; min-height: var(--control-height-lg); }
 @layer theme{/* GENERATED from @tangle-network/brand/styles/legacy-light.css
  * SHA-256: 33e13702150c34d3a1350846ce3dae2c6c7ef17e1632fbae5d3479a1b43f55f3
  * Run node src/theme/build.mjs --write; do not edit colors or ratios here. */

package/dist/tools/index.js

@@ -9,7 +9,7 @@ import {
   restrictTaxonomy,
   verifyCapabilityToken,
   verifyExpiringCapabilityToken
-} from "../chunk-ER3KSBA4.js";
+} from "../chunk-75ZIWV4U.js";
 import {
   DEFAULT_APP_TOOL_PATHS,
   DEFAULT_HEADER_NAMES,
@@ -23,7 +23,7 @@ import {
   unresolvableSurfaceCredential
 } from "../chunk-6A7MYOUI.js";
 import "../chunk-S5SRJJQG.js";
-import "../chunk-NO2YNV5C.js";
+import "../chunk-YXLN4PXK.js";
 import {
   APP_TOOL_NAMES,
   buildAppToolOpenAITools,
@@ -31,11 +31,11 @@ import {
   defineAppTool,
   findCustomTool,
   isAppToolName
-} from "../chunk-6CKNC32J.js";
+} from "../chunk-AJZ3EJB5.js";
 import "../chunk-UGWQLQDS.js";
 import {
   ToolInputError
-} from "../chunk-7PSYT35Z.js";
+} from "../chunk-7BYY7QKC.js";
 export {
   APP_TOOL_NAMES,
   DEFAULT_APP_TOOL_PATHS,

package/dist/web-react/action-dialog.d.ts

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
-export declare function ActionDialogButton({ children, onClick, disabled, variant, }: {
+export declare function ActionDialogButton({ children, onClick, disabled, variant }: {
     children: ReactNode;
     onClick: () => void;
     disabled?: boolean;
     variant?: 'primary' | 'ghost' | 'destructive';
 }): import("react").JSX.Element;
-export declare function ActionDialog({ title, children, footer, onClose, busy, error, }: {
+export declare function ActionDialog({ title, children, footer, onClose, busy, error }: {
     title: string;
     children: ReactNode;
     footer: ReactNode;

package/dist/web-react/agent-profile-editor.js

@@ -1,7 +1,7 @@
 import {
   AGENT_PROFILE_EDITOR_SECTIONS,
   AgentProfileEditor
-} from "../chunk-GIJY3YCH.js";
+} from "../chunk-3RHAF2P5.js";
 import "../chunk-YESFGM56.js";
 import "../chunk-YGBEGBJY.js";
 import "../chunk-TJ4DYKF2.js";

package/dist/web-react/agent-profile-form-kit.d.ts

@@ -57,7 +57,7 @@ export interface SectionProps {
     collapsible?: boolean;
     children: ReactNode;
 }
-/** A bordered section. Collapsible sections use a native disclosure so they work without script. */
+/** Profile copy and spacing compose the shared card and disclosure. */
 export declare function Section({ title, description, summary, defaultOpen, collapsible, children }: SectionProps): import("react").JSX.Element;
 export type StatusTone = 'neutral' | 'pending' | 'success' | 'warning' | 'error';
 /** An inline status with an icon: a check in progress, a passed check, or a failure. */

package/dist/web-react/async/index.js

@@ -16,7 +16,7 @@ import {
   resolveAsyncValue,
   useAsyncResource,
   useConfirmedMutation
-} from "../../chunk-LSUELMHY.js";
+} from "../../chunk-LN5RBVGP.js";
 export {
   AsyncRequestError,
   AsyncView,

package/dist/web-react/index.d.ts

@@ -71,6 +71,8 @@ export * from './record-grid';
 export * from './command-palette';
 export * from './sparkline';
 export * from './insight-card';
+export { ReviewInbox, type ReviewInboxItem, type ReviewInboxFeedback, type ReviewInboxProps } from './review-inbox';
+export { ReviewFeedbackForm, type ReviewFeedbackFormProps, type ReviewFeedbackFormHandle, type ReviewFeedbackDraft, type ReviewVerdict } from '../hub-approvals-react/feedback';
 export * from './use-dictation';
 export { usePopover, usePending, PopoverSurface, POPOVER_SURFACE_ATTR, ModelPicker, formatModelPrice, EffortPicker, EffortMeter, effortMeterFill, effortLevelLabel, effortLevelsFromIds, reconcileEffortLevels, DEFAULT_EFFORT_LEVELS, EFFORT_METER_SEGMENTS, OVERLAY_SHADOW, fieldPickerTriggerClass, type ModelPickerProps, type EffortPickerProps, type EffortLevel, type PickerVariant, type PopoverSurfaceProps, } from './controls';
 export { AgentSessionControls, HarnessPicker, type AgentSessionControlsProps, type HarnessPickerProps, } from './agent-session-controls';

package/dist/web-react/index.js

@@ -39,6 +39,7 @@ import {
   QuestionOptionList,
   ReasoningRow,
   RecordGrid,
+  ReviewInbox,
   RunDrillIn,
   SeatPaywall,
   Sparkline,
@@ -142,14 +143,14 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-IAFPBYQQ.js";
+} from "../chunk-6ZUVYAKB.js";
 import {
   SessionHistoryPanel,
   formatSessionTimestamp,
   useInfiniteScroll,
   useSessionActions,
   useSessionHistory
-} from "../chunk-4WEUWCA4.js";
+} from "../chunk-EQRVOMMS.js";
 import {
   MENTION_PILL_CLASS
 } from "../chunk-3HUFJ5LO.js";
@@ -158,7 +159,7 @@ import {
   WorkspaceInitial,
   WorkspaceSwitcher
 } from "../chunk-UDLA3NGY.js";
-import "../chunk-QJYJOMMO.js";
+import "../chunk-A2GG4D4A.js";
 import {
   tabTerminalConnectionId,
   useSandboxTerminalConnection
@@ -167,7 +168,7 @@ import {
   AGENT_PROFILE_EDITOR_SECTIONS,
   AgentProfileEditor,
   AgentProfileRegistryError
-} from "../chunk-GIJY3YCH.js";
+} from "../chunk-3RHAF2P5.js";
 import {
   EvidenceLineageTable,
   ExceptionList,
@@ -231,7 +232,11 @@ import {
 import {
   ProviderLogo
 } from "../chunk-RASGKEAL.js";
-import "../chunk-LSUELMHY.js";
+import "../chunk-LN5RBVGP.js";
+import {
+  ReviewFeedbackForm
+} from "../chunk-ATQQCG4I.js";
+import "../chunk-WSEXFTN4.js";
 import "../chunk-FQYAJYPW.js";
 import {
   ATTACHMENT_ACCEPT
@@ -375,6 +380,8 @@ export {
   QuestionOptionList,
   ReasoningRow,
   RecordGrid,
+  ReviewFeedbackForm,
+  ReviewInbox,
   ReviewQueuePanel,
   RouteChunkBoundary,
   RunDrillIn,

package/dist/web-react/review-inbox.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from 'react';
+import type { HubActionPreview, HubApprovalFeedback } from '../hub-approvals';
+import { type ReviewVerdict } from '../hub-approvals-react/feedback';
+export interface ReviewInboxItem {
+    id: string;
+    revision: string | number;
+    title: string;
+    kind: string;
+    createdAt: number;
+    canReview: boolean;
+    input: unknown;
+    feedback?: HubApprovalFeedback;
+    preview?: HubActionPreview;
+    approveLabel?: string;
+    allowedVerdicts?: readonly ReviewVerdict[];
+}
+export interface ReviewInboxFeedback extends HubApprovalFeedback {
+    verdict: ReviewVerdict;
+}
+export interface ReviewInboxProps {
+    items: readonly ReviewInboxItem[];
+    /** An existing deep-linked item; selected once when the round begins, without reordering it. */
+    initialSelectedId?: string;
+    renderItem: (item: ReviewInboxItem) => ReactNode;
+    /** Resolves only after the verdict and its learning signal have been stored. */
+    onVerdict: (item: ReviewInboxItem, decision: ReviewInboxFeedback) => Promise<void>;
+    onFeedback?: (item: ReviewInboxItem, feedback: Omit<ReviewInboxFeedback, 'verdict'>) => Promise<void>;
+    loading?: boolean;
+    error?: string | null;
+    onRefresh?: () => void | Promise<void>;
+}
+/** One oldest-first review round. Domain rendering, storage and authority stay with the host. */
+export declare function ReviewInbox({ items, initialSelectedId, renderItem, onVerdict, onFeedback, loading, error, onRefresh }: ReviewInboxProps): import("react").JSX.Element;

package/dist/work-product/index.js

@@ -16,11 +16,11 @@ import {
 } from "../chunk-3NVVBQ2U.js";
 import {
   defineAppTool
-} from "../chunk-6CKNC32J.js";
+} from "../chunk-AJZ3EJB5.js";
 import "../chunk-UGWQLQDS.js";
 import {
   ToolInputError
-} from "../chunk-7PSYT35Z.js";
+} from "../chunk-7BYY7QKC.js";
 import {
   isWorkProductStatus,
   parseAgentCheckInput,

package/dist/workspace-react/index.js

@@ -5,7 +5,7 @@ import {
 import {
   ActionDialog,
   ActionDialogButton
-} from "../chunk-QJYJOMMO.js";
+} from "../chunk-A2GG4D4A.js";
 import {
   buildSessionNavItem,
   composeSidebarSessions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.60.178",
+  "version": "0.60.180",
   "packageManager": "pnpm@11.24.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [
@@ -701,7 +701,7 @@
     "@tangle-network/hub-sdk": "0.30.2",
     "@tangle-network/sandbox": "0.60.49",
     "@tangle-network/sandbox-ui": "0.134.7",
-    "@tangle-network/ui": "11.35.0",
+    "@tangle-network/ui": "11.38.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.6",