@salesforce/ui-bundle-template-app-react-sample-b2e 12.6.3 → 12.7.0

package/dist/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [12.7.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.6.3...v12.7.0) (2026-09-22)
+
+
+### Bug Fixes
+
+* **template-sfdx-project:** preserve target network sender addresses @W-24209513@ ([#993](https://github.com/salesforce-experience-platform-emu/webapps/issues/993)) ([fddbfdd](https://github.com/salesforce-experience-platform-emu/webapps/commit/fddbfddcb41270720372b0fd4c486f043d9ba8c5))
+
+
+
 ## [12.6.3](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.6.2...v12.6.3) (2026-09-14)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/uiBundles/propertymanagementapp/package.json

@@ -19,8 +19,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^12.6.3",
-    "@salesforce/ui-bundle": "^12.6.3",
+    "@salesforce/platform-sdk": "^12.7.0",
+    "@salesforce/ui-bundle": "^12.7.0",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -47,8 +47,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^12.6.3",
-    "@salesforce/vite-plugin-ui-bundle": "^12.6.3",
+    "@salesforce/graphiti": "^12.7.0",
+    "@salesforce/vite-plugin-ui-bundle": "^12.7.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
@@ -56,7 +56,7 @@
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "@vitest/ui": "^4.1.0",
+    "@vitest/ui": "^4.1.11",
     "eslint": "^9.39.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -71,7 +71,7 @@
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",
     "vite-plugin-graphql-codegen": "^3.6.3",
-    "vitest": "^4.1.0"
+    "vitest": "^4.1.11"
   },
   "overrides": {
     "lodash": "^4.18.1",

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/api/graphql-operations-types.ts

@@ -7,8 +7,7 @@ export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> =
 	[_ in K]?: never;
 };
 export type Incremental<T> =
-	| T
-	| { [P in keyof T]?: P extends " $fragmentName" | "__typename" ? T[P] : never };
+	T | { [P in keyof T]?: P extends " $fragmentName" | "__typename" ? T[P] : never };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
 	ID: { input: string; output: string };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/appLayout.tsx

@@ -1,12 +1,37 @@
-import { useState } from "react";
-import { Outlet } from "react-router";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Outlet, useLocation, matchPath } from "react-router";
 import { TopBar } from "./components/layout/TopBar";
 import { VerticalNav } from "./components/layout/VerticalNav";
 import { AgentforceConversationClient } from "./components/AgentforceConversationClient";
+import { LIST_PAGE_ROUTES, PATHS } from "./lib/routeConfig";
 import { Toaster } from "./components/ui/sonner";
 
+const PAGE_TITLES = [
+	{ path: PATHS.HOME, label: "Dashboard" },
+	{ path: PATHS.SEARCH, label: "Search" },
+	...Object.values(LIST_PAGE_ROUTES),
+];
+
 export default function AppLayout() {
 	const [isNavOpen, setIsNavOpen] = useState(false);
+	const closeNav = useCallback(() => setIsNavOpen(false), []);
+	const location = useLocation();
+	const mainRef = useRef<HTMLElement>(null);
+	const previousPathname = useRef<string | null>(null);
+
+	useEffect(() => {
+		const title = PAGE_TITLES.find((page) => matchPath(page.path, location.pathname))?.label;
+		document.title = `${title ?? "Page Not Found"} · ZENLEASE`;
+		if (previousPathname.current !== null && previousPathname.current !== location.pathname) {
+			const main = mainRef.current;
+			const target = main?.querySelector<HTMLElement>("h1") ?? main;
+			if (target) {
+				if (!target.hasAttribute("tabindex")) target.setAttribute("tabindex", "-1");
+				target.focus();
+			}
+		}
+		previousPathname.current = location.pathname;
+	}, [location.pathname]);
 
 	return (
 		<div className="flex flex-col">
@@ -18,15 +43,15 @@ export default function AppLayout() {
 				Skip to main content
 			</a>
 			{/* Top Bar */}
-			<TopBar onMenuClick={() => setIsNavOpen(true)} />
+			<TopBar isOpen={isNavOpen} onMenuClick={() => setIsNavOpen(true)} />
 
 			{/* Main Content Area with Sidebar */}
 			<div className="flex flex-1 overflow-hidden">
 				{/* Vertical Navigation */}
-				<VerticalNav isOpen={isNavOpen} onClose={() => setIsNavOpen(false)} />
+				<VerticalNav isOpen={isNavOpen} onClose={closeNav} />
 
 				{/* Page Content */}
-				<main id="main-content" className="flex-1 overflow-auto">
+				<main id="main-content" ref={mainRef} className="flex-1 overflow-auto">
 					<Outlet />
 				</main>
 			</div>

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/applications/ApplicationDetailsModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useRef } from "react";
 import {
 	Dialog,
 	DialogContent,
@@ -25,6 +25,7 @@ export const ApplicationDetailsModal: React.FC<ApplicationDetailsModalProps> = (
 	const status = application.Status__c?.value || "Unknown";
 	const [selectedStatus, setSelectedStatus] = useState(status);
 	const [isSaving, setIsSaving] = useState(false);
+	const statusSelectRef = useRef<HTMLSelectElement>(null);
 
 	const isStatusEditable =
 		status.toLowerCase() !== "approved" && status.toLowerCase() !== "rejected";
@@ -40,6 +41,7 @@ export const ApplicationDetailsModal: React.FC<ApplicationDetailsModalProps> = (
 			onClose();
 		} catch (error) {
 			console.error("Error saving status:", error);
+			statusSelectRef.current?.focus();
 		} finally {
 			setIsSaving(false);
 		}
@@ -100,6 +102,7 @@ export const ApplicationDetailsModal: React.FC<ApplicationDetailsModalProps> = (
 						</h3>
 						{isStatusEditable ? (
 							<select
+								ref={statusSelectRef}
 								value={selectedStatus}
 								onChange={(e) => setSelectedStatus(e.target.value)}
 								aria-label="Application status"

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/dashboard/GlobalSearchBar.tsx

@@ -75,7 +75,7 @@ export function GlobalSearchBar({
 					value={searchQuery}
 					onChange={(e) => onSearchQueryChange(e.target.value)}
 					onKeyDown={handleKeyDown}
-					className="flex-1 outline-none text-gray-600 bg-transparent min-w-0"
+					className="flex-1 outline-none focus-visible:ring-2 focus-visible:ring-gray-600 rounded-sm text-gray-600 placeholder:text-gray-600 bg-transparent min-w-0"
 					aria-label={`Search ${labelPlural}`}
 				/>
 				<button

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/dashboard/IssuesDonutChart.tsx

@@ -57,9 +57,9 @@ export const IssuesDonutChart: React.FC<IssuesDonutChartProps> = ({ data, loadin
 
 	return (
 		<Card className="p-4 border-gray-200 shadow-sm flex flex-col relative">
-			<h3 className="text-sm font-medium text-primary-purple mb-2 uppercase tracking-wide">
+			<h2 className="text-sm font-medium text-primary-purple mb-2 uppercase tracking-wide">
 				Top Maintenance Issues
-			</h3>
+			</h2>
 			{loading ? (
 				<>
 					<div className="flex items-center justify-center" style={{ height: 300 }}>

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/dashboard/MaintenanceTable.tsx

@@ -50,80 +50,82 @@ export const MaintenanceTable: React.FC<MaintenanceTableProps> = ({ requests, lo
 					See All
 				</Button>
 			</div>
-			<ul className="space-y-4">
-				{loading ? (
-					Array.from({ length: 5 }, (_, i) => (
-						<li key={i} className="flex items-center p-4 bg-gray-50 rounded-lg">
-							<Skeleton className="w-12 h-12 rounded-lg shrink-0" />
-							<div className="ml-4 w-64 shrink-0 space-y-2">
-								<Skeleton className="h-4 w-40" />
-								<Skeleton className="h-3 w-32" />
-							</div>
-							<div className="ml-4 w-80 shrink-0">
-								<Skeleton className="h-3 w-56" />
-							</div>
-							<div className="ml-4 w-48 shrink-0 flex items-center gap-2">
-								<Skeleton className="w-8 h-8 rounded-full shrink-0" />
-								<Skeleton className="h-4 w-24" />
-							</div>
-						</li>
-					))
-				) : requests.length === 0 ? (
-					<li className="text-center py-8 text-gray-500">No maintenance requests</li>
-				) : (
-					requests.slice(0, 5).map((request) => {
-						const issueType = request.Type__c?.value || "General";
-						const propertyAddress = request.Property__r?.Address__c?.value || "Unknown Address";
-						const description = request.Description__c?.value || "";
-						const tenantName = request.User__r?.Name?.value || "Unknown";
+			{!loading && requests.length === 0 ? (
+				<p className="text-center py-8 text-gray-500">No maintenance requests</p>
+			) : (
+				<ul role="list" aria-hidden={loading || undefined} className="space-y-4">
+					{loading
+						? Array.from({ length: 5 }, (_, i) => (
+								<li key={i} className="flex items-center p-4 bg-gray-50 rounded-lg">
+									<Skeleton className="w-12 h-12 rounded-lg shrink-0" />
+									<div className="ml-4 w-64 shrink-0 space-y-2">
+										<Skeleton className="h-4 w-40" />
+										<Skeleton className="h-3 w-32" />
+									</div>
+									<div className="ml-4 w-80 shrink-0">
+										<Skeleton className="h-3 w-56" />
+									</div>
+									<div className="ml-4 w-48 shrink-0 flex items-center gap-2">
+										<Skeleton className="w-8 h-8 rounded-full shrink-0" />
+										<Skeleton className="h-4 w-24" />
+									</div>
+								</li>
+							))
+						: requests.slice(0, 5).map((request) => {
+								const issueType = request.Type__c?.value || "General";
+								const propertyAddress = request.Property__r?.Address__c?.value || "Unknown Address";
+								const description = request.Description__c?.value || "";
+								const tenantName = request.User__r?.Name?.value || "Unknown";
 
-						return (
-							<li
-								key={request.Id}
-								className="flex items-center p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors"
-							>
-								<div
-									className={`flex items-center justify-center w-12 h-12 ${issueIconColors[issueType] || "bg-purple-100"} rounded-lg flex-shrink-0`}
-								>
-									{issueIcons[issueType] ? (
-										<img src={issueIcons[issueType]} alt={issueType} className="w-6 h-6" />
-									) : (
-										<span className="text-2xl">🔧</span>
-									)}
-								</div>
+								return (
+									<li
+										key={request.Id}
+										className="flex items-center p-4 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors"
+									>
+										<div
+											className={`flex items-center justify-center w-12 h-12 ${issueIconColors[issueType] || "bg-purple-100"} rounded-lg flex-shrink-0`}
+										>
+											{issueIcons[issueType] ? (
+												<img src={issueIcons[issueType]} alt="" className="w-6 h-6" />
+											) : (
+												<span className="text-2xl">🔧</span>
+											)}
+										</div>
 
-								<div className="ml-4 w-64 flex-shrink-0">
-									<div className="flex items-center gap-2 mb-1">
-										<h3 className="font-semibold text-gray-900">{issueType}</h3>
-										<span className="text-gray-500">|</span>
-										<span className="text-sm text-gray-600 truncate">
-											{propertyAddress.split(",")[0]}
-										</span>
-									</div>
-									<p className="text-sm text-gray-500">
-										Request ID: {request.Id.substring(0, 8)}...
-									</p>
-								</div>
+										<div className="ml-4 w-64 flex-shrink-0">
+											<div className="flex items-center gap-2 mb-1">
+												<h3 className="font-semibold text-gray-900">{issueType}</h3>
+												<span className="text-gray-500">|</span>
+												<span className="text-sm text-gray-600 truncate">
+													{propertyAddress.split(",")[0]}
+												</span>
+											</div>
+											<p className="text-sm text-gray-500">
+												Request ID: {request.Id.substring(0, 8)}...
+											</p>
+										</div>
 
-								<div className="ml-4 w-80 flex-shrink-0">
-									<p className="text-sm text-gray-700 truncate">
-										{description || "No description"}
-									</p>
-								</div>
+										<div className="ml-4 w-80 flex-shrink-0">
+											<p className="text-sm text-gray-700 truncate">
+												{description || "No description"}
+											</p>
+										</div>
 
-								<div className="ml-4 w-48 flex-shrink-0 flex items-center gap-2">
-									<div className="w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center flex-shrink-0">
-										<span className="text-sm font-medium text-gray-700">
-											{tenantName.charAt(0) || "?"}
-										</span>
-									</div>
-									<span className="text-sm text-gray-700 font-medium truncate">{tenantName}</span>
-								</div>
-							</li>
-						);
-					})
-				)}
-			</ul>
+										<div className="ml-4 w-48 flex-shrink-0 flex items-center gap-2">
+											<div className="w-8 h-8 bg-gray-300 rounded-full flex items-center justify-center flex-shrink-0">
+												<span className="text-sm font-medium text-gray-700">
+													{tenantName.charAt(0) || "?"}
+												</span>
+											</div>
+											<span className="text-sm text-gray-700 font-medium truncate">
+												{tenantName}
+											</span>
+										</div>
+									</li>
+								);
+							})}
+				</ul>
+			)}
 		</Card>
 	);
 };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/layout/TopBar.tsx

@@ -5,9 +5,10 @@ import { getUserInfo } from "../../api/dashboard/dashboard";
 
 interface TopBarProps {
 	onMenuClick?: () => void;
+	isOpen?: boolean;
 }
 
-export const TopBar: React.FC<TopBarProps> = ({ onMenuClick }) => {
+export const TopBar: React.FC<TopBarProps> = ({ onMenuClick, isOpen = false }) => {
 	const [userName, setUserName] = useState<string>("User");
 
 	useEffect(() => {
@@ -27,6 +28,8 @@ export const TopBar: React.FC<TopBarProps> = ({ onMenuClick }) => {
 					onClick={onMenuClick}
 					className="p-2 hover:bg-purple-700 rounded-md transition-colors md:hidden"
 					aria-label="Toggle menu"
+					aria-expanded={isOpen}
+					aria-controls={isOpen ? "mobile-nav" : undefined}
 				>
 					<Menu className="w-6 h-6" />
 				</button>

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/layout/VerticalNav.tsx

@@ -1,6 +1,7 @@
-import React from "react";
+import { Dialog } from "radix-ui";
+import React, { useRef } from "react";
 import { Link, useLocation } from "react-router";
-import { Search as SearchIcon } from "lucide-react";
+import { Search as SearchIcon, X } from "lucide-react";
 import dashboardIcon from "../../assets/icons/dashboard.svg";
 import filesIcon from "../../assets/icons/files.svg";
 import propertiesIcon from "../../assets/icons/properties.svg";
@@ -31,6 +32,10 @@ interface VerticalNavProps {
 
 export const VerticalNav: React.FC<VerticalNavProps> = ({ isOpen = false, onClose }) => {
 	const location = useLocation();
+	const mobileNavRef = useRef<HTMLElement>(null);
+
+	const triggerRef = useRef<HTMLElement | null>(null);
+	const navigatingRef = useRef(false);
 
 	const isActive = (path: string) => {
 		if (path === "/") {
@@ -46,7 +51,19 @@ export const VerticalNav: React.FC<VerticalNavProps> = ({ isOpen = false, onClos
 				<Link
 					key={item.path}
 					to={item.path}
-					onClick={handleClick}
+					onClick={
+						handleClick
+							? (event) => {
+									navigatingRef.current =
+										item.path !== location.pathname &&
+										!event.metaKey &&
+										!event.ctrlKey &&
+										!event.shiftKey &&
+										!event.altKey;
+									handleClick();
+								}
+							: undefined
+					}
 					aria-current={isActive(item.path) ? "page" : undefined}
 					className={`flex flex-col items-center justify-center gap-2 py-4 px-2 transition-colors ${
 						isActive(item.path)
@@ -75,18 +92,48 @@ export const VerticalNav: React.FC<VerticalNavProps> = ({ isOpen = false, onClos
 				{navContent()}
 			</nav>
 
-			{/* Mobile overlay */}
-			{isOpen && (
-				<>
-					<div className="fixed inset-0 z-40 bg-black/50" onClick={onClose} aria-hidden />
-					<nav
-						aria-label="Main menu"
-						className="fixed left-0 top-0 bottom-0 z-50 flex flex-col w-24 bg-white border-r border-gray-200 py-8 space-y-4"
+			<Dialog.Root
+				open={isOpen}
+				onOpenChange={(open) => {
+					if (!open) onClose?.();
+				}}
+			>
+				<Dialog.Portal>
+					<Dialog.Overlay className="fixed inset-0 z-40 bg-black/50" />
+					<Dialog.Content
+						aria-describedby={undefined}
+						className="fixed inset-y-0 left-0 z-50 w-24 overflow-y-auto border-r border-gray-200 bg-white py-4"
+						onOpenAutoFocus={(event) => {
+							event.preventDefault();
+							triggerRef.current =
+								document.activeElement instanceof HTMLElement ? document.activeElement : null;
+							navigatingRef.current = false;
+							mobileNavRef.current?.focus();
+						}}
+						onCloseAutoFocus={(event) => {
+							event.preventDefault();
+							if (!navigatingRef.current) triggerRef.current?.focus();
+						}}
 					>
-						{navContent(onClose)}
-					</nav>
-				</>
-			)}
+						<Dialog.Title className="sr-only">Navigation menu</Dialog.Title>
+						<Dialog.Close
+							className="mx-auto mb-2 flex size-11 items-center justify-center rounded-md text-gray-600 focus-visible:outline-2 focus-visible:outline-offset-2"
+							aria-label="Close navigation"
+						>
+							<X className="size-5" aria-hidden />
+						</Dialog.Close>
+						<nav
+							id="mobile-nav"
+							ref={mobileNavRef}
+							tabIndex={-1}
+							aria-label="Main menu"
+							className="flex flex-col gap-4 outline-none"
+						>
+							{navContent(onClose)}
+						</nav>
+					</Dialog.Content>
+				</Dialog.Portal>
+			</Dialog.Root>
 		</>
 	);
 };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/maintenanceRequests/MaintenanceDetailsModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useRef } from "react";
 import {
 	Dialog,
 	DialogContent,
@@ -37,6 +37,7 @@ export const MaintenanceDetailsModal: React.FC<MaintenanceDetailsModalProps> = (
 	const status = request.Status__c?.value || "New";
 	const [selectedStatus, setSelectedStatus] = useState(status);
 	const [isSaving, setIsSaving] = useState(false);
+	const statusSelectRef = useRef<HTMLSelectElement>(null);
 
 	// Determine if status is editable
 	// All statuses except Resolved can be edited
@@ -54,6 +55,7 @@ export const MaintenanceDetailsModal: React.FC<MaintenanceDetailsModalProps> = (
 			onClose();
 		} catch (error) {
 			console.error("Error saving status:", error);
+			statusSelectRef.current?.focus();
 		} finally {
 			setIsSaving(false);
 		}
@@ -133,6 +135,7 @@ export const MaintenanceDetailsModal: React.FC<MaintenanceDetailsModalProps> = (
 						</h3>
 						{isStatusEditable ? (
 							<select
+								ref={statusSelectRef}
 								value={selectedStatus}
 								onChange={(e) => setSelectedStatus(e.target.value)}
 								aria-label="Maintenance request status"

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/ui/button.tsx

@@ -5,7 +5,7 @@ import { Slot } from 'radix-ui';
 import { cn } from '../../lib/utils';
 
 const buttonVariants = cva(
-  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
+  "focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
   {
     variants: {
       variant: {
@@ -17,7 +17,7 @@ const buttonVariants = cva(
         ghost:
           'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
         destructive:
-          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-red-700 dark:text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
+          'bg-destructive/10 hover:bg-destructive/20 dark:bg-destructive/20 text-red-700 dark:text-destructive dark:hover:bg-destructive/30',
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/ui/checkbox.tsx

@@ -14,7 +14,7 @@ function Checkbox({
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',
+        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
       {...props}

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/ui/input.tsx

@@ -8,7 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
       type={type}
       data-slot="input"
       className={cn(
-        'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground/70 placeholder:italic w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+        'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground placeholder:italic w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
       {...props}

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/components/ui/select.tsx

@@ -42,7 +42,7 @@ function SelectTrigger({
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       )}
       {...props}

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/adapters/sobject/parseResponse.ts

@@ -31,8 +31,7 @@ export function parseSObjectResponse(
 	request: SourceRequest<SObjectSourceConfig>,
 ): SourceResult | null {
 	const queryRoot = (root?.uiapi as Record<string, unknown> | undefined)?.query as
-		| Record<string, RawSourceResult | null | undefined>
-		| undefined;
+		Record<string, RawSourceResult | null | undefined> | undefined;
 
 	const raw = queryRoot?.[request.source.key];
 	if (raw == null) return null;

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/api/distinctValuesService.ts

@@ -64,18 +64,15 @@ export async function fetchDistinctValues(
 
 	const root = response.data as Record<string, unknown> | undefined;
 	const aggregate = (root?.uiapi as Record<string, unknown> | undefined)?.aggregate as
-		| Record<string, unknown>
-		| undefined;
+		Record<string, unknown> | undefined;
 	const objectAgg = aggregate?.[objectName] as
-		| { edges?: Array<{ node?: { aggregate?: Record<string, unknown> } }> }
-		| undefined;
+		{ edges?: Array<{ node?: { aggregate?: Record<string, unknown> } }> } | undefined;
 	const edges = objectAgg?.edges ?? [];
 
 	return edges
 		.map((edge) => {
 			const field = edge?.node?.aggregate?.[fieldName] as
-				| { value?: string | null; displayValue?: string | null; label?: string | null }
-				| undefined;
+				{ value?: string | null; displayValue?: string | null; label?: string | null } | undefined;
 			const value = field?.value;
 			if (value == null || value === "") return null;
 			return { value, label: field?.label ?? field?.displayValue ?? value };

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/components/MergedSearchResults.tsx

@@ -171,14 +171,14 @@ export function MergedSearchResults({
 						<Skeleton key={i} className="h-48 w-full rounded-lg" />
 					))}
 				</div>
-			) : isShortQuery ? (
+			) : error ? null : isShortQuery ? (
 				<p className="py-12 text-center text-sm text-muted-foreground">{shortQueryMessage}</p>
 			) : mergedResults.length === 0 ? (
 				<p className="py-12 text-center text-sm text-muted-foreground">
 					{emptyMessage ?? "No results found."}
 				</p>
 			) : (
-				<ul className={gridClassName}>
+				<ul role="list" className={gridClassName}>
 					{mergedResults.map(({ sourceKey, node }, i) => {
 						const source = handle.sources[sourceKey]?.config;
 						if (!source) return null;

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/components/SourceSection.tsx

@@ -159,7 +159,7 @@ export function SourceSection({
 					)}
 
 					{showResults && (
-						<ul className="divide-y">
+						<ul role="list" className="divide-y">
 							{nodes.map((node, i) => (
 								<li key={getNodeKey(node, idField, i)} className="py-3">
 									{renderResult(node)}

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/components/__tests__/MergedSearchResults.test.tsx

@@ -70,6 +70,27 @@ function renderMerged(handle: SearchHandle) {
 }
 
 describe("<MergedSearchResults> empty vs. short-query messaging", () => {
+	it("distinguishes a failed request from a successful search with no matches", () => {
+		const { rerender } = renderMerged(makeHandle({ q: "Sunset", error: "Service unavailable" }));
+
+		expect(screen.getByRole("status")).toHaveTextContent("Search failed.");
+		expect(screen.queryByText("No results found.")).not.toBeInTheDocument();
+
+		rerender(
+			<MemoryRouter>
+				<MergedSearchResults handle={makeHandle({ q: "Sunset", loading: true })} />
+			</MemoryRouter>,
+		);
+		expect(screen.getByRole("status")).toHaveTextContent("Searching…");
+
+		rerender(
+			<MemoryRouter>
+				<MergedSearchResults handle={makeHandle({ q: "Sunset" })} />
+			</MemoryRouter>,
+		);
+		expect(screen.getAllByText("No results found.")).toHaveLength(2);
+	});
+
 	it("prompts for a longer query below MIN_QUERY_LENGTH, and reports zero matches at/above it", () => {
 		const { rerender } = renderMerged(makeHandle({ q: "ab", mergedResults: [] }));
 

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/types.ts

@@ -31,9 +31,7 @@ export type { CmsSourceConfig };
  * it explicitly.
  */
 export type DisplayField =
-	| string
-	| { name: string; raw: true }
-	| { name: string; subfields: DisplayField[] };
+	string | { name: string; raw: true } | { name: string; subfields: DisplayField[] };
 
 /** Configuration for one SObject source in a search experience. */
 export interface SObjectSourceConfig {

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/pages/Home.tsx

@@ -44,6 +44,7 @@ export default function Home() {
 		topMaintenanceIssueCount: 0,
 	});
 	const [metricsLoading, setMetricsLoading] = useState(true);
+	const [metricsError, setMetricsError] = useState(false);
 	const [maintenanceRequests, setMaintenanceRequests] = useState<
 		NonNullable<DashboardMaintenanceNode>[]
 	>([]);
@@ -59,7 +60,10 @@ export default function Home() {
 					setMaintenanceRequests(rawRequests);
 				}
 			} catch (error) {
-				if (!cancelled) console.error("Error loading dashboard metrics:", error);
+				if (!cancelled) {
+					console.error("Error loading dashboard metrics:", error);
+					setMetricsError(true);
+				}
 			} finally {
 				if (!cancelled) setMetricsLoading(false);
 			}
@@ -134,6 +138,9 @@ export default function Home() {
 		<PageContainer>
 			<div className="max-w-7xl mx-auto space-y-6">
 				<h1 className="sr-only">Dashboard</h1>
+				<div role="status" aria-live="polite" className="sr-only">
+					{metricsLoading ? "Loading dashboard…" : metricsError ? "" : "Dashboard loaded."}
+				</div>
 				<GlobalSearchBar
 					searchableObjects={SEARCHABLE_OBJECTS}
 					selectedObjectApiName={selectedObjectApiName}
@@ -145,41 +152,47 @@ export default function Home() {
 					labelPlural={labelPlural}
 				/>
 
-				<div className="grid grid-cols-1 lg:grid-cols-[70%_30%] gap-6">
-					<div className="space-y-6">
-						<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-							<StatCard
-								title="Total Properties"
-								loading={metricsLoading}
-								value={metrics.totalProperties}
-								trend={{ value: trends.totalProperties.trend, isPositive: true }}
-								subtitle={`Last month total ${trends.totalProperties.previous}`}
-							/>
-							<StatCard
-								title="Units Available"
+				{metricsError ? (
+					<p role="alert" className="text-destructive">
+						Unable to load dashboard data. Reload this page to try again.
+					</p>
+				) : (
+					<div className="grid grid-cols-1 lg:grid-cols-[70%_30%] gap-6">
+						<div className="space-y-6">
+							<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+								<StatCard
+									title="Total Properties"
+									loading={metricsLoading}
+									value={metrics.totalProperties}
+									trend={{ value: trends.totalProperties.trend, isPositive: true }}
+									subtitle={`Last month total ${trends.totalProperties.previous}`}
+								/>
+								<StatCard
+									title="Units Available"
+									loading={metricsLoading}
+									value={metrics.unitsAvailable}
+									trend={{ value: trends.unitsAvailable.trend, isPositive: false }}
+									subtitle={`Last month total ${trends.unitsAvailable.previous}/${metrics.totalProperties}`}
+								/>
+								<StatCard
+									title="Occupied Units"
+									loading={metricsLoading}
+									value={metrics.occupiedUnits}
+									trend={{ value: trends.occupiedUnits.trend, isPositive: true }}
+									subtitle={`Last month total ${trends.occupiedUnits.previous}`}
+								/>
+							</div>
+							<MaintenanceTable
+								requests={maintenanceRequests}
 								loading={metricsLoading}
-								value={metrics.unitsAvailable}
-								trend={{ value: trends.unitsAvailable.trend, isPositive: false }}
-								subtitle={`Last month total ${trends.unitsAvailable.previous}/${metrics.totalProperties}`}
-							/>
-							<StatCard
-								title="Occupied Units"
-								loading={metricsLoading}
-								value={metrics.occupiedUnits}
-								trend={{ value: trends.occupiedUnits.trend, isPositive: true }}
-								subtitle={`Last month total ${trends.occupiedUnits.previous}`}
+								onView={handleViewMaintenance}
 							/>
 						</div>
-						<MaintenanceTable
-							requests={maintenanceRequests}
-							loading={metricsLoading}
-							onView={handleViewMaintenance}
-						/>
-					</div>
-					<div>
-						<IssuesDonutChart data={chartData} loading={metricsLoading} />
+						<div>
+							<IssuesDonutChart data={chartData} loading={metricsLoading} />
+						</div>
 					</div>
-				</div>
+				)}
 			</div>
 		</PageContainer>
 	);

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/styles/global.css

@@ -113,7 +113,7 @@
   --destructive: oklch(0.577 0.245 27.325);
   --border: oklch(0.922 0 0);
   --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
+  --ring: oklch(0.556 0 0);
   --chart-1: oklch(0.646 0.222 41.116);
   --chart-2: oklch(0.6 0.118 184.704);
   --chart-3: oklch(0.398 0.07 227.392);
@@ -165,7 +165,7 @@
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    @apply border-border outline-ring;
   }
   body {
     @apply bg-background text-foreground;

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.6.3",
+  "version": "12.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "12.6.3",
+      "version": "12.7.0",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "fast-xml-parser": "^5.9.3",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.6.3",
+  "version": "12.7.0",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/dist/scripts/network-senders.mjs

@@ -0,0 +1,84 @@
+import { execFileSync } from 'node:child_process';
+import { existsSync, readdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { join, resolve, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { XMLBuilder } from 'fast-xml-parser';
+import { parseNetworkDocument, NetworkXmlError } from './org-setup-xml.mjs';
+import { escapeSoqlString } from './org-setup-utils.mjs';
+
+const builder = new XMLBuilder({
+  ignoreAttributes: false,
+  commentPropName: '#comment',
+  format: true,
+  indentBy: '    ',
+  suppressEmptyNode: true,
+});
+
+export function preserveNetworkSenders(projectDir, targetOrg, run = execFileSync) {
+  const project = JSON.parse(readFileSync(join(projectDir, 'sfdx-project.json'), 'utf8'));
+  const files = (project.packageDirectories ?? []).flatMap(({ path }) => {
+    const dir = join(projectDir, path, 'main/default/networks');
+    if (!existsSync(dir)) return [];
+    return readdirSync(dir)
+      .filter((name) => name.endsWith('.network-meta.xml'))
+      .map((name) => ({ name: name.slice(0, -'.network-meta.xml'.length), path: join(dir, name) }));
+  });
+  if (!files.length) return;
+
+  const names = [...new Set(files.map(({ name }) => `'${escapeSoqlString(name)}'`))];
+  const response = JSON.parse(run('sf', [
+    'data', 'query', '--target-org', targetOrg,
+    '--query', `SELECT Name, EmailSenderAddress FROM Network WHERE Name IN (${names.join(',')})`,
+    '--json',
+  ], { cwd: projectDir, encoding: 'utf8', stdio: ['ignore', 'pipe', 'pipe'], timeout: 60000 }));
+  if (response.status !== 0 || !Array.isArray(response.result?.records) || !response.result.done) {
+    throw new Error('Could not read all target Network sender addresses; deployment stopped.');
+  }
+  const senders = new Map(response.result.records.map((record) => [record.Name, record.EmailSenderAddress]));
+
+  const updates = files.map((file) => {
+    const original = readFileSync(file.path, 'utf8');
+    const document = parseNetworkDocument(original);
+    const network = document.Network;
+    let changed = false;
+    if (senders.has(file.name)) {
+      const sender = senders.get(file.name);
+      if (typeof sender !== 'string' || !sender.trim()) {
+        throw new Error(`The target Network "${file.name}" has no sender address; deployment stopped.`);
+      }
+      if (typeof network.emailSenderAddress !== 'string') {
+        throw new NetworkXmlError(`Expected one emailSenderAddress in ${file.name}.network-meta.xml`);
+      }
+      if (network.emailSenderAddress !== sender) {
+        network.emailSenderAddress = sender;
+        changed = true;
+      }
+    }
+    // Sender changes belong to the site's Administration workspace.
+    if ('newSenderAddress' in network) {
+      delete network.newSenderAddress;
+      changed = true;
+    }
+    return { ...file, xml: changed ? builder.build(document) : original, changed };
+  });
+
+  for (const file of updates) {
+    if (file.changed) writeFileSync(file.path, file.xml);
+  }
+}
+
+if (process.argv[1] && resolve(process.argv[1]) === fileURLToPath(import.meta.url)) {
+  const args = process.argv.slice(2);
+  if (args.length !== 2 || args[0] !== '--target-org' || !args[1].trim()) {
+    console.error('Usage: node scripts/network-senders.mjs --target-org <alias>');
+    process.exitCode = 1;
+  } else {
+    try {
+      preserveNetworkSenders(resolve(dirname(fileURLToPath(import.meta.url)), '..'), args[1]);
+      console.log('Network metadata prepared with the target org sender addresses.');
+    } catch (error) {
+      console.error(`Network metadata preparation failed: ${error.message}`);
+      process.exitCode = 1;
+    }
+  }
+}

package/dist/scripts/org-setup-xml.mjs

@@ -39,6 +39,7 @@ const parser = new XMLParser({
   ignoreAttributes: false,
   parseTagValue: false,
   parseAttributeValue: false,
+  commentPropName: '#comment',
 });
 
 /**
@@ -73,22 +74,26 @@ export function assertSafeProfileName(name) {
 }
 
 /**
- * Parse + assert this is a Network metadata document. Returns the parsed
- * `Network` object. Throws NetworkXmlError if the root is missing (e.g. a file
+ * Parse + assert this is a Network metadata document. Returns the full parsed
+ * document. Throws NetworkXmlError if the root is missing (e.g. a file
  * that is not actually network metadata).
  */
-export function parseNetwork(xml) {
+export function parseNetworkDocument(xml) {
   let parsed;
   try {
-    parsed = parser.parse(xml);
+    parsed = parser.parse(xml, true);
   } catch (e) {
     throw new NetworkXmlError(`network metadata is not well-formed XML: ${e.message}`);
   }
   const network = parsed?.[NETWORK_ROOT];
-  if (network == null || typeof network !== 'object') {
+  if (network == null || typeof network !== 'object' || Array.isArray(network)) {
     throw new NetworkXmlError(`expected a <${NETWORK_ROOT}> root node, but none was found`);
   }
-  return network;
+  return parsed;
+}
+
+export function parseNetwork(xml) {
+  return parseNetworkDocument(xml)[NETWORK_ROOT];
 }
 
 /** Normalize a fast-xml-parser child (absent | scalar | array) to an array. */

package/dist/scripts/org-setup.mjs

@@ -55,6 +55,7 @@ import {
 import { tmpdir } from 'node:os';
 
 import { validateConfig } from './org-setup-config-schema.mjs';
+import { preserveNetworkSenders } from './network-senders.mjs';
 import {
   addProfileToMemberGroups,
   enableSelfRegInXml,
@@ -1149,9 +1150,14 @@ function ensureLogoutUrl(logoutUrl, siteName, targetOrg) {
   writeFileSync(networkXmlPath, result.xml);
   console.log(`  Set <logoutUrl>${absoluteUrl}</logoutUrl> in ${siteName}.network-meta.xml`);
 
-  // Re-deploy ONLY the network file (mirrors enableSelfRegistration). Best-effort:
-  // a non-zero exit (e.g. the org's emailSenderAddress differs from the shipped
-  // value and can't be updated) logs loudly and continues.
+  try {
+    preserveNetworkSenders(ROOT, targetOrg);
+  } catch (e) {
+    console.error(`  ERROR: cannot prepare Network metadata for "${siteName}" — ${e.message}. Skipping logout URL deployment.`);
+    return;
+  }
+
+  // Logout URL deployment is best-effort.
   const deployResult = spawnSync('sf', [
     'project', 'deploy', 'start',
     '--target-org', targetOrg,
@@ -1160,8 +1166,7 @@ function ensureLogoutUrl(logoutUrl, siteName, targetOrg) {
   if (deployResult.status !== 0) {
     console.error(
       `  ERROR: failed to deploy <logoutUrl> for "${siteName}" (sf exit ${deployResult.status ?? 1}). ` +
-      `If the org's Network emailSenderAddress differs from the shipped value it blocks this deploy — ` +
-      `set the logout URL manually in the site's Administration settings.`,
+      `Set the logout URL manually in the site's Administration settings.`,
     );
     return;
   }
@@ -1208,6 +1213,8 @@ function enableSelfRegistration(selfRegConfig, siteName, targetOrg) {
     writeFileSync(networkXmlPath, result.xml);
     console.log(`  Updated ${siteName}.network-meta.xml: selfRegistration=true, selfRegProfile=${selfRegProfile}`);
 
+    preserveNetworkSenders(ROOT, targetOrg);
+
     // Re-deploy only the network file
     const deployResult = spawnSync('sf', [
       'project', 'deploy', 'start',
@@ -2118,6 +2125,7 @@ async function main() {
           throw new StepError(`deploy blocked — ${licenseGate.reason}`);
         }
       }
+      preserveNetworkSenders(ROOT, targetOrg);
       run('Deploy metadata', 'sf', ['project', 'deploy', 'start', '--target-org', targetOrg], {
         timeout: 180000,
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-app-react-sample-b2e",
-  "version": "12.6.3",
+  "version": "12.7.0",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/ui-bundle": "^12.6.3",
+    "@salesforce/ui-bundle": "^12.7.0",
     "sonner": "^1.7.0"
   },
   "devDependencies": {
@@ -25,11 +25,11 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@vitest/ui": "^4.1.0",
+    "@vitest/ui": "^4.1.11",
     "jsdom": "^25.0.1",
     "react-dom": "^19.2.1",
     "react-router": "^8.0.0",
-    "vitest": "^4.1.0"
+    "vitest": "^4.1.11"
   },
   "nx": {
     "targets": {