@salesforce/ui-bundle-template-feature-angular-object-search 12.5.4

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/eslint.config.js

@@ -0,0 +1,76 @@
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import angular from 'angular-eslint';
+import tseslint from 'typescript-eslint';
+import { createPlugin } from './eslint-plugin-angular-graphql.js';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const schemaPath = resolve(__dirname, '../../../../../schema.graphql');
+const angularGraphqlPlugin = createPlugin({ schemaPath });
+
+export default tseslint.config(
+	// Global ignores
+	{
+		ignores: [
+			'dist/**/*',
+			'.angular/**/*',
+			'coverage/**/*',
+			'node_modules/**/*',
+			// Vendored Spartan primitives use upstream hlm*/brn* selectors and are
+			// not authored here, so they can't satisfy the app-prefix/a11y rules.
+			'**/shared/**',
+		],
+	},
+	// TypeScript files
+	{
+		files: ['**/*.ts'],
+		extends: [
+			js.configs.recommended,
+			...tseslint.configs.recommended,
+			...angular.configs.tsRecommended,
+		],
+		rules: {
+			'@angular-eslint/directive-selector': [
+				'error',
+				{
+					type: 'attribute',
+					prefix: 'app',
+					style: 'camelCase',
+				},
+			],
+			'@angular-eslint/component-selector': [
+				'error',
+				{
+					type: 'element',
+					prefix: 'app',
+					style: 'kebab-case',
+				},
+			],
+			// The UI wrapper components (app-button, app-card, …) intentionally
+			// alias an input to `class` so callers can write `class="…"` on the host
+			// and have it forward to the inner Material element. Allow that one name.
+			'@angular-eslint/no-input-rename': ['error', { allowedNames: ['class'] }],
+			'@typescript-eslint/no-unused-vars': [
+				'error',
+				{
+					argsIgnorePattern: '^_',
+					varsIgnorePattern: '^_',
+					caughtErrorsIgnorePattern: '^_',
+					ignoreRestSiblings: true,
+				},
+			],
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/explicit-function-return-type': 'off',
+			'@typescript-eslint/explicit-module-boundary-types': 'off',
+		},
+	},
+	// Template files
+	{
+		files: ['**/*.html'],
+		extends: [...angular.configs.templateRecommended, ...angular.configs.templateAccessibility],
+		rules: {},
+	},
+	// Inline template processor + GraphQL rules (plugin handles schema detection)
+	...angularGraphqlPlugin.configs,
+);

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/feature-angular-object-search.uibundle-meta.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<UIBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <masterLabel>feature-angular-object-search</masterLabel>
+    <description>A Salesforce UI Bundle.</description>
+    <isActive>true</isActive>
+    <version>1</version>
+</UIBundle>

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/middleware/html.mjs

@@ -0,0 +1,3 @@
+import { createHtmlMiddleware } from '@salesforce/angular-plugin-ui-bundle';
+
+export default await createHtmlMiddleware();

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/middleware/proxy.mjs

@@ -0,0 +1,12 @@
+/**
+ * Proxy middleware for Angular CLI dev server.
+ *
+ * Forwards `/services/*` and other manifest-routed paths to the connected
+ * Salesforce org with authentication. Watches `ui-bundle.json` for changes
+ * and recreates the proxy handler automatically (manual browser refresh needed).
+ *
+ * Referenced from angular.json: architect.serve.options.middlewares[].
+ */
+import { createProxyMiddleware } from '@salesforce/angular-plugin-ui-bundle';
+
+export default await createProxyMiddleware();

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "base-angular-app",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
+  "scripts": {
+    "dev": "sf-angular-serve",
+    "dev:design": "sf-angular-serve --design",
+    "build": "ng lint && ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "lint": "ng lint",
+    "build:e2e": "ng lint && ng build && node scripts/rewrite-e2e-assets.mjs",
+    "e2e": "playwright test",
+    "graphql:schema": "node scripts/get-graphql-schema.mjs",
+    "graphql:codegen": "graphql-codegen"
+  },
+  "dependencies": {
+    "@angular/cdk": "^21.2.0",
+    "@angular/common": "^21.2.0",
+    "@angular/compiler": "^21.2.0",
+    "@angular/core": "^21.2.0",
+    "@angular/forms": "^21.2.0",
+    "@angular/platform-browser": "^21.2.0",
+    "@angular/router": "^21.2.0",
+    "@ng-icons/core": "^32.2.0",
+    "@ng-icons/lucide": "^32.2.0",
+    "@salesforce/angular-plugin-ui-bundle": "^12.5.4",
+    "@salesforce/platform-sdk": "^12.5.4",
+    "@spartan-ng/brain": "^1.3.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "rxjs": "~7.8.0",
+    "tailwind-merge": "^3.5.0",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@angular-builders/custom-esbuild": "^21.0.0",
+    "@angular-eslint/builder": "^21.0.0",
+    "@angular/build": "^21.2.11",
+    "@angular/cli": "^21.2.11",
+    "@angular/compiler-cli": "^21.2.0",
+    "@eslint/js": "^9.0.0",
+    "@graphql-codegen/cli": "^6.1.0",
+    "@graphql-codegen/typescript-operations": "^5.0.6",
+    "@graphql-eslint/eslint-plugin": "^4.1.0",
+    "@playwright/test": "^1.49.0",
+    "@spartan-ng/cli": "^1.3.1",
+    "@tailwindcss/postcss": "^4.0.0",
+    "angular-eslint": "^21.0.0",
+    "eslint": "^9.0.0",
+    "graphql": "^16.11.0",
+    "graphql-codegen-typescript-operation-types": "^2.0.2",
+    "jsdom": "^28.0.0",
+    "postcss": "^8.5.0",
+    "serve": "^14.2.5",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.9.2",
+    "typescript-eslint": "^8.0.0",
+    "vitest": "^4.1.0",
+    "@salesforce/graphiti": "^12.5.4"
+  },
+  "overrides": {
+    "undici": "^7.28.0"
+  }
+}

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/playwright.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig, devices } from '@playwright/test';
+
+const E2E_PORT = 5176;
+
+export default defineConfig({
+	testDir: './e2e',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: 'html',
+	use: {
+		baseURL: `http://localhost:${E2E_PORT}`,
+		trace: 'on-first-retry',
+	},
+	projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+	webServer: {
+		// Serve built dist/ with a static server so e2e works in CI without an SF org
+		// (ng serve runs the SF plugin/proxy middleware and can fail without an org).
+		command: `npx serve dist -l ${E2E_PORT}`,
+		url: `http://localhost:${E2E_PORT}`,
+		reuseExistingServer: !process.env.CI,
+		timeout: process.env.CI ? 120_000 : 60_000,
+	},
+});

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/scripts/get-graphql-schema.mjs

@@ -0,0 +1,69 @@
+/**
+ * Downloads the full GraphQL schema from a connected Salesforce org via introspection.
+ *
+ * Usage:
+ *   npm run graphql:schema
+ *   node scripts/get-graphql-schema.mjs [output-path]
+ *
+ * The default output path matches the schema location expected by codegen.yml
+ * and .graphqlrc.yml so that codegen and IDE tooling resolve it automatically.
+ */
+import { writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { getOrgInfo } from '@salesforce/ui-bundle/app';
+import { buildClientSchema, getIntrospectionQuery, printSchema } from 'graphql';
+import { pruneSchema } from '@graphql-tools/utils';
+
+const DEFAULT_SCHEMA_PATH = '../../../../../schema.graphql';
+const TARGET_ORG = process.env.SF_TARGET_ORG || undefined;
+
+async function executeSalesforceGraphQLQuery(query, variables, operationName) {
+	const orgInfo = await getOrgInfo(TARGET_ORG);
+	if (!orgInfo) {
+		throw new Error('Could not resolve a Salesforce org. Set SF_TARGET_ORG or a default org.');
+	}
+	const { rawInstanceUrl: instanceUrl, apiVersion, accessToken } = orgInfo;
+
+	const targetUrl = `${instanceUrl}/services/data/v${apiVersion}/graphql`;
+
+	console.log(`Executing introspection query against ${targetUrl}`);
+	const response = await fetch(targetUrl, {
+		method: 'POST',
+		headers: {
+			Authorization: `Bearer ${accessToken}`,
+			'Content-Type': 'application/json',
+			'X-Chatter-Entity-Encoding': 'false',
+		},
+		body: JSON.stringify({ query, variables, operationName }),
+	});
+
+	if (!response.ok) {
+		const errorText = await response.text();
+		throw new Error(
+			`Salesforce GraphQL request failed: ${response.status} ${response.statusText} - ${errorText}`,
+		);
+	}
+
+	return response.json();
+}
+
+try {
+	const outputPath = resolve(process.argv[2] || DEFAULT_SCHEMA_PATH);
+
+	const introspectionResult = await executeSalesforceGraphQLQuery(
+		getIntrospectionQuery(),
+		{},
+		'IntrospectionQuery',
+	);
+
+	const schema = buildClientSchema(introspectionResult.data);
+	const prunedSchema = pruneSchema(schema);
+	const sdl = printSchema(prunedSchema);
+
+	writeFileSync(outputPath, sdl);
+
+	console.log(`Schema saved to ${outputPath}`);
+} catch (error) {
+	console.error('Error:', error.message);
+	process.exit(1);
+}

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/scripts/rewrite-e2e-assets.mjs

@@ -0,0 +1,30 @@
+/**
+ * Prepares dist/ for e2e: root-relative asset paths + SPA fallback for serve.
+ *
+ * angular.json sets deployUrl: "./", so the built index.html references
+ * scripts/styles with a relative "./" prefix (e.g. ./main-HASH.js). When the
+ * SPA fallback serves index.html for a deep route like /non-existent-route,
+ * those "./" paths resolve against the wrong base and 404, so the app never
+ * boots. Rewrite them to root-relative "/" paths.
+ */
+import { readFileSync, writeFileSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+// angular.json outputPath: { base: "dist", browser: "" } -> files land in dist/
+const distDir = join(__dirname, '..', 'dist');
+
+// Rewrite index.html so asset paths are root-relative (./main-x.js -> /main-x.js)
+const indexPath = join(distDir, 'index.html');
+let html = readFileSync(indexPath, 'utf8');
+html = html.replace(/(src|href)="\.\//g, '$1="/');
+writeFileSync(indexPath, html);
+
+// SPA fallback so /non-existent-route etc. serve index.html
+writeFileSync(
+	join(distDir, 'serve.json'),
+	JSON.stringify({
+		rewrites: [{ source: '**', destination: '/index.html' }],
+	}),
+);

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/src/app/api/account/account-search.service.ts

@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+import { Injectable, inject } from "@angular/core";
+// DataClient is provided by the base-angular-app. Consumed via the
+// `__inherit__` stub one level up (app/api/account/ -> app/api/); post-compose
+// patches-cli strips the prefix so it resolves to the seeded base file at
+// app/api/data-client.service.ts.
+import { DataClient } from "../data-client.service";
+// Query constants are owned by this feature (sibling files) so object-search
+// is self-contained — no external GraphQL dependency.
+import { SEARCH_ACCOUNTS } from "./searchAccounts";
+import { GET_ACCOUNT_DETAIL } from "./getAccountDetail";
+import { DISTINCT_ACCOUNT_INDUSTRIES } from "./distinctAccountIndustries";
+import { DISTINCT_ACCOUNT_TYPES } from "./distinctAccountTypes";
+
+import type {
+	SearchAccountsQuery,
+	SearchAccountsQueryVariables,
+	GetAccountDetailQuery,
+	DistinctAccountIndustriesQuery,
+	DistinctAccountTypesQuery,
+} from "../graphql-operations-types";
+
+import {
+	ObjectSearchService,
+	type PicklistOption,
+	type ObjectSearchOptions,
+} from "../../features/object-search/api/object-search.service";
+
+// ---------------------------------------------------------------------------
+// Derived type aliases — replace the previously hand-written interfaces with
+// types extracted from the generated GraphQL operations
+// ---------------------------------------------------------------------------
+
+export type AccountSearchResult = NonNullable<SearchAccountsQuery["uiapi"]["query"]["Account"]>;
+
+export type AccountSearchNode = NonNullable<
+	NonNullable<NonNullable<AccountSearchResult["edges"]>[number]>["node"]
+>;
+
+export type AccountDetailResult = NonNullable<GetAccountDetailQuery["uiapi"]["query"]["Account"]>;
+
+export type AccountDetailNode = NonNullable<
+	NonNullable<NonNullable<AccountDetailResult["edges"]>[number]>["node"]
+>;
+
+export type AccountSearchOptions = ObjectSearchOptions<
+	SearchAccountsQueryVariables["where"],
+	SearchAccountsQueryVariables["orderBy"]
+>;
+
+export type { PicklistOption };
+
+/**
+ * Angular account-search data service.
+ *
+ * Wraps `ObjectSearchService` for search/aggregate queries and `DataClient`
+ * directly for the detail query (which takes an `id` variable rather than
+ * search options). Provided in root; the service is stateless (all state lives
+ * in `ObjectSearchStateService` per-page).
+ *
+ * Mirrors the React `accountSearchService` module — the shape of the returned
+ * data is identical so the templates can be a straight JSX-to-Angular port.
+ */
+@Injectable({ providedIn: "root" })
+export class AccountSearchService {
+	private readonly client = inject(DataClient);
+	private readonly objectSearch = inject(ObjectSearchService);
+
+	/** Runs the search query and returns the `Account` connection. */
+	async searchAccounts(args: AccountSearchOptions = {}): Promise<AccountSearchResult> {
+		return this.objectSearch.searchObjects<
+			AccountSearchResult,
+			SearchAccountsQuery,
+			SearchAccountsQueryVariables
+		>(SEARCH_ACCOUNTS, "Account", args);
+	}
+
+	/** Fetches a single Account by Id; returns `null` if not found. */
+	async getAccountDetail(id: string): Promise<AccountDetailNode | null> {
+		const data = await this.client.execute<GetAccountDetailQuery, { id: string }>(
+			GET_ACCOUNT_DETAIL,
+			{ id },
+		);
+		return data.uiapi.query.Account?.edges?.[0]?.node ?? null;
+	}
+
+	/** Distinct `Industry` values for the picklist filter. */
+	async fetchDistinctIndustries(): Promise<PicklistOption[]> {
+		return this.objectSearch.fetchDistinctValues<DistinctAccountIndustriesQuery>(
+			DISTINCT_ACCOUNT_INDUSTRIES,
+			"Account",
+			"Industry",
+		);
+	}
+
+	/** Distinct `Type` values for the multipicklist filter. */
+	async fetchDistinctTypes(): Promise<PicklistOption[]> {
+		return this.objectSearch.fetchDistinctValues<DistinctAccountTypesQuery>(
+			DISTINCT_ACCOUNT_TYPES,
+			"Account",
+			"Type",
+		);
+	}
+}

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/src/app/api/account/distinctAccountIndustries.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export const DISTINCT_ACCOUNT_INDUSTRIES = /* GraphQL */ `
+	query DistinctAccountIndustries {
+		uiapi {
+			aggregate {
+				Account(groupBy: { Industry: { group: true } }) {
+					edges {
+						node {
+							aggregate @optional {
+								Industry @optional {
+									value
+									displayValue
+									label
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+`;

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/src/app/api/account/distinctAccountTypes.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export const DISTINCT_ACCOUNT_TYPES = /* GraphQL */ `
+	query DistinctAccountTypes {
+		uiapi {
+			aggregate {
+				Account(groupBy: { Type: { group: true } }) {
+					edges {
+						node {
+							aggregate @optional {
+								Type @optional {
+									value
+									displayValue
+									label
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+`;

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/src/app/api/account/getAccountDetail.ts

@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export const GET_ACCOUNT_DETAIL = /* GraphQL */ `
+	query GetAccountDetail($id: ID!) {
+		uiapi {
+			query {
+				Account(where: { Id: { eq: $id } }) {
+					edges {
+						node {
+							Id
+							Name @optional {
+								value
+								displayValue
+							}
+							Owner @optional {
+								Name @optional {
+									value
+									displayValue
+								}
+							}
+							Phone @optional {
+								value
+								displayValue
+							}
+							Fax @optional {
+								value
+								displayValue
+							}
+							Parent @optional {
+								Name @optional {
+									value
+									displayValue
+								}
+							}
+							Website @optional {
+								value
+								displayValue
+							}
+							Type @optional {
+								value
+								displayValue
+							}
+							NumberOfEmployees @optional {
+								value
+								displayValue
+							}
+							Industry @optional {
+								value
+								displayValue
+							}
+							AnnualRevenue @optional {
+								value
+								displayValue
+							}
+							Description @optional {
+								value
+								displayValue
+							}
+							BillingStreet @optional {
+								value
+								displayValue
+							}
+							BillingCity @optional {
+								value
+								displayValue
+							}
+							BillingState @optional {
+								value
+								displayValue
+							}
+							BillingPostalCode @optional {
+								value
+								displayValue
+							}
+							BillingCountry @optional {
+								value
+								displayValue
+							}
+							ShippingStreet @optional {
+								value
+								displayValue
+							}
+							ShippingCity @optional {
+								value
+								displayValue
+							}
+							ShippingState @optional {
+								value
+								displayValue
+							}
+							ShippingPostalCode @optional {
+								value
+								displayValue
+							}
+							ShippingCountry @optional {
+								value
+								displayValue
+							}
+							CreatedBy @optional {
+								Name @optional {
+									value
+									displayValue
+								}
+							}
+							CreatedDate @optional {
+								value
+								displayValue
+							}
+							LastModifiedBy @optional {
+								Name @optional {
+									value
+									displayValue
+								}
+							}
+							LastModifiedDate @optional {
+								value
+								displayValue
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+`;

package/dist/force-app/main/default/uiBundles/feature-angular-object-search/src/app/api/account/searchAccounts.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+export const SEARCH_ACCOUNTS = /* GraphQL */ `
+	query SearchAccounts(
+		$first: Int
+		$after: String
+		$where: Account_Filter
+		$orderBy: Account_OrderBy
+	) {
+		uiapi {
+			query {
+				Account(first: $first, after: $after, where: $where, orderBy: $orderBy) {
+					edges {
+						node {
+							Id
+							Name @optional {
+								value
+								displayValue
+							}
+							Industry @optional {
+								value
+								displayValue
+							}
+							Type @optional {
+								value
+								displayValue
+							}
+							Phone @optional {
+								value
+								displayValue
+							}
+							Owner @optional {
+								Name @optional {
+									value
+									displayValue
+								}
+							}
+							AnnualRevenue @optional {
+								value
+								displayValue
+							}
+						}
+					}
+					pageInfo {
+						hasNextPage
+						hasPreviousPage
+						endCursor
+						startCursor
+					}
+					totalCount
+				}
+			}
+		}
+	}
+`;