@salesforce/webapp-template-app-react-template-b2x-experimental 1.75.1 → 1.76.1

package/dist/.a4drules/skills/webapp-add-react-component/SKILL.md

@@ -0,0 +1,78 @@
+---
+name: webapp-add-react-component
+description: Creates React components, pages, headers, and footers using shadcn UI and Tailwind CSS. Use when the user asks to create a component, add a widget, build a UI element, add a page, create a new page, add a section (e.g. "add a contacts page"), add a header, add a footer, add a navigation bar, or add anything to the web application.
+---
+
+# Add React Component
+
+## Step 1 — Identify the type of component
+
+Determine which of these three categories the request falls into, then follow the corresponding section below:
+
+- **Page** — user wants a new routed page (e.g. "add a contacts page", "create a dashboard page", "add a settings section")
+- **Header / Footer** — user wants a site-wide header, footer, nav bar, or page footer that appears on every page
+- **Component** — everything else: a widget, card, table, form, dialog, or other UI element placed within an existing page
+
+If it is not immediately clear from the user's message, ask:
+
+> "Are you looking to add a new page, a site-wide header or footer, or a component within an existing page?"
+
+Then follow the matching section.
+
+---
+
+## Clarifying Questions
+
+Ask **one question at a time** and wait for the response before asking the next. Stop when you have enough to build accurately — do not guess or assume.
+
+### For a Page
+
+1. **What is the name and purpose of the page?** (e.g., Contacts, Dashboard, Settings)
+2. **What URL path should it use?** (e.g., `/contacts`, `/dashboard`) — or derive from the page name?
+3. **Should the page appear in the navigation menu?**
+4. **Who can access it?** Public, authenticated users only (`PrivateRoute`), or unauthenticated only (e.g., login — `AuthenticationRoute`)?
+5. **What content or sections should the page include?** (list, form, table, detail view, etc.)
+6. **Does it need to fetch any data?** If so, from where?
+
+### For a Header / Footer
+
+1. **Header, footer, or both?**
+2. **What should the header contain?** (logo/app name, nav links, user avatar, CTA button, etc.)
+3. **What should the footer contain?** (copyright text, links, social icons, etc.)
+4. **Should the header be sticky (fixed to top while scrolling)?**
+5. **Is there a logo or brand name to display?** (or placeholder?)
+6. **Any specific color scheme or style direction?** (dark background, branded primary color, minimal, etc.)
+7. **Should navigation links appear in the header?** If so, which pages?
+
+### For a Component
+
+1. **What should the component do?** (display data, accept input, trigger an action, etc.)
+2. **What page or location should it appear on?**
+3. **Is this shared/reusable across pages, or specific to one feature?** (determines file location)
+4. **What data or props does it need?** (static content, props, fetched data)
+5. **Does it need internal state?** (loading, toggle, form state, etc.)
+6. **Are there any specific shadcn components to use?** (Card, Table, Dialog, Form, etc.)
+7. **Should it appear in a specific layout position?** (full-width, sidebar, inline, etc.)
+
+---
+
+## Implementation
+
+Once you have identified the type and gathered answers to the clarifying questions, read and follow the corresponding implementation guide:
+
+- **Page** — read `implementation/page.md` and follow the instructions there.
+- **Header / Footer** — read `implementation/header-footer.md` and follow the instructions there.
+- **Component** — read `implementation/component.md` and follow the instructions there.
+
+---
+
+## Verification
+
+Before completing, run from the web app directory `force-app/main/default/webapplications/<appName>/` (use the actual app folder name):
+
+```bash
+cd force-app/main/default/webapplications/<appName> && npm run lint && npm run build
+```
+
+- **Lint:** MUST result in 0 errors. Fix any ESLint or TypeScript issues.
+- **Build:** MUST succeed. Resolve any compilation or Vite build failures before finishing.

package/dist/.a4drules/skills/webapp-add-react-component/implementation/component.md

@@ -0,0 +1,78 @@
+# Implementation — Component
+
+### Rules
+
+1. **Always use shadcn components** from `@/components/ui` — never build raw HTML equivalents for buttons, inputs, cards, alerts, tabs, tables, or labels.
+2. **All styling via Tailwind** — utility classes only. No inline `style={{}}`, CSS Modules, or other styling systems.
+3. **Use design tokens** — prefer `bg-background`, `text-foreground`, `text-muted-foreground`, `border`, `bg-primary`, `text-destructive`, `rounded-lg` over hardcoded colors.
+4. **Use `cn()`** from `@/lib/utils` for conditional or composable class names.
+5. **TypeScript** — functional components with typed props interface; always accept `className?: string`.
+
+### File Location — Component
+
+| Component type                                 | Location                                 | Export                                   |
+| ---------------------------------------------- | ---------------------------------------- | ---------------------------------------- |
+| Shared UI primitive (reusable across features) | `src/components/ui/` — add to `index.ts` | Named export                             |
+| Feature-specific (e.g., dashboard widget)      | `src/components/<feature>/`              | Named export, import directly where used |
+| Page-level layout element                      | `src/components/layout/`                 | Named export                             |
+
+### Component Structure
+
+```tsx
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui";
+import { cn } from "@/lib/utils";
+
+interface MyComponentProps {
+  title: string;
+  value: string;
+  className?: string;
+}
+
+export function MyComponent({ title, value, className }: MyComponentProps) {
+  return (
+    <Card className={cn("border", className)}>
+      <CardHeader>
+        <CardTitle className="text-sm font-medium">{title}</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <p className="text-2xl font-semibold text-foreground">{value}</p>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+### State and Hooks
+
+- **Local state only:** keep `useState`, `useReducer`, `useRef` inside the component.
+- **Shared or complex state:** extract to a custom hook in `src/hooks/` (prefix with `use`, e.g. `useFormData`). Do this when more than one component needs the state, or when multiple hooks are composed together.
+
+### Adding the Component to a Page
+
+```tsx
+// In the target page file, e.g. src/pages/HomePage.tsx
+import { MyComponent } from "@/components/<feature>/MyComponent";
+
+export default function HomePage() {
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <MyComponent title="Status" value="Active" />
+    </div>
+  );
+}
+```
+
+### Useful Patterns — Component
+
+- **Programmatic navigation:** use `useNavigate` from `react-router`; call `navigate(path)` — consistent with GlobalSearchInput, SearchResultCard, MaintenanceTable, and other components in the web application.
+- **Page container:** `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12`
+- **Icons:** `lucide-react`; add `aria-hidden="true"` on decorative icons
+- **Focus styles:** use `focus-visible:` variants
+- **Multiple visual variants:** use CVA (`cva`) and `VariantProps`
+- **shadcn import barrel:** `import { Button, Card, Input } from "@/components/ui"`
+
+### Confirm — Component
+
+- Imports use path aliases (`@/`, not deep relative paths)
+- No raw `<button>`, `<input>`, or styled `<div>` where shadcn equivalents exist
+- No inline `style={{}}` — Tailwind only

package/dist/.a4drules/skills/webapp-add-react-component/implementation/header-footer.md

@@ -0,0 +1,124 @@
+# Implementation — Header / Footer
+
+### Rules
+
+1. **Edit `appLayout.tsx` only** — header and footer are layout-level concerns. Never add them to individual page files.
+2. **Never modify `routes.tsx` or `app.tsx`** — the router setup must remain intact.
+3. **Create component files in `src/components/layout/`** — the designated location for layout-level components.
+4. **Use the full-height flex column pattern** — wrap layout in `min-h-screen flex flex-col` so footer stays at bottom.
+5. **Use shadcn and Tailwind** — compose from `@/components/ui`; style with Tailwind utility classes and design tokens.
+6. **Use path aliases** — import with `@/components/layout/...` and `@/components/ui`; no deep relative paths.
+7. **Preserve existing content** — if `appLayout.tsx` already has a `<NavigationMenu />` or other shell elements, keep them in place.
+
+### Step 1 — Create the header component (if requested)
+
+Create `src/components/layout/AppHeader.tsx`:
+
+```tsx
+import { cn } from "@/lib/utils";
+
+interface AppHeaderProps {
+  className?: string;
+}
+
+export function AppHeader({ className }: AppHeaderProps) {
+  return (
+    <header
+      className={cn(
+        "w-full border-b bg-background px-4 sm:px-6 lg:px-8 py-4",
+        className,
+      )}
+    >
+      <div className="max-w-7xl mx-auto flex items-center justify-between">
+        <span className="text-lg font-semibold text-foreground">My App</span>
+      </div>
+    </header>
+  );
+}
+```
+
+### Step 2 — Create the footer component (if requested)
+
+Create `src/components/layout/AppFooter.tsx`:
+
+```tsx
+import { cn } from "@/lib/utils";
+
+interface AppFooterProps {
+  className?: string;
+}
+
+export function AppFooter({ className }: AppFooterProps) {
+  return (
+    <footer
+      className={cn(
+        "w-full border-t bg-background px-4 sm:px-6 lg:px-8 py-4",
+        className,
+      )}
+    >
+      <div className="max-w-7xl mx-auto text-center text-sm text-muted-foreground">
+        &copy; {new Date().getFullYear()} My App. All rights reserved.
+      </div>
+    </footer>
+  );
+}
+```
+
+### Step 3 — Edit `appLayout.tsx`
+
+Open `src/appLayout.tsx` — this is the **only file to modify** for layout-level additions. Wrap existing content in a flex column and add header above and footer below `<Outlet />`:
+
+```tsx
+import { Outlet } from "react-router";
+import { AppHeader } from "@/components/layout/AppHeader";
+import { AppFooter } from "@/components/layout/AppFooter";
+// Keep all existing imports unchanged
+
+export default function AppLayout() {
+  return (
+    <div className="min-h-screen flex flex-col bg-background">
+      <AppHeader />
+      {/* Keep any existing NavigationMenu or other shell elements here */}
+      <main className="flex-1">
+        <Outlet />
+      </main>
+      <AppFooter />
+    </div>
+  );
+}
+```
+
+### File Locations — Header / Footer
+
+| Component    | File                                  | Export                         |
+| ------------ | ------------------------------------- | ------------------------------ |
+| Header       | `src/components/layout/AppHeader.tsx` | Named export                   |
+| Footer       | `src/components/layout/AppFooter.tsx` | Named export                   |
+| Layout shell | `src/appLayout.tsx`                   | Default export (edit in place) |
+
+### Why `appLayout.tsx` — Not Pages or Routes
+
+`AppLayout` is the single shell rendered at the root route. Every page is a child rendered via `<Outlet />`. Placing the header and footer here ensures they appear on every page without touching individual pages or the route registry.
+
+```
+AppLayout (appLayout.tsx)
+├── AppHeader          ← renders on every page
+├── NavigationMenu     ← keep if already present
+├── <Outlet />         ← active page renders here
+└── AppFooter          ← renders on every page
+```
+
+### Useful Patterns — Header / Footer
+
+- **Sticky header:** add `sticky top-0 z-50` to the `<header>` element
+- **Separator:** use `<Separator />` from `@/components/ui` instead of `border-b`/`border-t` if a visible divider is preferred
+- **Nav links in header:** use `<Button variant="ghost" asChild>` wrapping a React Router `<Link>`
+- **Icons:** `lucide-react`; add `aria-hidden="true"` on decorative icons
+- **Design tokens:** `bg-background`, `text-foreground`, `text-muted-foreground`, `border`, `bg-primary`
+
+### Confirm — Header / Footer
+
+- Header and footer appear on every page (navigate to at least two routes)
+- Imports use path aliases (`@/components/layout/...`)
+- No inline `style={{}}` — Tailwind only
+- `src/routes.tsx` and `src/app.tsx` are unchanged

package/dist/.a4drules/skills/webapp-add-react-component/implementation/page.md

@@ -0,0 +1,92 @@
+# Implementation — Page
+
+### Rules
+
+1. **`routes.tsx` is the only route registry** — never add routes in `app.tsx` or inside page files.
+2. **All pages are children of the AppLayout route** — do not create top-level routes that bypass the layout shell.
+3. **Default export per page** — each page file has exactly one default-export component.
+4. **Path aliases in all imports** — use `@/pages/...`, `@/components/...`; no deep relative paths.
+5. **No inline styles** — Tailwind utility classes and design tokens only.
+6. **Catch-all last** — `path: '*'` (NotFound) must always remain the last child in the layout route.
+7. **Never modify `appLayout.tsx`** when adding a page — layout changes are a separate concern.
+
+### Step 1 — Create the page file
+
+Create `src/pages/MyPage.tsx` with a **default export** and the standard page container:
+
+```tsx
+export default function MyPage() {
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <h1 className="text-3xl font-bold text-foreground">My Page</h1>
+      <p className="mt-4 text-muted-foreground">Page content goes here.</p>
+    </div>
+  );
+}
+```
+
+Use shadcn components from `@/components/ui` for UI elements. All styling via Tailwind — no inline `style={{}}`.
+
+### Step 2 — Register the route in `routes.tsx`
+
+Open `src/routes.tsx`. Import the page and add it inside the layout route's `children` array:
+
+```tsx
+import MyPage from "@/pages/MyPage";
+
+// Inside the layout route's children array (before the catch-all):
+{
+  path: "my-page",
+  element: <MyPage />,
+  handle: { showInNavigation: true, label: "My Page" },
+},
+```
+
+- `path` is a **relative segment** (e.g., `"contacts"`), not an absolute path.
+- Include `handle: { showInNavigation: true, label: "Label" }` only if the page should appear in the navigation menu.
+- The catch-all `path: '*'` must stay **last**.
+
+### Step 3 — Apply an auth guard (if needed)
+
+| Access type                        | Guard                   | Behavior                                |
+| ---------------------------------- | ----------------------- | --------------------------------------- |
+| Public                             | None                    | Direct child of layout                  |
+| Authenticated only                 | `<PrivateRoute>`        | Redirects to login if not authenticated |
+| Unauthenticated only (e.g., login) | `<AuthenticationRoute>` | Redirects away if already authenticated |
+
+Example — private page:
+
+```tsx
+import { PrivateRoute } from "@/components/auth/private-route";
+
+{
+  path: "settings",
+  element: <PrivateRoute><SettingsPage /></PrivateRoute>,
+  handle: { showInNavigation: true, label: "Settings" },
+},
+```
+
+Use `ROUTES.*` constants from `@/utils/authenticationConfig` for auth-related paths — do not hardcode `/login`, `/profile`, etc.
+
+### File Conventions — Page
+
+| Concern           | Location                                               |
+| ----------------- | ------------------------------------------------------ |
+| Page component    | `src/pages/<PageName>.tsx` (default export)            |
+| Route definition  | `src/routes.tsx` only                                  |
+| Layout shell      | `src/appLayout.tsx` — do not modify for page additions |
+| Auth config paths | `ROUTES.*` from `@/utils/authenticationConfig`         |
+
+### State and Data
+
+- **Local state:** `useState`, `useReducer`, `useRef` inside the page component
+- **Shared or complex state:** extract to `src/hooks/` with a `use` prefix (e.g., `useContacts`)
+- **Data fetching:** prefer GraphQL (`executeGraphQL`) or REST utilities in `src/api/`; place shared data logic in `src/hooks/`
+- **Auth context:** `useAuth()` from `@/context/AuthContext` when current user is needed — only valid under `AuthProvider`
+
+### Confirm — Page
+
+- The page renders inside the app shell (header/nav visible)
+- If `showInNavigation: true`, the link appears in the navigation menu
+- No TypeScript errors; no broken imports; no missing exports
+- Imports use path aliases (`@/`, not deep relative paths)

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.76.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.76.0...v1.76.1) (2026-03-06)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+# [1.76.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.75.1...v1.76.0) (2026-03-06)
+
+
+### Features
+
+* (template) add skills for base-app ([#208](https://github.com/salesforce-experience-platform-emu/webapps/issues/208)) ([dd5f7c5](https://github.com/salesforce-experience-platform-emu/webapps/commit/dd5f7c59b0d711cade589620c434836f016c5417))
+
+
+
+
+
 ## [1.75.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.75.0...v1.75.1) (2026-03-05)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

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

@@ -15,8 +15,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/sdk-data": "^1.75.1",
-    "@salesforce/webapp-experimental": "^1.75.1",
+    "@salesforce/sdk-data": "^1.76.1",
+    "@salesforce/webapp-experimental": "^1.76.1",
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/react-form": "^1.28.4",
     "class-variance-authority": "^0.7.1",
@@ -40,7 +40,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.75.1",
+    "@salesforce/vite-plugin-webapp-experimental": "^1.76.1",
     "@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/appreacttemplateb2x/src/features/global-search/api/objectDetailService.ts

@@ -36,17 +36,9 @@ export function extractFieldsFromLayout(
 	return optionalFields;
 }
 
-/**
- * Fetches the Full/View layout for an object (REST). Used by detail view to render sections/rows/items.
- *
- * @param objectApiName - Object API name.
- * @param recordTypeId - Record type Id (default master).
- * @param signal - Optional abort signal.
- */
 export async function getLayout(
 	objectApiName: string,
 	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-	signal?: AbortSignal,
 ): Promise<LayoutResponse> {
 	const params = new URLSearchParams({
 		layoutType: "Full",
@@ -54,14 +46,10 @@ export async function getLayout(
 		recordTypeId,
 	});
 	return fetchAndValidate(
-		(abortSignal) =>
-			uiApiClient.get(`/layout/${safeEncodePath(objectApiName)}?${params.toString()}`, {
-				signal: abortSignal,
-			}),
+		() => uiApiClient.get(`/layout/${safeEncodePath(objectApiName)}?${params.toString()}`),
 		{
 			schema: LayoutResponseSchema,
 			errorContext: `layout for ${objectApiName}`,
-			signal,
 		},
 	);
 }
@@ -86,24 +74,13 @@ function optionalFieldsToColumns(optionalFields: string[]): Column[] {
 	}));
 }
 
-/**
- * Fetches everything needed for the detail page: layout (REST), object metadata (GraphQL), single record (GraphQL).
- * Layout drives which fields are requested; getRecordByIdGraphQL fetches that field set by Id.
- *
- * @param objectApiName - Object API name.
- * @param recordId - Record Id.
- * @param recordTypeId - Record type (default master).
- * @param signal - Optional abort signal.
- * @returns { layout, record, objectMetadata } for DetailForm / UiApiDetailForm.
- */
 export async function getRecordDetail(
 	objectApiName: string,
 	recordId: string,
 	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-	signal?: AbortSignal,
 ): Promise<RecordDetailResult> {
-	const layout = await getLayout(objectApiName, recordTypeId, signal);
-	const objectMetadata = await objectInfoService.getObjectInfoBatch(objectApiName, signal);
+	const layout = await getLayout(objectApiName, recordTypeId);
+	const objectMetadata = await objectInfoService.getObjectInfoBatch(objectApiName);
 	const firstResult = objectMetadata?.results?.[0]?.result;
 	if (!firstResult) {
 		throw new Error(`Object metadata not found for ${objectApiName}`);

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoGraphQLService.ts

@@ -161,19 +161,10 @@ function buildObjectInfosWithPicklistsQuery(): string {
 }`;
 }
 
-/**
- * Fetches object metadata for the given objects via GraphQL.
- *
- * @param apiNames - Object API names (e.g. ["Account", "Contact"]).
- * @param options.objectInfoInputs - When set, picklist values for specified fields are included (API v65.0+).
- * @param options.signal - Optional abort signal.
- * @returns Raw uiapi.objectInfos response (adapt to REST shape via graphQLObjectInfosToBatchResponse).
- */
 export async function getObjectInfosGraphQL(
 	apiNames: string[],
 	options?: {
 		objectInfoInputs?: ObjectInfoInput[] | null;
-		signal?: AbortSignal;
 	},
 ): Promise<ObjectInfosGraphQLResponse> {
 	const names = apiNames.length ? apiNames : [];

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoService.ts

@@ -1,8 +1,4 @@
 import { uiApiClient } from "@salesforce/webapp-experimental/api";
-import { z } from "zod";
-import type { SearchResultsResponse, KeywordSearchResult } from "../types/search/searchResults";
-import { SearchResultsResponseSchema } from "../types/search/searchResults";
-import { FilterCriteriaArraySchema } from "../types/filters/filters";
 import type { Filter } from "../types/filters/filters";
 import { FilterArraySchema } from "../types/filters/filters";
 import type { PicklistValue } from "../types/filters/picklist";
@@ -18,7 +14,7 @@ import {
  * Object info and search service.
  *
  * - getObjectInfoBatch / getPicklistValues: GraphQL (objectInfoGraphQLService).
- * - getObjectListFilters, searchResults: REST (search-info, search/results).
+ * - getObjectListFilters: REST (search-info).
  * Hooks use this service; components do not call it directly.
  *
  * @module api/objectInfoService
@@ -36,18 +32,7 @@ function getObjectInfoBatchCacheKey(objectApiNames: string): string {
 const objectInfoBatchCache = new Map<string, ObjectInfoBatchResponse>();
 const objectInfoBatchInFlight = new Map<string, Promise<ObjectInfoBatchResponse>>();
 
-/**
- * Fetches batch object information for the specified objects via GraphQL (uiapi.objectInfos).
- * Results are cached by object set so List, Home, and Detail views share one request.
- *
- * @param objectApiNames - Comma-separated list of object API names (e.g., "Account,AccountBrand")
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the object info batch response (REST-compatible shape)
- */
-export async function getObjectInfoBatch(
-	objectApiNames: string,
-	signal?: AbortSignal,
-): Promise<ObjectInfoBatchResponse> {
+export async function getObjectInfoBatch(objectApiNames: string): Promise<ObjectInfoBatchResponse> {
 	const names = objectApiNames
 		.split(",")
 		.map((s) => s.trim())
@@ -62,7 +47,7 @@ export async function getObjectInfoBatch(
 	if (inFlight) return inFlight;
 	const promise = (async () => {
 		try {
-			const response = await getObjectInfosGraphQL(names, { signal });
+			const response = await getObjectInfosGraphQL(names);
 			const nodes = response?.uiapi?.objectInfos ?? [];
 			const result = graphQLObjectInfosToBatchResponse(nodes, names);
 			objectInfoBatchCache.set(key, result);
@@ -75,24 +60,9 @@ export async function getObjectInfoBatch(
 	return promise;
 }
 
-/**
- * Fetches list filters for a specific object.
- * Salesforce Search supports "Search Filters" (refinements) which are configured per object.
- * This API returns the available filters (e.g., "Close Date", "Stage") that the user
- * can use to narrow down the search results.
- * @param objectApiName - The API name of the object (e.g., "Account")
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the search filters array
- */
-export async function getObjectListFilters(
-	objectApiName: string,
-	signal?: AbortSignal,
-): Promise<Filter[]> {
+export async function getObjectListFilters(objectApiName: string): Promise<Filter[]> {
 	return fetchAndValidate(
-		(abortSignal) =>
-			uiApiClient.get(`/search-info/${safeEncodePath(objectApiName)}/filters`, {
-				signal: abortSignal,
-			}),
+		() => uiApiClient.get(`/search-info/${safeEncodePath(objectApiName)}/filters`),
 		{
 			schema: FilterArraySchema,
 			errorContext: `filters for ${objectApiName}`,
@@ -100,25 +70,14 @@ export async function getObjectListFilters(
 				if (!data) return [];
 				return Array.isArray(data) ? data : (data as { filters?: unknown }).filters || [];
 			},
-			signal,
 		},
 	);
 }
 
-/**
- * Fetches picklist values for a specific field via GraphQL (uiapi.objectInfos with objectInfoInputs).
- *
- * @param objectApiName - The API name of the object (e.g., "Account")
- * @param fieldName - The API name of the field (e.g., "Type")
- * @param recordTypeId - Optional record type ID (defaults to "012000000000000AAA" which is the default/master record type)
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to an array of picklist values
- */
 export async function getPicklistValues(
 	objectApiName: string,
 	fieldName: string,
 	recordTypeId: string = "012000000000000AAA",
-	signal?: AbortSignal,
 ): Promise<PicklistValue[]> {
 	const response = await getObjectInfosGraphQL([objectApiName], {
 		objectInfoInputs: [
@@ -127,7 +86,6 @@ export async function getPicklistValues(
 				fieldNames: [fieldName],
 			},
 		],
-		signal,
 	});
 	const nodes = response?.uiapi?.objectInfos ?? [];
 	const node = nodes[0];
@@ -135,65 +93,8 @@ export async function getPicklistValues(
 	return extractPicklistValuesFromGraphQLObjectInfo(node, fieldName, recordTypeId);
 }
 
-// Zod Schema for Search Parameters
-const SearchParamsSchema = z.object({
-	filters: FilterCriteriaArraySchema.optional(),
-	pageSize: z.number().optional(),
-	pageToken: z.string().optional(),
-	sortBy: z.string().optional(),
-});
-
-/**
- * Search parameters for keyword search
- */
-export type SearchParams = z.infer<typeof SearchParamsSchema>;
-
-/**
- * Performs a keyword search on a specific object.
- * Returns records that match the text query along with pagination information.
- *
- * @param query - The search query string
- * @param objectApiName - The API name of the object to search (e.g., "Account")
- * @param params - Optional search parameters (pageSize, pageToken, filters, sortBy)
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the keyword search result with records and pagination tokens
- */
-export async function searchResults(
-	query: string,
-	objectApiName: string,
-	params?: SearchParams,
-	signal?: AbortSignal,
-): Promise<KeywordSearchResult> {
-	const searchParams = new URLSearchParams({
-		q: query,
-		objectApiName: objectApiName,
-	});
-
-	const body = {
-		filters: params?.filters ?? [],
-		pageSize: params?.pageSize ?? 50,
-		pageToken: params?.pageToken ?? "0",
-		sortBy: params?.sortBy ?? "",
-	};
-
-	const response = await fetchAndValidate<SearchResultsResponse>(
-		(abortSignal) =>
-			uiApiClient.post(`/search/results/keyword?${searchParams.toString()}`, body, {
-				signal: abortSignal,
-			}),
-		{
-			schema: SearchResultsResponseSchema,
-			errorContext: `search results for ${objectApiName} with query "${query}"`,
-			signal,
-		},
-	);
-
-	return response.keywordSearchResult;
-}
-
 export const objectInfoService = {
 	getObjectInfoBatch,
 	getObjectListFilters,
 	getPicklistValues,
-	searchResults,
 };

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/hooks/useObjectSearchData.ts

@@ -6,26 +6,16 @@
  * - getSharedFilters: module-level deduplication for getObjectListFilters across hook instances.
  */
 
-import { useState, useEffect, useRef, useMemo } from "react";
-import { objectInfoService, type SearchParams } from "../api/objectInfoService";
-import type {
-	Column,
-	SearchResultRecord,
-	SearchResultRecordData,
-} from "../types/search/searchResults";
-import type { Filter, FilterCriteria } from "../types/filters/filters";
+import { useState, useEffect } from "react";
+import { objectInfoService } from "../api/objectInfoService";
+import type { Column } from "../types/search/searchResults";
+import type { Filter } from "../types/filters/filters";
 import type { PicklistValue } from "../types/filters/picklist";
-import { createFiltersKey } from "../utils/cacheUtils";
 
 // --- Shared filters cache (deduplicates getObjectListFilters across useObjectColumns + useObjectFilters) ---
 const sharedFiltersCache = new Map<string, Filter[]>();
 const sharedFiltersInFlight = new Map<string, Promise<Filter[]>>();
 
-/**
- * Returns filters for the object, deduplicating the API call across hook instances.
- * Does not pass abort signal to the API so the shared request is not aborted when
- * one consumer's effect cleans up (e.g. React Strict Mode); callers still guard with isCancelled.
- */
 function getSharedFilters(objectApiName: string): Promise<Filter[]> {
 	const cached = sharedFiltersCache.get(objectApiName);
 	if (cached) return Promise.resolve(cached);
@@ -100,7 +90,6 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 		}
 
 		let isCancelled = false;
-		const ac = new AbortController();
 
 		const run = async () => {
 			setState((s) => ({ ...s, loading: true, error: null }));
@@ -111,12 +100,9 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 				const selectFilters = filters.filter((f) => f.affordance?.toLowerCase() === "select");
 				const picklistPromises = selectFilters.map((f) =>
 					objectInfoService
-						.getPicklistValues(objectApiName!, f.targetFieldPath, undefined, ac.signal)
+						.getPicklistValues(objectApiName!, f.targetFieldPath)
 						.then((values) => ({ fieldPath: f.targetFieldPath, values }))
-						.catch((err) => {
-							if (err?.name === "AbortError") throw err;
-							return { fieldPath: f.targetFieldPath, values: [] as PicklistValue[] };
-						}),
+						.catch(() => ({ fieldPath: f.targetFieldPath, values: [] as PicklistValue[] })),
 				);
 				const picklistResults = await Promise.all(picklistPromises);
 				if (isCancelled) return;
@@ -134,7 +120,7 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 					error: null,
 				});
 			} catch (err) {
-				if (isCancelled || (err instanceof Error && err.name === "AbortError")) return;
+				if (isCancelled) return;
 				setState((s) => ({
 					...s,
 					columns: [],
@@ -149,7 +135,6 @@ export function useObjectListMetadata(objectApiName: string | null): ObjectListM
 		run();
 		return () => {
 			isCancelled = true;
-			ac.abort();
 		};
 	}, [objectApiName]);
 
@@ -169,212 +154,6 @@ export function useObjectColumns(objectApiName: string | null) {
 	};
 }
 
-/**
- * Hook: useObjectSearchResults
- *
- * Fetches search results for a specific object based on the provided query parameters.
- * Maintains the *latest* result set for the object in state to prevent redundant
- * network requests when the component re-renders with the same parameters.
- * Includes debouncing for search queries (but not pagination).
- *
- * @param objectApiName - The API name of the object to search
- * @param searchQuery - The search query string
- * @param searchPageSize - Number of results per page (default: 50)
- * @param searchPageToken - Pagination token (default: '0')
- * @param filters - Array of filter criteria to apply (default: [])
- * @param sortBy - Sort field and direction (default: 'relevance')
- * @returns Object containing results array, pagination tokens, loading state, and error state
- *
- * @example
- * ```tsx
- * const { results, nextPageToken, previousPageToken, currentPageToken, resultsLoading, resultsError } = useObjectSearchResults(
- *   'Account',
- *   'test query',
- *   25,
- *   '0',
- *   [{ objectApiName: 'Account', fieldPath: 'Name', operator: 'contains', values: ['test'] }]
- * );
- * ```
- */
-export function useObjectSearchResults(
-	objectApiName: string | null,
-	searchQuery: string,
-	searchPageSize: number = 50,
-	searchPageToken: string = "0",
-	filters: FilterCriteria[] = [],
-	sortBy: string = "relevance",
-) {
-	const [resultsCache, setResultsCache] = useState<
-		Record<
-			string,
-			{
-				results: SearchResultRecord[];
-				query: string;
-				pageToken: string;
-				pageSize: number;
-				filtersKey: string;
-				sortBy: string;
-				nextPageToken: string | null;
-				previousPageToken: string | null;
-				currentPageToken: string;
-			}
-		>
-	>({});
-	const [loading, setLoading] = useState<Record<string, boolean>>({});
-	const [error, setError] = useState<Record<string, string | null>>({});
-
-	const debounceTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
-	const abortControllerRef = useRef<AbortController | null>(null);
-	const resultsCacheRef = useRef(resultsCache);
-
-	const filtersKey = useMemo(() => {
-		const filtersArray = Array.isArray(filters) ? filters : [];
-		return createFiltersKey(filtersArray);
-	}, [filters]);
-
-	useEffect(() => {
-		resultsCacheRef.current = resultsCache;
-	}, [resultsCache]);
-
-	useEffect(() => {
-		if (!objectApiName || !searchQuery.trim()) {
-			return;
-		}
-
-		let isCancelled = false;
-		const abortController = new AbortController();
-
-		if (abortControllerRef.current) {
-			abortControllerRef.current.abort();
-		}
-		abortControllerRef.current = abortController;
-
-		if (debounceTimeout.current) {
-			clearTimeout(debounceTimeout.current);
-			debounceTimeout.current = null;
-		}
-
-		const cached = resultsCacheRef.current[objectApiName];
-		if (
-			!abortController.signal.aborted &&
-			cached &&
-			cached.query === searchQuery &&
-			cached.pageToken === searchPageToken &&
-			cached.pageSize === searchPageSize &&
-			cached.filtersKey === filtersKey &&
-			cached.sortBy === sortBy
-		) {
-			return;
-		}
-
-		if (abortController.signal.aborted) {
-			return;
-		}
-
-		const fetchResults = async () => {
-			setLoading((prev) => ({ ...prev, [objectApiName]: true }));
-			setError((prev) => ({ ...prev, [objectApiName]: null }));
-
-			try {
-				const searchParams: SearchParams = {
-					sortBy: sortBy === "relevance" ? "" : sortBy,
-					filters: filters,
-					pageSize: searchPageSize,
-					pageToken: searchPageToken,
-				};
-
-				const keywordSearchResult = await objectInfoService.searchResults(
-					searchQuery,
-					objectApiName,
-					searchParams,
-					abortController.signal,
-				);
-
-				if (isCancelled || abortController.signal.aborted) return;
-
-				const normalizedRecords = keywordSearchResult.records.map((r) => ({
-					record: r.record as SearchResultRecordData,
-					highlightInfo: r.highlightInfo,
-					searchInfo: r.searchInfo,
-				}));
-
-				const nextPageToken: string | null = keywordSearchResult.nextPageToken ?? null;
-				const previousPageToken: string | null = keywordSearchResult.previousPageToken ?? null;
-
-				setResultsCache((prev): typeof prev => ({
-					...prev,
-					[objectApiName]: {
-						results: normalizedRecords,
-						query: searchQuery,
-						pageToken: searchPageToken,
-						pageSize: searchPageSize,
-						filtersKey: filtersKey,
-						sortBy,
-						nextPageToken,
-						previousPageToken,
-						currentPageToken: keywordSearchResult.currentPageToken,
-					},
-				}));
-			} catch (err) {
-				if (isCancelled || (err instanceof Error && err.name === "AbortError")) {
-					return;
-				}
-				setError((prev) => ({ ...prev, [objectApiName]: "Unable to load search results" }));
-				// Cache empty result so we skip refetch on remount (avoid infinite loop on API error)
-				setResultsCache((prev) => ({
-					...prev,
-					[objectApiName]: {
-						results: [],
-						query: searchQuery,
-						pageToken: searchPageToken,
-						pageSize: searchPageSize,
-						filtersKey: filtersKey,
-						sortBy,
-						nextPageToken: null,
-						previousPageToken: null,
-						currentPageToken: searchPageToken,
-					},
-				}));
-			} finally {
-				if (!isCancelled) {
-					setLoading((prev) => ({ ...prev, [objectApiName]: false }));
-				}
-			}
-		};
-
-		if (searchPageToken === "0") {
-			debounceTimeout.current = setTimeout(() => {
-				fetchResults();
-			}, 300);
-		} else {
-			fetchResults();
-		}
-
-		return () => {
-			isCancelled = true;
-			abortController.abort();
-			if (debounceTimeout.current) {
-				clearTimeout(debounceTimeout.current);
-				debounceTimeout.current = null;
-			}
-			if (abortControllerRef.current === abortController) {
-				abortControllerRef.current = null;
-			}
-		};
-	}, [objectApiName, searchQuery, searchPageSize, searchPageToken, filtersKey, sortBy]);
-
-	return {
-		results: objectApiName ? resultsCache[objectApiName]?.results || [] : [],
-		nextPageToken: objectApiName ? resultsCache[objectApiName]?.nextPageToken || null : null,
-		previousPageToken: objectApiName
-			? resultsCache[objectApiName]?.previousPageToken || null
-			: null,
-		currentPageToken: objectApiName ? resultsCache[objectApiName]?.currentPageToken || "0" : "0",
-		resultsLoading: objectApiName ? loading[objectApiName] || false : false,
-		resultsError: objectApiName ? error[objectApiName] || null : null,
-	};
-}
-
 /**
  * Hook: useObjectFilters
  * Thin wrapper over useObjectListMetadata for backward compatibility.

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/hooks/useRecordDetailLayout.ts

@@ -16,7 +16,6 @@ export interface UseRecordDetailLayoutParams {
 	objectApiName: string | null;
 	recordId: string | null;
 	recordTypeId?: string | null;
-	/** When provided, skips the fetch and uses this data (avoids duplicate API calls when parent already fetched). Callers should memoize this (e.g. useMemo) to avoid unnecessary effect runs. */
 	initialData?: {
 		layout: LayoutResponse;
 		record: GraphQLRecordNode;
@@ -25,7 +24,6 @@ export interface UseRecordDetailLayoutParams {
 }
 
 const MAX_CACHE_SIZE = 50;
-/** Cache entries older than this are treated as stale and refetched. */
 const CACHE_TTL_MS = 5 * 60 * 1000;
 
 type CacheEntry = {
@@ -35,17 +33,6 @@ type CacheEntry = {
 	cachedAt: number;
 };
 
-/**
- * Detail page data: layout (REST), object metadata (GraphQL), single record (GraphQL).
- *
- * Calls objectDetailService.getRecordDetail once per objectApiName/recordId/recordTypeId.
- * Caches result in memory (TTL 5min, max 50 entries). Used by DetailPage and UiApiDetailForm.
- *
- * @param objectApiName - Object API name.
- * @param recordId - Record Id.
- * @param recordTypeId - Optional record type (default master).
- * @returns { layout, record, objectMetadata, loading, error }.
- */
 export function useRecordDetailLayout({
 	objectApiName,
 	recordId,
@@ -71,7 +58,6 @@ export function useRecordDetailLayout({
 			return;
 		}
 
-		// Skip fetch when parent already provided data (avoids duplicate API calls)
 		if (
 			initialData?.layout != null &&
 			initialData?.record != null &&
@@ -92,7 +78,6 @@ export function useRecordDetailLayout({
 		}
 
 		let isCancelled = false;
-		const abortController = new AbortController();
 
 		const fetchDetail = async () => {
 			setLoading(true);
@@ -107,7 +92,6 @@ export function useRecordDetailLayout({
 					objectApiName,
 					recordId,
 					recordTypeId ?? undefined,
-					abortController.signal,
 				);
 
 				if (isCancelled) return;
@@ -127,9 +111,7 @@ export function useRecordDetailLayout({
 				setRecord(recordData);
 				setObjectMetadata(objectMetadataData);
 			} catch (err) {
-				if (isCancelled || (err instanceof Error && err.name === "AbortError")) {
-					return;
-				}
+				if (isCancelled) return;
 				setError("Failed to load record details");
 			} finally {
 				if (!isCancelled) {
@@ -142,7 +124,6 @@ export function useRecordDetailLayout({
 
 		return () => {
 			isCancelled = true;
-			abortController.abort();
 		};
 	}, [objectApiName, recordId, recordTypeId, cacheKey, initialData]);
 

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/utils/apiUtils.ts

@@ -2,77 +2,31 @@
  * API Utilities
  *
  * Generic utility functions for API requests, validation, and URL handling.
- * These utilities are framework-agnostic and can be reused across different API services.
  */
 
 import type { ZodSchema } from "zod";
 
-/**
- * Options for fetchAndValidate utility function
- */
 export interface FetchAndValidateOptions<T> {
-	/** Zod schema for validation */
 	schema: ZodSchema<T>;
-	/** Error context for better error messages (e.g., "object info batch", "list info") */
 	errorContext: string;
-	/** Optional function to extract/transform data from response before validation */
 	extractData?: (data: unknown) => unknown;
-	/** Optional AbortSignal to cancel the request */
-	signal?: AbortSignal;
 }
 
-/**
- * Generic utility function to fetch, parse, and validate API responses.
- * Handles common patterns: fetch -> check status -> parse JSON -> validate Zod -> handle errors
- *
- * @param fetchFn - Function that returns a Promise<Response> (e.g., uiApiClient.get or uiApiClient.post)
- * @param options - Configuration options including schema, error context, optional data extraction, and AbortSignal
- * @returns Promise resolving to validated data of type T
- *
- * @remarks
- * - Handles abort signals properly to prevent race conditions
- * - Provides detailed error messages with context
- * - Validates responses using Zod schemas for type safety
- * - Supports data extraction/transformation before validation
- *
- * @example
- * ```tsx
- * const data = await fetchAndValidate(
- *   (signal) => apiClient.get('/endpoint', { signal }),
- *   {
- *     schema: MySchema,
- *     errorContext: 'user data',
- *     extractData: (data) => data.items,
- *     signal: abortController.signal
- *   }
- * );
- * ```
- */
 export async function fetchAndValidate<T>(
-	fetchFn: (signal?: AbortSignal) => Promise<Response>,
+	fetchFn: () => Promise<Response>,
 	options: FetchAndValidateOptions<T>,
 ): Promise<T> {
-	const { schema, errorContext, extractData, signal } = options;
+	const { schema, errorContext, extractData } = options;
 
 	try {
-		const response = await fetchFn(signal);
-
-		if (signal?.aborted) {
-			throw new DOMException("The operation was aborted.", "AbortError");
-		}
+		const response = await fetchFn();
 
 		if (!response.ok) {
 			throw new Error(`Failed to fetch ${errorContext}: ${response.status} ${response.statusText}`);
 		}
 
 		const data = await response.json();
-
-		if (signal?.aborted) {
-			throw new DOMException("The operation was aborted.", "AbortError");
-		}
-
 		const dataToValidate = extractData ? extractData(data) : data;
-
 		const validationResult = schema.safeParse(dataToValidate);
 
 		if (!validationResult.success) {
@@ -81,14 +35,6 @@ export async function fetchAndValidate<T>(
 
 		return validationResult.data;
 	} catch (error) {
-		if (error instanceof DOMException && error.name === "AbortError") {
-			throw error;
-		}
-
-		if (error instanceof Error && error.name === "AbortError") {
-			throw error;
-		}
-
 		if (error instanceof Error && error.name === "ZodError") {
 			throw new Error(`Invalid ${errorContext} response format: ${error.message}`);
 		}
@@ -108,18 +54,6 @@ export async function fetchAndValidate<T>(
 	}
 }
 
-/**
- * Helper to safely encode path components for URLs
- * Wraps encodeURIComponent for better semantic meaning
- *
- * @param segment - The path segment to encode
- * @returns URL-encoded path segment
- *
- * @example
- * ```tsx
- * const safePath = safeEncodePath('Account Name'); // 'Account%20Name'
- * ```
- */
 export function safeEncodePath(segment: string): string {
 	return encodeURIComponent(segment);
 }

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/index.ts

@@ -0,0 +1,125 @@
+/**
+ * Public API for the Global Search feature package.
+ *
+ * Design goals:
+ * - Export **API services, hooks, types, schemas, and utilities** that customers can import from node_modules.
+ * - Do **not** export UI components or feature constants (customers build their own UI).
+ *
+ * Source implementation lives under `src/features/global-search/**`.
+ */
+
+// ---------------------------------------------------------------------------
+// API layer
+// ---------------------------------------------------------------------------
+
+export { objectInfoService } from "./features/global-search/api/objectInfoService";
+export {
+	objectDetailService,
+	extractFieldsFromLayout,
+} from "./features/global-search/api/objectDetailService";
+export type { RecordDetailResult } from "./features/global-search/api/objectDetailService";
+
+export {
+	getRecordsGraphQL,
+	getRecordByIdGraphQL,
+	buildGetRecordsQuery,
+	buildWhereFromCriteria,
+	buildOrderByFromSort,
+} from "./features/global-search/api/recordListGraphQLService";
+export type {
+	RecordListGraphQLResult,
+	RecordListGraphQLVariables,
+	RecordListGraphQLOptions,
+	GraphQLRecordNode,
+} from "./features/global-search/api/recordListGraphQLService";
+
+// ---------------------------------------------------------------------------
+// Hooks
+// ---------------------------------------------------------------------------
+
+export { useObjectInfoBatch } from "./features/global-search/hooks/useObjectInfoBatch";
+export {
+	useObjectListMetadata,
+	useObjectColumns,
+	useObjectFilters,
+} from "./features/global-search/hooks/useObjectSearchData";
+export { useRecordListGraphQL } from "./features/global-search/hooks/useRecordListGraphQL";
+export { useRecordDetailLayout } from "./features/global-search/hooks/useRecordDetailLayout";
+
+export type { ObjectListMetadata } from "./features/global-search/hooks/useObjectSearchData";
+
+export type {
+	UseRecordListGraphQLOptions,
+	UseRecordListGraphQLReturn,
+} from "./features/global-search/hooks/useRecordListGraphQL";
+
+export type {
+	UseRecordDetailLayoutParams,
+	UseRecordDetailLayoutReturn,
+} from "./features/global-search/hooks/useRecordDetailLayout";
+
+// ---------------------------------------------------------------------------
+// Types + Zod schemas (runtime validation)
+// ---------------------------------------------------------------------------
+
+export {
+	ColumnArraySchema,
+	SearchResultRecordArraySchema,
+	KeywordSearchResultSchema,
+	SearchResultsResponseSchema,
+} from "./features/global-search/types/search/searchResults";
+export type {
+	Column,
+	SearchResultRecord,
+	KeywordSearchResult,
+	SearchResultsResponse,
+} from "./features/global-search/types/search/searchResults";
+
+export {
+	FilterArraySchema,
+	FilterCriteriaArraySchema,
+	FILTER_OPERATORS,
+} from "./features/global-search/types/filters/filters";
+export type {
+	Filter,
+	FilterCriteria,
+	FilterOperator,
+	FiltersResponse,
+} from "./features/global-search/types/filters/filters";
+
+export { PicklistValueArraySchema } from "./features/global-search/types/filters/picklist";
+export type { PicklistValue } from "./features/global-search/types/filters/picklist";
+
+export {
+	ObjectInfoBatchResponseSchema,
+	ObjectInfoResultSchema,
+} from "./features/global-search/types/objectInfo/objectInfo";
+export type {
+	ObjectInfoBatchResponse,
+	ObjectInfoResult,
+} from "./features/global-search/types/objectInfo/objectInfo";
+
+export { LayoutResponseSchema } from "./features/global-search/types/recordDetail/recordDetail";
+export type { LayoutResponse } from "./features/global-search/types/recordDetail/recordDetail";
+
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+
+export { fetchAndValidate, safeEncodePath } from "./features/global-search/utils/apiUtils";
+export { debounce } from "./features/global-search/utils/debounce";
+export { createFiltersKey } from "./features/global-search/utils/cacheUtils";
+export {
+	calculateFieldsToFetch,
+	getSafeKey,
+	isValidSalesforceId,
+} from "./features/global-search/utils/recordUtils";
+export { parseFilterValue } from "./features/global-search/utils/filterUtils";
+export { sanitizeFilterValue } from "./features/global-search/utils/sanitizationUtils";
+export {
+	getGraphQLNodeValue,
+	getDisplayValueForDetailFieldFromNode,
+	getDisplayValueForLayoutItemFromNode,
+	getGraphQLRecordDisplayName,
+} from "./features/global-search/utils/graphQLNodeFieldUtils";
+export { graphQLNodeToSearchResultRecordData } from "./features/global-search/utils/graphQLRecordAdapter";

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.75.1",
+  "version": "1.76.1",
   "description": "Base SFDX project template",
   "private": true,
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-template-b2x-experimental",
-  "version": "1.75.1",
+  "version": "1.76.1",
   "description": "Base reference app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",