@salesforce/webapp-template-app-react-sample-b2e-experimental 1.116.11 → 1.116.13

package/dist/AGENT.md

@@ -1,87 +1,193 @@
-# Agent guide: SFDX project with React web app
+# Agent guide: Salesforce web application development
 
-This project is a **Salesforce DX (SFDX) project** containing a **React web application**. The SFDX source path is defined in `sfdx-project.json` (`packageDirectories[].path`); the web app lives under `<sfdx-source>/webapplications/<appName>/`. Use this file when working in this directory.
+This project is a **Salesforce DX (SFDX) project** containing a **React web application**. The web app is a standalone Vite + React SPA that runs inside the Salesforce platform. Use this file when working in this project.
 
-## SFDX Source Path
+## Resolving paths
 
-The source path prefix is **not** always `force-app`. Read `sfdx-project.json` at the project root, take the first `packageDirectories[].path` value, and append `/main/default` to get `<sfdx-source>`. All paths below use this placeholder.
+Read `sfdx-project.json` at the project root. Take the first `packageDirectories[].path` value and append `/main/default` to get `<sfdx-source>`. The web app directory is:
+
+```
+<sfdx-source>/webapplications/<appName>/
+```
+
+Replace `<appName>` with the actual folder name found under `webapplications/`. The source path is **not** always `force-app` — always resolve it from `sfdx-project.json`.
 
 ## Project layout
 
-- **Project root**: this directory — SFDX project root. Contains `sfdx-project.json`, the SFDX source directory, and (optionally) LWC/Aura.
-- **React web app**: `<sfdx-source>/webapplications/<appName>/`  
-  - Replace `<appName>` with the actual app folder name (e.g. `base-react-app`, or the name chosen when the app was generated).
-  - Entry: `src/App.tsx`  
-  - Routes: `src/routes.tsx`  
-  - API/GraphQL: `src/api/` (e.g. `graphql.ts`, `graphql-operations-types.ts`, `utils/`)
+```
+<project-root>/
+├── sfdx-project.json
+├── package.json                         # SFDX root scripts 
+├── scripts/
+│   ├── setup-cli.mjs                    # One-command setup (deploy, schema, build)
+│   └── graphql-search.sh               # Schema entity lookup
+├── config/
+│   └── project-scratch-def.json
+│
+└── <sfdx-source>/
+    ├── webapplications/
+    │   └── <appName>/                   # ← React web app (primary workspace)
+    │       ├── <appName>.webapplication-meta.xml
+    │       ├── webapplication.json
+    │       ├── index.html
+    │       ├── package.json
+    │       ├── vite.config.ts / tsconfig.json
+    │       ├── vitest.config.ts / playwright.config.ts
+    │       ├── codegen.yml / .graphqlrc.yml
+    │       └── src/                     # All application code lives here
+    │
+    ├── classes/                          # Apex classes (optional)
+    ├── objects/                          # Custom objects and fields (optional)
+    ├── permissionsets/                   # Permission sets (optional)
+    ├── cspTrustedSites/                 # CSP trusted site definitions (optional)
+    ├── layouts/                          # Object layouts (optional)
+    ├── triggers/                         # Apex triggers (optional)
+    └── data/                            # Sample data for import (optional)
+```
+
+## Web application source structure
 
-Path convention: **webapplications** (lowercase).
+All application code lives inside the web app's `src/` directory:
+
+```
+src/
+├── app.tsx                  # Entry point — creates the browser router
+├── appLayout.tsx            # Shell layout (header, navigation, Outlet, footer)
+├── routes.tsx               # Single route registry for the entire app
+├── navigationMenu.tsx       # Navigation component
+├── router-utils.tsx         # Router helpers
+├── lib/utils.ts             # Utility functions (cn, etc.)
+├── styles/global.css        # Tailwind global styles
+├── api/                     # GraphQL operations, clients, data services
+├── assets/                  # Static SVGs, images
+├── components/
+│   ├── ui/                  # Shared primitives (shadcn-style: button, card, input, etc.)
+│   ├── layout/              # Layout components (header, footer, sidebar)
+│   └── <feature>/           # Feature-specific components
+├── features/                # Feature modules (auth, search, etc.)
+├── hooks/                   # Custom React hooks
+├── pages/                   # Page components (one per route)
+├── public/                  # Static assets served as-is
+└── utils/                   # Shared utilities
+```
+
+### Key files
+
+| File | Role |
+|------|------|
+| `app.tsx` | Creates `BrowserRouter`; do not add UI here |
+| `appLayout.tsx` | Source of truth for navigation, header, footer, and page shell |
+| `routes.tsx` | Single route registry; all pages are children of the layout route |
+| `<appName>.webapplication-meta.xml` | Salesforce deploy descriptor (`masterLabel`, `version`, `isActive`) |
+| `webapplication.json` | Runtime config (`outputDir`, routing) |
 
 ## Two package.json contexts
 
-### 1. Project root (this directory)
+### 1. Project root
 
-Used for SFDX metadata (LWC, Aura, etc.). Scripts here are for the base SFDX template:
+Used for SFDX metadata tooling. Scripts here target LWC/Aura, not the React app.
 
 | Command | Purpose |
 |---------|---------|
-| `npm run lint` | ESLint for `aura/` and `lwc/` |
 | `npm run test` | LWC Jest (passWithNoTests) |
-| `npm run prettier` | Format supported metadata files |
+| `npm run prettier` | Format metadata files |
 | `npm run prettier:verify` | Check Prettier |
 
-**One-command setup:** From project root run `node scripts/setup-cli.mjs --target-org <alias>` to run login (if needed), deploy, optional permset/data import, GraphQL schema/codegen, web app build, and optionally the dev server. Use `node scripts/setup-cli.mjs --help` for options (e.g. `--skip-login`, `--skip-data`, `--webapp-name`).
-
-Root **does not** run the React app. The root `npm run build` is a no-op for the base SFDX project.
+**One-command setup:** `node scripts/setup-cli.mjs --target-org <alias>` runs login, deploy, permset assignment, data import, GraphQL schema/codegen, web app build, and optionally the dev server. Use `--help` for all flags.
 
-### 2. React web app (where you do most work)
+### 2. Web app directory (primary workspace)
 
 **Always `cd` into the web app directory for dev/build/lint/test:**
 
-```bash
-cd <sfdx-source>/webapplications/<appName>
-```
-
 | Command | Purpose |
 |---------|---------|
 | `npm run dev` | Start Vite dev server |
-| `npm run build` | TypeScript (`tsc -b`) + Vite build |
+| `npm run build` | TypeScript check + Vite production build |
 | `npm run lint` | ESLint for the React app |
-| `npm run test` | Vitest |
+| `npm run test` | Vitest unit tests |
 | `npm run preview` | Preview production build |
-| `npm run graphql:codegen` | Generate GraphQL types |
-| `npm run graphql:schema` | Fetch GraphQL schema |
+| `npm run graphql:codegen` | Generate GraphQL types from schema |
+| `npm run graphql:schema` | Fetch GraphQL schema from org |
+
+**Before completing any change:** run `npm run build` and `npm run lint` from the web app directory. Both must pass with zero errors.
+
+## Development conventions
+
+### UI
+
+- **Component library:** shadcn/ui primitives in `src/components/ui/`. Always use these over raw HTML equivalents.
+- **Styling:** Tailwind CSS only. No inline `style={{}}`. Use `cn()` from `@/lib/utils` for conditional classes.
+- **Icons:** Lucide React.
+- **Path alias:** `@/*` maps to `src/*`. Use it for all imports.
+- **TypeScript:** No `any`. Use proper types, generics, or `unknown`.
+- **Components:** Accept `className?: string` prop. Extract shared state to custom hooks in `src/hooks/`.
+- **React apps must not** import Salesforce platform modules (`lightning/*`, `@wire`, LWC APIs).
+
+### Routing
 
-**Before finishing changes:** run `npm run build` and `npm run lint` from the web app directory; both must succeed.
+- React Router with `createBrowserRouter`. Route definitions live exclusively in `routes.tsx`.
+- All page routes are children of the layout route (which renders `appLayout.tsx`).
+- Default-export one component per page file.
+- The catch-all `path: '*'` route must always be last.
+- Navigation uses absolute paths (`/dashboard`). Non-router imports use dot-relative paths (`./utils`).
+- Navigation visibility is driven by `handle.showInNavigation` on route definitions.
 
-## Agent rules (.a4drules/)
+### Layout and navigation
 
-Markdown rules at the project root under **.a4drules/** define platform constraints:
+- `appLayout.tsx` owns the header, navigation menu, footer, and `<Outlet />`.
+- To modify header or footer, edit `appLayout.tsx` and create components in `src/components/layout/`.
+- To add a page, add a route in `routes.tsx` and create the page component — do not modify `appLayout.tsx` or `app.tsx` for page additions.
 
-- **`.a4drules/webapp-ui.md`** — Salesforce Web Application UI (scaffold with `sf webapp generate`, no LWC/Aura for new UI).
-- **`.a4drules/webapp-data.md`** — Salesforce data access (Data SDK only, supported APIs, GraphQL workflow, `scripts/graphql-search.sh` for schema lookup).
+### Data access (Salesforce)
 
-When rules refer to "web app directory" or `<sfdx-source>/webapplications/<appName>/`, resolve `<sfdx-source>` from `sfdx-project.json` and use the **actual app folder name** for this project.
+- **All data access uses the Data SDK** (`@salesforce/sdk-data`) via `createDataSDK()`.
+- **Never** use `fetch()` or `axios` directly for Salesforce data.
+- **GraphQL is preferred** for record operations (`sdk.graphql`). Use `sdk.fetch` only when GraphQL cannot cover the case (UI API REST, Apex REST, Connect REST, Einstein LLM).
+- Use optional chaining: `sdk.graphql?.()`, `sdk.fetch?.()`.
+- Apply the `@optional` directive to all record fields for field-level security resilience.
+- Verify field and object names via `scripts/graphql-search.sh` before writing queries.
+- Use `__SF_API_VERSION__` global for API version in REST calls.
+- **Blocked APIs:** Enterprise REST query endpoint (`/query` with SOQL), `@AuraEnabled` Apex, Chatter API.
+
+### CSP trusted sites
+
+Any external domain the app calls (APIs, CDNs, fonts) must have a `.cspTrustedSite-meta.xml` file under `<sfdx-source>/cspTrustedSites/`. Unregistered domains are blocked at runtime. Each subdomain needs its own entry. URLs must be HTTPS with no trailing slash, no path, and no wildcards.
 
 ## Deploying
 
-**Deployment order:** Metadata (objects, permission sets) must be deployed before GraphQL schema fetch. After any metadata deployment, re-run `npm run graphql:schema` and `npm run graphql:codegen` from the webapp dir. **One-command setup:** `node scripts/setup-cli.mjs --target-org <alias>` runs deploy → permset → schema → codegen in the correct order.
+**Deployment order matters.** Metadata (objects, permission sets) must be deployed before fetching the GraphQL schema. After any metadata deployment that changes objects, fields, or permissions, re-run schema fetch and codegen.
 
-From **this project root** (resolve the actual SFDX source path from `sfdx-project.json`):
+**Recommended sequence:**
 
-```bash
-# Build the React app first (replace <sfdx-source> and <appName> with actual values)
-cd <sfdx-source>/webapplications/<appName> && npm i && npm run build && cd -
+1. Authenticate to the target org
+2. Build the web app (`npm run build` in the web app directory)
+3. Deploy metadata (`sf project deploy start --source-dir <packageDir> --target-org <alias>`)
+4. Assign permission sets
+5. Import data (only with user confirmation)
+6. Fetch GraphQL schema + run codegen (`npm run graphql:schema && npm run graphql:codegen`)
+7. Rebuild the web app (schema changes may affect generated types)
+
+**Or use the one-command setup:** `node scripts/setup-cli.mjs --target-org <alias>`
 
-# Deploy web app only (replace <sfdx-source> with actual path, e.g. force-app/main/default)
+```bash
+# Deploy web app only
 sf project deploy start --source-dir <sfdx-source>/webapplications --target-org <alias>
 
-# Deploy all metadata (use the top-level package directory, e.g. force-app)
+# Deploy all metadata
 sf project deploy start --source-dir <packageDir> --target-org <alias>
 ```
 
-## Conventions (quick reference)
+## Skills
+
+Check for available skills before implementing any of the following:
+
+| Area | When to consult |
+|------|----------------|
+| UI generation | Building pages, components, modifying header/footer/layout |
+| Salesforce data access | Reading/writing records, GraphQL queries, REST calls |
+| Metadata and deployment | Scaffolding apps, configuring CSP, deployment sequencing |
+| Feature installation | Before building something from scratch — check if a pre-built feature exists |
+| File upload | Adding file upload with Salesforce ContentVersion |
+| Agentforce conversation | Adding or modifying the Agentforce chat widget |
 
-- **UI**: shadcn/ui + Tailwind. Import from `@/components/ui/...`.
-- **Entry**: Keep `App.tsx` and routes in `src/`; add features as new routes or sections, don't replace the app shell but you may modify it to match the requested design.
-- **Data (Salesforce)**: Follow `.a4drules/webapp-data.md` for all Salesforce data access. Use the Data SDK (`createDataSDK()` + `sdk.graphql` or `sdk.fetch`) — never use `fetch` or `axios` directly. GraphQL is preferred; use `sdk.fetch` when GraphQL is not sufficient.
+Skills are the authoritative source for detailed patterns, constraints, and code examples in each area. This file provides project-level orientation; skills provide implementation depth.

package/dist/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.116.13](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.12...v1.116.13) (2026-03-27)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+## [1.116.12](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.11...v1.116.12) (2026-03-27)
+
+
+### Bug Fixes
+
+* updating AGENT.md to focus on web application development ([#366](https://github.com/salesforce-experience-platform-emu/webapps/issues/366)) ([59b94d7](https://github.com/salesforce-experience-platform-emu/webapps/commit/59b94d7b995042051e1622c78f8cd562b6f99244))
+
+
+
+
+
 ## [1.116.11](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.10...v1.116.11) (2026-03-27)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

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

@@ -15,8 +15,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/sdk-data": "^1.116.11",
-    "@salesforce/webapp-experimental": "^1.116.11",
+    "@salesforce/sdk-data": "^1.116.13",
+    "@salesforce/webapp-experimental": "^1.116.13",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -43,7 +43,7 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/vite-plugin-webapp-experimental": "^1.116.11",
+    "@salesforce/vite-plugin-webapp-experimental": "^1.116.13",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/features/object-search/components/FilterContext.tsx

@@ -7,6 +7,9 @@ interface FilterContextValue {
 	onFilterChange: (field: string, value: ActiveFilterValue | undefined) => void;
 	onFilterRemove: (field: string) => void;
 	onReset: () => void;
+	onApply: () => void;
+	hasPendingChanges: boolean;
+	hasValidationError: boolean;
 }
 
 const FilterContext = createContext<FilterContextValue | null>(null);
@@ -16,6 +19,9 @@ interface FilterProviderProps {
 	onFilterChange: (field: string, value: ActiveFilterValue | undefined) => void;
 	onFilterRemove: (field: string) => void;
 	onReset: () => void;
+	onApply?: () => void;
+	hasPendingChanges?: boolean;
+	hasValidationError?: boolean;
 	children: ReactNode;
 }
 
@@ -24,10 +30,23 @@ export function FilterProvider({
 	onFilterChange,
 	onFilterRemove,
 	onReset,
+	onApply,
+	hasPendingChanges = false,
+	hasValidationError = false,
 	children,
 }: FilterProviderProps) {
 	return (
-		<FilterContext.Provider value={{ filters, onFilterChange, onFilterRemove, onReset }}>
+		<FilterContext.Provider
+			value={{
+				filters,
+				onFilterChange,
+				onFilterRemove,
+				onReset,
+				onApply: onApply ?? (() => {}),
+				hasPendingChanges,
+				hasValidationError,
+			}}
+		>
 			{children}
 		</FilterContext.Provider>
 	);
@@ -56,8 +75,14 @@ export function useFilterField(field: string) {
 }
 
 export function useFilterPanel() {
-	const { filters, onReset } = useFilterContext();
-	return { hasActiveFilters: filters.length > 0, resetAll: onReset };
+	const { filters, onReset, onApply, hasPendingChanges, hasValidationError } = useFilterContext();
+	return {
+		hasActiveFilters: filters.length > 0,
+		hasPendingChanges,
+		hasValidationError,
+		resetAll: onReset,
+		apply: onApply,
+	};
 }
 
 type FilterResetButtonProps = Omit<React.ComponentProps<typeof Button>, "onClick">;
@@ -71,3 +96,19 @@ export function FilterResetButton({ children, ...props }: FilterResetButtonProps
 		</Button>
 	);
 }
+
+type FilterApplyButtonProps = Omit<React.ComponentProps<typeof Button>, "onClick" | "disabled">;
+
+export function FilterApplyButton({ children, ...props }: FilterApplyButtonProps) {
+	const { apply, hasPendingChanges, hasValidationError } = useFilterPanel();
+	return (
+		<Button
+			onClick={apply}
+			disabled={!hasPendingChanges || hasValidationError}
+			aria-label="Apply filters"
+			{...props}
+		>
+			{children ?? "Apply"}
+		</Button>
+	);
+}

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/features/object-search/components/filters/NumericRangeFilter.tsx

@@ -1,5 +1,6 @@
 import { Input } from "../../../../components/ui/input";
 import { Label } from "../../../../components/ui/label";
+import { toast } from "sonner";
 import { cn } from "../../../../lib/utils";
 import { useFilterField } from "../FilterContext";
 import type { ActiveFilterValue } from "../../utils/filterUtils";
@@ -8,6 +9,8 @@ interface NumericRangeFilterProps extends Omit<React.ComponentProps<"div">, "onC
 	field: string;
 	label: string;
 	helpText?: string;
+	minInputProps?: React.ComponentProps<typeof Input>;
+	maxInputProps?: React.ComponentProps<typeof Input>;
 }
 
 export function NumericRangeFilter({
@@ -15,13 +18,22 @@ export function NumericRangeFilter({
 	label,
 	helpText,
 	className,
+	minInputProps,
+	maxInputProps,
 	...props
 }: NumericRangeFilterProps) {
 	const { value, onChange } = useFilterField(field);
 	return (
 		<div className={cn("space-y-1.5", className)} {...props}>
 			<Label>{label}</Label>
-			<NumericRangeFilterInputs field={field} label={label} value={value} onChange={onChange} />
+			<NumericRangeFilterInputs
+				field={field}
+				label={label}
+				value={value}
+				onChange={onChange}
+				minInputProps={minInputProps}
+				maxInputProps={maxInputProps}
+			/>
 			{helpText && <p className="text-xs text-muted-foreground">{helpText}</p>}
 		</div>
 	);
@@ -46,6 +58,24 @@ export function NumericRangeFilterInputs({
 	maxInputProps,
 	...props
 }: NumericRangeFilterInputsProps) {
+	const validateNumericRangeFilter = (filter: ActiveFilterValue) => {
+		if (filter.type !== "numeric") return null;
+
+		const min = filter.min?.trim();
+		const max = filter.max?.trim();
+		const filterLabel = filter.label || filter.field;
+
+		if (!min || !max) return null;
+
+		const minValue = Number(min);
+		const maxValue = Number(max);
+		if (!Number.isNaN(minValue) && !Number.isNaN(maxValue) && minValue >= maxValue) {
+			return `${filterLabel}: minimum value must be less than maximum value.`;
+		}
+
+		return null;
+	};
+
 	const handleChange = (bound: "min" | "max", v: string) => {
 		const next = {
 			field,
@@ -55,6 +85,7 @@ export function NumericRangeFilterInputs({
 			max: value?.max ?? "",
 			[bound]: v,
 		};
+
 		if (!next.min && !next.max) {
 			onChange(undefined);
 		} else {
@@ -62,6 +93,20 @@ export function NumericRangeFilterInputs({
 		}
 	};
 
+	const handleBlur = (bound: "min" | "max", currentValue: string) => {
+		const next = {
+			field,
+			label,
+			type: "numeric" as const,
+			min: bound === "min" ? currentValue : (value?.min ?? ""),
+			max: bound === "max" ? currentValue : (value?.max ?? ""),
+		};
+		const validationError = validateNumericRangeFilter(next);
+		if (validationError) {
+			toast.error("Invalid range filter", { description: validationError });
+		}
+	};
+
 	return (
 		<div className={cn("flex gap-2", className)} {...props}>
 			<Input
@@ -69,6 +114,7 @@ export function NumericRangeFilterInputs({
 				placeholder="Min"
 				value={value?.min ?? ""}
 				onChange={(e) => handleChange("min", e.target.value)}
+				onBlur={(e) => handleBlur("min", e.target.value)}
 				aria-label={`${label} minimum`}
 				{...minInputProps}
 			/>
@@ -77,6 +123,7 @@ export function NumericRangeFilterInputs({
 				placeholder="Max"
 				value={value?.max ?? ""}
 				onChange={(e) => handleChange("max", e.target.value)}
+				onBlur={(e) => handleBlur("max", e.target.value)}
 				aria-label={`${label} maximum`}
 				{...maxInputProps}
 			/>

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/features/object-search/hooks/useObjectSearchParams.ts

@@ -20,6 +20,11 @@ export interface UseObjectSearchParamsReturn<TFilter, TOrderBy> {
 		set: (field: string, value: ActiveFilterValue | undefined) => void;
 		remove: (field: string) => void;
 	};
+	filterState: {
+		apply: () => void;
+		hasPendingChanges: boolean;
+		hasValidationError: boolean;
+	};
 	sort: {
 		current: SortState | null;
 		set: (sort: SortState | null) => void;
@@ -36,6 +41,40 @@ export interface UseObjectSearchParamsReturn<TFilter, TOrderBy> {
 	resetAll: () => void;
 }
 
+export interface UseObjectSearchParamsOptions {
+	filterSyncMode?: "immediate" | "manual";
+}
+
+function areFiltersEqual(left: ActiveFilterValue[], right: ActiveFilterValue[]) {
+	if (left.length !== right.length) return false;
+	const normalize = (filters: ActiveFilterValue[]) =>
+		[...filters]
+			.sort((a, b) => a.field.localeCompare(b.field))
+			.map((filter) => ({
+				field: filter.field,
+				type: filter.type,
+				value: filter.value ?? "",
+				min: filter.min ?? "",
+				max: filter.max ?? "",
+			}));
+	return JSON.stringify(normalize(left)) === JSON.stringify(normalize(right));
+}
+
+function hasFilterValidationError(filters: ActiveFilterValue[]) {
+	for (const filter of filters) {
+		if (filter.type !== "numeric") continue;
+		const min = filter.min?.trim();
+		const max = filter.max?.trim();
+		if (!min || !max) continue;
+		const minValue = Number(min);
+		const maxValue = Number(max);
+		if (!Number.isNaN(minValue) && !Number.isNaN(maxValue) && minValue >= maxValue) {
+			return true;
+		}
+	}
+	return false;
+}
+
 /**
  * Manages filter, sort, and cursor-based pagination state for an object search page.
  *
@@ -59,7 +98,11 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	filterConfigs: FilterFieldConfig[],
 	_sortConfigs?: SortFieldConfig[],
 	paginationConfig?: PaginationConfig,
+	options?: UseObjectSearchParamsOptions,
 ) {
+	const filterSyncMode = options?.filterSyncMode ?? "immediate";
+	const isManualFilterSync = filterSyncMode === "manual";
+
 	const defaultPageSize = paginationConfig?.defaultPageSize ?? 10;
 	const validPageSizes = useMemo(
 		() => paginationConfig?.validPageSizes ?? [defaultPageSize],
@@ -76,6 +119,7 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	);
 
 	const [filters, setFilters] = useState<ActiveFilterValue[]>(initial.filters);
+	const [appliedFilters, setAppliedFilters] = useState<ActiveFilterValue[]>(initial.filters);
 	const [sort, setLocalSort] = useState<SortState | null>(initial.sort);
 
 	// Pagination — cursor-based with a stack to support "previous page" navigation.
@@ -126,6 +170,15 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 
 	const setFilter = useCallback(
 		(field: string, value: ActiveFilterValue | undefined) => {
+			if (isManualFilterSync) {
+				setFilters((prev) => {
+					const next = prev.filter((f) => f.field !== field);
+					if (value) next.push(value);
+					return next;
+				});
+				return;
+			}
+
 			const { sort: s, pageSize: ps } = stateRef.current;
 			setFilters((prev) => {
 				const next = prev.filter((f) => f.field !== field);
@@ -135,11 +188,16 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 			});
 			resetPagination();
 		},
-		[resetPagination],
+		[isManualFilterSync, resetPagination],
 	);
 
 	const removeFilter = useCallback(
 		(field: string) => {
+			if (isManualFilterSync) {
+				setFilters((prev) => prev.filter((f) => f.field !== field));
+				return;
+			}
+
 			const { sort: s, pageSize: ps } = stateRef.current;
 			setFilters((prev) => {
 				const next = prev.filter((f) => f.field !== field);
@@ -148,9 +206,17 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 			});
 			resetPagination();
 		},
-		[resetPagination],
+		[isManualFilterSync, resetPagination],
 	);
 
+	const applyFilters = useCallback(() => {
+		if (!isManualFilterSync) return;
+		const { filters: nextFilters, sort: s, pageSize: ps } = stateRef.current;
+		setAppliedFilters(nextFilters);
+		resetPagination();
+		syncToUrl(nextFilters, s, ps);
+	}, [isManualFilterSync, resetPagination, syncToUrl]);
+
 	// -- Sort callback ----------------------------------------------------------
 
 	const setSort = useCallback(
@@ -167,6 +233,7 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 
 	const resetAll = useCallback(() => {
 		setFilters([]);
+		setAppliedFilters([]);
 		setLocalSort(null);
 		resetPagination();
 		syncToUrl([], null, defaultPageSize, 0);
@@ -216,8 +283,8 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	// Translate local filter/sort state into API-ready `where` and `orderBy`.
 
 	const where = useMemo(
-		() => buildFilter<TFilter>(filters, filterConfigs),
-		[filters, filterConfigs],
+		() => buildFilter<TFilter>(isManualFilterSync ? appliedFilters : filters, filterConfigs),
+		[appliedFilters, filters, filterConfigs, isManualFilterSync],
 	);
 
 	const orderBy = useMemo(() => buildOrderBy<TOrderBy>(sort), [sort]);
@@ -229,10 +296,23 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	// causing unnecessary re-renders.
 
 	const filtersGroup = useMemo(
-		() => ({ active: filters, set: setFilter, remove: removeFilter }),
+		() => ({
+			active: filters,
+			set: setFilter,
+			remove: removeFilter,
+		}),
 		[filters, setFilter, removeFilter],
 	);
 
+	const filterState = useMemo(
+		() => ({
+			apply: applyFilters,
+			hasPendingChanges: isManualFilterSync ? !areFiltersEqual(filters, appliedFilters) : false,
+			hasValidationError: hasFilterValidationError(filters),
+		}),
+		[applyFilters, isManualFilterSync, filters, appliedFilters],
+	);
+
 	const sortGroup = useMemo(() => ({ current: sort, set: setSort }), [sort, setSort]);
 
 	const query = useMemo(() => ({ where, orderBy }), [where, orderBy]);
@@ -244,6 +324,7 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 
 	return {
 		filters: filtersGroup,
+		filterState,
 		sort: sortGroup,
 		query,
 		pagination,

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/lib/filterUtils.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "react";
+
+export const nonNegativeNumberInputProps: ComponentProps<"input"> = {
+	min: 0,
+	onKeyDown: (event) => {
+		if (event.key === "-" || event.key === "Minus") event.preventDefault();
+	},
+	onPaste: (event) => {
+		if (event.clipboardData.getData("text").includes("-")) event.preventDefault();
+	},
+};

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/ApplicationSearch.tsx

@@ -16,12 +16,13 @@ import type { ApplicationSearchNode } from "../api/applications/applicationSearc
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
+	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
 import { FilterRow } from "../components/layout/FilterRow";
 import { SearchFilter } from "../features/object-search/components/filters/SearchFilter";
-import { SelectFilter } from "../features/object-search/components/filters/SelectFilter";
+import { MultiSelectFilter } from "../features/object-search/components/filters/MultiSelectFilter";
 import { DateFilter } from "../features/object-search/components/filters/DateFilter";
 import { ObjectSearchErrorState } from "../components/shared/ObjectSearchErrorState";
 import PaginationControls from "../features/object-search/components/PaginationControls";
@@ -75,14 +76,13 @@ export default function ApplicationSearch() {
 		ttl: 30_000,
 	});
 
-	const { filters, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
 		Application__C_Filter,
 		Application__C_OrderBy
-	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG);
+	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
 	const effectiveOrderBy: Application__C_OrderBy = query.orderBy ?? {
 		CreatedDate: { order: ResultOrder.Desc },
 	};
-
 	const searchKey = `applications:${JSON.stringify({ where: query.where, orderBy: effectiveOrderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
 		() =>
@@ -138,6 +138,7 @@ export default function ApplicationSearch() {
 				<PageHeader title="Applications" description="Manage and review rental applications" />
 				<ApplicationSearchFilters
 					filters={filters}
+					filterState={filterState}
 					statusOptions={statusOptions ?? []}
 					resetAll={resetAll}
 				/>
@@ -192,10 +193,15 @@ export default function ApplicationSearch() {
 
 function ApplicationSearchFilters({
 	filters,
+	filterState,
 	statusOptions,
 	resetAll,
 }: {
 	filters: UseObjectSearchParamsReturn<Application__C_Filter, Application__C_OrderBy>["filters"];
+	filterState: UseObjectSearchParamsReturn<
+		Application__C_Filter,
+		Application__C_OrderBy
+	>["filterState"];
 	statusOptions: Array<{ value: string; label: string }>;
 	resetAll: () => void;
 }) {
@@ -205,6 +211,9 @@ function ApplicationSearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
+			onApply={filterState.apply}
+			hasPendingChanges={filterState.hasPendingChanges}
+			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Applications filters">
 				<SearchFilter
@@ -213,7 +222,7 @@ function ApplicationSearchFilters({
 					placeholder="Search by name..."
 					className="w-full sm:w-50"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Status__c"
 					label="Status"
 					options={statusOptions ?? []}
@@ -221,6 +230,7 @@ function ApplicationSearchFilters({
 				/>
 				<DateFilter field="Start_Date__c" label="Start Date" className="w-full sm:w-56" />
 				<DateFilter field="CreatedDate" label="Created Date" className="w-full sm:w-56" />
+				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/MaintenanceRequestSearch.tsx

@@ -18,12 +18,13 @@ import type { SortFieldConfig } from "../features/object-search/utils/sortUtils"
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
+	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
 import { FilterRow } from "../components/layout/FilterRow";
 import { SearchFilter } from "../features/object-search/components/filters/SearchFilter";
-import { SelectFilter } from "../features/object-search/components/filters/SelectFilter";
+import { MultiSelectFilter } from "../features/object-search/components/filters/MultiSelectFilter";
 import { DateFilter } from "../features/object-search/components/filters/DateFilter";
 import { ObjectSearchErrorState } from "../components/shared/ObjectSearchErrorState";
 import PaginationControls from "../features/object-search/components/PaginationControls";
@@ -101,14 +102,13 @@ export default function MaintenanceRequestSearch() {
 		{ key: "distinctMaintenanceRequestPriority", ttl: 30_000 },
 	);
 
-	const { filters, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
 		Maintenance_Request__C_Filter,
 		Maintenance_Request__C_OrderBy
-	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG);
+	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
 	const effectiveOrderBy: Maintenance_Request__C_OrderBy = query.orderBy ?? {
 		CreatedDate: { order: ResultOrder.Desc },
 	};
-
 	const searchKey = `maintenance-requests:${JSON.stringify({ where: query.where, orderBy: effectiveOrderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
 		() =>
@@ -167,6 +167,7 @@ export default function MaintenanceRequestSearch() {
 				/>
 				<MaintenanceRequestSearchFilters
 					filters={filters}
+					filterState={filterState}
 					statusOptions={statusOptions ?? []}
 					typeOptions={typeOptions ?? []}
 					priorityOptions={priorityOptions ?? []}
@@ -224,6 +225,7 @@ export default function MaintenanceRequestSearch() {
 
 function MaintenanceRequestSearchFilters({
 	filters,
+	filterState,
 	statusOptions,
 	typeOptions,
 	priorityOptions,
@@ -233,6 +235,10 @@ function MaintenanceRequestSearchFilters({
 		Maintenance_Request__C_Filter,
 		Maintenance_Request__C_OrderBy
 	>["filters"];
+	filterState: UseObjectSearchParamsReturn<
+		Maintenance_Request__C_Filter,
+		Maintenance_Request__C_OrderBy
+	>["filterState"];
 	statusOptions: Array<{ value: string; label: string }>;
 	typeOptions: Array<{ value: string; label: string }>;
 	priorityOptions: Array<{ value: string; label: string }>;
@@ -244,6 +250,9 @@ function MaintenanceRequestSearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
+			onApply={filterState.apply}
+			hasPendingChanges={filterState.hasPendingChanges}
+			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Maintenance Requests filters">
 				<SearchFilter
@@ -252,25 +261,26 @@ function MaintenanceRequestSearchFilters({
 					placeholder="Search by name..."
 					className="w-full sm:w-50"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Status__c"
 					label="Status"
 					options={statusOptions}
 					className="w-full sm:w-36"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Type__c"
 					label="Type"
 					options={typeOptions}
 					className="w-full sm:w-36"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Priority__c"
 					label="Priority"
 					options={priorityOptions}
 					className="w-full sm:w-36"
 				/>
 				<DateFilter field="Scheduled__c" label="Scheduled" className="w-full sm:w-56" />
+				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/MaintenanceWorkerSearch.tsx

@@ -15,12 +15,13 @@ import type { SortFieldConfig } from "../features/object-search/utils/sortUtils"
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
+	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
 import { FilterRow } from "../components/layout/FilterRow";
 import { SearchFilter } from "../features/object-search/components/filters/SearchFilter";
-import { SelectFilter } from "../features/object-search/components/filters/SelectFilter";
+import { MultiSelectFilter } from "../features/object-search/components/filters/MultiSelectFilter";
 import { TextFilter } from "../features/object-search/components/filters/TextFilter";
 import { NumericRangeFilter } from "../features/object-search/components/filters/NumericRangeFilter";
 import { DateFilter } from "../features/object-search/components/filters/DateFilter";
@@ -41,6 +42,7 @@ import type {
 	Maintenance_Worker__C_OrderBy,
 } from "../api/graphql-operations-types";
 import { PAGINATION_CONFIG } from "../lib/constants";
+import { nonNegativeNumberInputProps } from "../lib/filterUtils";
 
 const FILTER_CONFIGS: FilterFieldConfig[] = [
 	{
@@ -72,10 +74,10 @@ export default function MaintenanceWorkerSearch() {
 		ttl: 30_000,
 	});
 
-	const { filters, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
 		Maintenance_Worker__C_Filter,
 		Maintenance_Worker__C_OrderBy
-	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG);
+	>(FILTER_CONFIGS, SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
 
 	const searchKey = `maintenance-workers:${JSON.stringify({ where: query.where, orderBy: query.orderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
@@ -109,6 +111,7 @@ export default function MaintenanceWorkerSearch() {
 				<PageHeader title="Maintenance Workers" description="View and filter maintenance workers" />
 				<MaintenanceWorkerSearchFilters
 					filters={filters}
+					filterState={filterState}
 					typeOptions={typeOptions ?? []}
 					resetAll={resetAll}
 				/>
@@ -163,6 +166,7 @@ export default function MaintenanceWorkerSearch() {
 
 function MaintenanceWorkerSearchFilters({
 	filters,
+	filterState,
 	typeOptions,
 	resetAll,
 }: {
@@ -170,6 +174,10 @@ function MaintenanceWorkerSearchFilters({
 		Maintenance_Worker__C_Filter,
 		Maintenance_Worker__C_OrderBy
 	>["filters"];
+	filterState: UseObjectSearchParamsReturn<
+		Maintenance_Worker__C_Filter,
+		Maintenance_Worker__C_OrderBy
+	>["filterState"];
 	typeOptions: Array<{ value: string; label: string }>;
 	resetAll: () => void;
 }) {
@@ -179,6 +187,9 @@ function MaintenanceWorkerSearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
+			onApply={filterState.apply}
+			hasPendingChanges={filterState.hasPendingChanges}
+			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Maintenance Workers filters">
 				<SearchFilter
@@ -187,7 +198,7 @@ function MaintenanceWorkerSearchFilters({
 					placeholder="By name, or phone..."
 					className="w-full sm:w-50"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Employment_Type__c"
 					label="Employment Type"
 					options={typeOptions}
@@ -199,8 +210,15 @@ function MaintenanceWorkerSearchFilters({
 					placeholder="Location"
 					className="w-full sm:w-50"
 				/>
-				<NumericRangeFilter field="Hourly_Rate__c" label="Hourly Rate" className="w-full sm:w-50" />
+				<NumericRangeFilter
+					field="Hourly_Rate__c"
+					label="Hourly Rate"
+					className="w-full sm:w-50"
+					minInputProps={nonNegativeNumberInputProps}
+					maxInputProps={nonNegativeNumberInputProps}
+				/>
 				<DateFilter field="CreatedDate" label="Created Date" className="w-full sm:w-56" />
+				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/force-app/main/default/webapplications/propertymanagementapp/src/pages/PropertySearch.tsx

@@ -17,12 +17,13 @@ import type { Property__C_Filter, Property__C_OrderBy } from "../api/graphql-ope
 import { PageHeader } from "../components/layout/PageHeader";
 import { PageContainer } from "../components/layout/PageContainer";
 import {
+	FilterApplyButton,
 	FilterProvider,
 	FilterResetButton,
 } from "../features/object-search/components/FilterContext";
 import { FilterRow } from "../components/layout/FilterRow";
 import { SearchFilter } from "../features/object-search/components/filters/SearchFilter";
-import { SelectFilter } from "../features/object-search/components/filters/SelectFilter";
+import { MultiSelectFilter } from "../features/object-search/components/filters/MultiSelectFilter";
 import { NumericRangeFilter } from "../features/object-search/components/filters/NumericRangeFilter";
 import { ObjectSearchErrorState } from "../components/shared/ObjectSearchErrorState";
 import PaginationControls from "../features/object-search/components/PaginationControls";
@@ -30,6 +31,7 @@ import { PropertyCard } from "../components/properties/PropertyCard";
 import { PropertyDetailsModal } from "../components/properties/PropertyDetailsModal";
 import { Skeleton } from "../components/ui/skeleton";
 import { PAGINATION_CONFIG } from "../lib/constants";
+import { nonNegativeNumberInputProps } from "../lib/filterUtils";
 
 const FILTER_CONFIGS: FilterFieldConfig[] = [
 	{
@@ -65,10 +67,10 @@ export default function PropertySearch() {
 		ttl: 30_000,
 	});
 
-	const { filters, query, pagination, resetAll } = useObjectSearchParams<
+	const { filters, filterState, query, pagination, resetAll } = useObjectSearchParams<
 		Property__C_Filter,
 		Property__C_OrderBy
-	>(FILTER_CONFIGS, PROPERTY_SORT_CONFIGS, PAGINATION_CONFIG);
+	>(FILTER_CONFIGS, PROPERTY_SORT_CONFIGS, PAGINATION_CONFIG, { filterSyncMode: "manual" });
 
 	const searchKey = `properties:${JSON.stringify({ where: query.where, orderBy: query.orderBy, first: pagination.pageSize, after: pagination.afterCursor })}`;
 	const { data, loading, error } = useCachedAsyncData(
@@ -102,6 +104,7 @@ export default function PropertySearch() {
 				<PageHeader title="Properties" description="Browse and manage available properties" />
 				<PropertySearchFilters
 					filters={filters}
+					filterState={filterState}
 					statusOptions={statusOptions ?? []}
 					typeOptions={typeOptions ?? []}
 					resetAll={resetAll}
@@ -148,11 +151,13 @@ export default function PropertySearch() {
 
 function PropertySearchFilters({
 	filters,
+	filterState,
 	statusOptions,
 	typeOptions,
 	resetAll,
 }: {
 	filters: UseObjectSearchParamsReturn<Property__C_Filter, Property__C_OrderBy>["filters"];
+	filterState: UseObjectSearchParamsReturn<Property__C_Filter, Property__C_OrderBy>["filterState"];
 	statusOptions: Array<{ value: string; label: string }>;
 	typeOptions: Array<{ value: string; label: string }>;
 	resetAll: () => void;
@@ -163,6 +168,9 @@ function PropertySearchFilters({
 			onFilterChange={filters.set}
 			onFilterRemove={filters.remove}
 			onReset={resetAll}
+			onApply={filterState.apply}
+			hasPendingChanges={filterState.hasPendingChanges}
+			hasValidationError={filterState.hasValidationError}
 		>
 			<FilterRow ariaLabel="Properties filters">
 				<SearchFilter
@@ -171,13 +179,13 @@ function PropertySearchFilters({
 					placeholder="Search by name or address..."
 					className="w-full sm:w-50"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Status__c"
 					label="Status"
 					options={statusOptions}
 					className="w-full sm:w-36"
 				/>
-				<SelectFilter
+				<MultiSelectFilter
 					field="Type__c"
 					label="Type"
 					options={typeOptions}
@@ -187,8 +195,17 @@ function PropertySearchFilters({
 					field="Monthly_Rent__c"
 					label="Monthly Rent"
 					className="w-full sm:w-50"
+					minInputProps={nonNegativeNumberInputProps}
+					maxInputProps={nonNegativeNumberInputProps}
 				/>
-				<NumericRangeFilter field="Bedrooms__c" label="Bedrooms" className="w-full sm:w-50" />
+				<NumericRangeFilter
+					field="Bedrooms__c"
+					label="Bedrooms"
+					className="w-full sm:w-50"
+					minInputProps={nonNegativeNumberInputProps}
+					maxInputProps={nonNegativeNumberInputProps}
+				/>
+				<FilterApplyButton className="h-8 px-3 rounded-lg bg-purple-600 text-white text-sm font-medium hover:bg-purple-700 disabled:bg-purple-300 disabled:cursor-not-allowed transition-colors" />
 				<FilterResetButton />
 			</FilterRow>
 		</FilterProvider>

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.11",
+  "version": "1.116.13",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-      "version": "1.116.11",
+      "version": "1.116.13",
       "license": "SEE LICENSE IN LICENSE.txt",
       "devDependencies": {
         "@lwc/eslint-plugin-lwc": "^3.3.0",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.11",
+  "version": "1.116.13",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-sample-b2e-experimental",
-  "version": "1.116.11",
+  "version": "1.116.13",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/webapp-experimental": "^1.116.11",
+    "@salesforce/webapp-experimental": "^1.116.13",
     "sonner": "^1.7.0"
   },
   "devDependencies": {