@salesforce/ui-bundle-template-app-angular-template-b2e 11.31.11 → 11.31.12

package/dist/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.31.12](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.31.11...v11.31.12) (2026-07-21)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [11.31.11](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.31.10...v11.31.11) (2026-07-20)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/applications/{angularinternalapp.app-meta.xml → angularintapp.app-meta.xml}

@@ -10,8 +10,8 @@
     <isNavPersonalizationDisabled>false</isNavPersonalizationDisabled>
     <isNavTabPersistenceDisabled>false</isNavTabPersistenceDisabled>
     <isOmniPinnedViewEnabled>false</isOmniPinnedViewEnabled>
-    <label>angularinternalapp</label>
+    <label>angularintapp</label>
     <navType>Standard</navType>
-    <uiBundle>c__angularinternalapp</uiBundle>
+    <uiBundle>c__angularintapp</uiBundle>
     <uiType>Lightning</uiType>
 </CustomApplication>

package/dist/force-app/main/default/permissionsets/{angularinternalapp_Access.permissionset-meta.xml → angularintapp_Access.permissionset-meta.xml}

@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <PermissionSet xmlns="http://soap.sforce.com/2006/04/metadata">
     <applicationVisibilities>
-        <application>angularinternalapp</application>
+        <application>angularintapp</application>
         <visible>true</visible>
     </applicationVisibilities>
     <hasActivationRequired>false</hasActivationRequired>
-    <label>angularinternalapp Access</label>
+    <label>angularintapp Access</label>
     <userPermissions>
         <enabled>true</enabled>
         <name>ApiEnabled</name>

package/dist/force-app/main/default/uiBundles/{angularinternalapp → angularintapp}/angular.json

@@ -3,11 +3,14 @@
   "version": 1,
   "cli": {
     "packageManager": "npm",
-    "analytics": false
+    "analytics": false,
+    "cache": {
+      "enabled": false
+    }
   },
   "newProjectRoot": "projects",
   "projects": {
-    "angularinternalapp": {
+    "angularintapp": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -75,10 +78,10 @@
           },
           "configurations": {
             "production": {
-              "buildTarget": "angularinternalapp:build:production"
+              "buildTarget": "angularintapp:build:production"
             },
             "development": {
-              "buildTarget": "angularinternalapp:build:development"
+              "buildTarget": "angularintapp:build:development"
             }
           },
           "defaultConfiguration": "development"

package/dist/force-app/main/default/uiBundles/{angularinternalapp/angularinternalapp.uibundle-meta.xml → angularintapp/angularintapp.uibundle-meta.xml}

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

package/dist/force-app/main/default/uiBundles/{angularinternalapp → angularintapp}/src/app/app.routes.ts

@@ -1,9 +1,9 @@
 import { Routes } from '@angular/router';
-import { AppLayoutComponent } from './components/layout/app-layout/app-layout.component';
-import { NotFoundComponent } from './pages/not-found/not-found.component';
-import { HomePageComponent } from "./pages/home/home-page.component";
-import { AccountSearchPageComponent } from "./pages/account-search/account-search-page.component";
-import { AccountDetailPageComponent } from "./pages/account-detail/account-detail-page.component";
+import { AppLayoutComponent } from './components/layout/app-layout/app-layout';
+import { NotFoundComponent } from './pages/not-found/not-found';
+import { HomePageComponent } from "./pages/home/home-page";
+import { AccountSearchPageComponent } from "./pages/account-search/account-search-page";
+import { AccountDetailPageComponent } from "./pages/account-detail/account-detail-page";
 export const routes: Routes = [
   {
     path: "",

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/layout/app-layout/app-layout.component.html → angularintapp/src/app/components/layout/app-layout/app-layout.html}

@@ -28,23 +28,23 @@
 			</button>
 		</div>
 		@if (isOpen()) {
-			<div id="app-layout-nav-menu" class="pb-4">
-				<ul class="flex flex-col space-y-2 list-none">
-					@for (item of navigationItems(); track item.path) {
-						<li>
-							<a
-								[routerLink]="item.path"
-								routerLinkActive="bg-blue-100 text-blue-700"
-								[routerLinkActiveOptions]="{ exact: true }"
-								(click)="closeMenu()"
-								class="block px-3 py-2 rounded-md text-sm font-medium transition-colors text-gray-700 hover:bg-gray-100"
-							>
-								{{ item.label }}
-							</a>
-						</li>
-					}
-				</ul>
-			</div>
+		<div id="app-layout-nav-menu" class="pb-4">
+			<ul class="flex flex-col space-y-2 list-none">
+				@for (item of navigationItems(); track item.path) {
+				<li>
+					<a
+						[routerLink]="item.path"
+						routerLinkActive="bg-blue-100 text-blue-700"
+						[routerLinkActiveOptions]="{ exact: true }"
+						(click)="closeMenu()"
+						class="block px-3 py-2 rounded-md text-sm font-medium transition-colors text-gray-700 hover:bg-gray-100"
+					>
+						{{ item.label }}
+					</a>
+				</li>
+				}
+			</ul>
+		</div>
 		}
 	</div>
 </nav>

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/layout/app-layout/app-layout.component.spec.ts → angularintapp/src/app/components/layout/app-layout/app-layout.spec.ts}

@@ -6,8 +6,8 @@
 import { Component, input } from "@angular/core";
 import { TestBed } from "@angular/core/testing";
 import { provideRouter } from "@angular/router";
-import { AppLayoutComponent } from "./app-layout.component";
-import { AgentforceConversationClientComponent } from "../../../features/agentforce/agentforce-conversation-client/agentforce-conversation-client.component";
+import { AppLayoutComponent } from "./app-layout";
+import { AgentforceConversationClientComponent } from "../../../features/agentforce/conversation";
 
 // Stub the Agentforce client to keep this layout test hermetic (the real one
 // embeds Lightning Out on render).

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/layout/app-layout/app-layout.component.ts → angularintapp/src/app/components/layout/app-layout/app-layout.ts}

@@ -5,7 +5,7 @@
  */
 import { ChangeDetectionStrategy, Component, computed, inject, signal } from "@angular/core";
 import { Router, RouterLink, RouterLinkActive, RouterOutlet, type Route } from "@angular/router";
-import { AgentforceConversationClientComponent } from "../../../features/agentforce/agentforce-conversation-client/agentforce-conversation-client.component";
+import { AgentforceConversationClientComponent } from "../../../features/agentforce/conversation";
 
 interface NavItem {
 	path: string;
@@ -22,7 +22,7 @@ interface NavItem {
 	selector: "app-layout",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [RouterOutlet, RouterLink, RouterLinkActive, AgentforceConversationClientComponent],
-	templateUrl: "./app-layout.component.html",
+	templateUrl: "./app-layout.html",
 })
 export class AppLayoutComponent {
 	private readonly router = inject(Router);

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/alert/alert.component.ts → angularintapp/src/app/components/ui/alert/alert.ts}

@@ -21,7 +21,7 @@ const VARIANT_CLASSES: Record<AppAlertVariant, string> = {
 	selector: 'app-alert',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [MatIconModule],
-	templateUrl: './alert.component.html',
+	templateUrl: './alert.html',
 	host: {
 		'data-slot': 'alert',
 		role: 'alert',

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/button/button.component.ts → angularintapp/src/app/components/ui/button/button.ts}

@@ -30,8 +30,8 @@ export type AppButtonSize =
 	selector: 'app-button',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [MatButtonModule, MatIconModule],
-	templateUrl: './button.component.html',
-	styleUrl: './button.component.scss',
+	templateUrl: './button.html',
+	styleUrl: './button.scss',
 })
 export class ButtonComponent {
 	readonly appearance = input<AppButtonAppearance>('filled');

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/card/card.component.ts → angularintapp/src/app/components/ui/card/card.ts}

@@ -26,7 +26,7 @@ export type AppCardSize = 'default' | 'sm';
 	imports: [MatCard],
 	template:
 		'<mat-card appearance="outlined" [class]="classes()" [class.app-card-sm]="size() === \'sm\'"><ng-content /></mat-card>',
-	styleUrl: './card.component.scss',
+	styleUrl: './card.scss',
 })
 export class CardComponent {
 	readonly size = input<AppCardSize>('default');

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/collapsible/collapsible.component.ts → angularintapp/src/app/components/ui/collapsible/collapsible.ts}

@@ -15,7 +15,7 @@ import { MatExpansionModule } from '@angular/material/expansion';
 	selector: 'app-collapsible',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [MatExpansionModule],
-	templateUrl: './collapsible.component.html',
+	templateUrl: './collapsible.html',
 })
 export class CollapsibleComponent {
 	/** Two-way bindable expanded state. Supports `[(open)]`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/date-picker/date-picker.component.ts → angularintapp/src/app/components/ui/date-picker/date-picker.ts}

@@ -18,8 +18,8 @@ import type { AppFieldSize } from '../field-size';
 	selector: 'app-date-picker',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [FormsModule, MatDatepickerModule, MatFormFieldModule, MatInputModule],
-	templateUrl: './date-picker.component.html',
-	styleUrl: './date-picker.component.scss',
+	templateUrl: './date-picker.html',
+	styleUrl: './date-picker.scss',
 })
 export class DatePickerComponent {
 	/** Two-way bindable date value. `null` clears the field. Supports `[(value)]`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/date-range-picker/date-range-picker.component.ts → angularintapp/src/app/components/ui/date-range-picker/date-range-picker.ts}

@@ -21,8 +21,8 @@ export { DateRange } from '@angular/material/datepicker';
 	selector: 'app-date-range-picker',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [FormsModule, MatDatepickerModule, MatFormFieldModule, MatInputModule],
-	templateUrl: './date-range-picker.component.html',
-	styleUrl: './date-range-picker.component.scss',
+	templateUrl: './date-range-picker.html',
+	styleUrl: './date-range-picker.scss',
 })
 export class DateRangePickerComponent {
 	/** Two-way bindable range value. `null` clears the field. Supports `[(value)]`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/dialog/dialog.component.ts → angularintapp/src/app/components/ui/dialog/dialog.ts}

@@ -16,7 +16,7 @@ import { ChangeDetectionStrategy, Component, input, model, output } from '@angul
 	selector: 'app-dialog',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [CdkConnectedOverlay, CdkTrapFocus],
-	templateUrl: './dialog.component.html',
+	templateUrl: './dialog.html',
 })
 export class DialogComponent {
 	/** Two-way bindable open state. Supports `[(open)]`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/field/field.component.ts → angularintapp/src/app/components/ui/field/field.ts}

@@ -12,7 +12,7 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 @Component({
 	selector: 'app-field',
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	templateUrl: './field.component.html',
+	templateUrl: './field.html',
 	host: {
 		'data-slot': 'field',
 		class: 'flex flex-col gap-1.5',

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/input/input.component.ts → angularintapp/src/app/components/ui/input/input.ts}

@@ -14,8 +14,8 @@ import type { AppFieldSize } from '../field-size';
 	selector: 'app-input',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [FormsModule, MatFormFieldModule, MatInputModule],
-	templateUrl: './input.component.html',
-	styleUrl: './input.component.scss',
+	templateUrl: './input.html',
+	styleUrl: './input.scss',
 })
 export class InputComponent {
 	/** Two-way bindable value. Supports `[(value)]`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/label/label.component.ts → angularintapp/src/app/components/ui/label/label.ts}

@@ -9,7 +9,7 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 @Component({
 	selector: 'app-label',
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	templateUrl: './label.component.html',
+	templateUrl: './label.html',
 })
 export class LabelComponent {
 	/** Optional `for` attribute forwarded to the underlying `<label>`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/paginator/paginator.component.ts → angularintapp/src/app/components/ui/paginator/paginator.ts}

@@ -14,7 +14,7 @@ import { MatPaginator, type PageEvent } from '@angular/material/paginator';
 	selector: 'app-paginator',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [MatPaginator],
-	templateUrl: './paginator.component.html',
+	templateUrl: './paginator.html',
 })
 export class PaginatorComponent {
 	/** Total item count; Material derives the page count as `ceil(length / pageSize)`. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/popover/popover.component.ts → angularintapp/src/app/components/ui/popover/popover.ts}

@@ -15,7 +15,7 @@ import { ChangeDetectionStrategy, Component, input, model } from '@angular/core'
 	selector: 'app-popover',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [CdkConnectedOverlay, CdkOverlayOrigin],
-	templateUrl: './popover.component.html',
+	templateUrl: './popover.html',
 })
 export class PopoverComponent {
 	/**

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/select/select.component.ts → angularintapp/src/app/components/ui/select/select.ts}

@@ -27,8 +27,8 @@ export interface AppSelectOption {
 	selector: 'app-select',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [FormsModule, MatFormFieldModule, MatSelectModule],
-	templateUrl: './select.component.html',
-	styleUrl: './select.component.scss',
+	templateUrl: './select.html',
+	styleUrl: './select.scss',
 })
 export class SelectComponent {
 	/** Two-way bindable single-select value. Ignored when `multiple` is set. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/separator/separator.component.ts → angularintapp/src/app/components/ui/separator/separator.ts}

@@ -31,8 +31,8 @@ const ORIENTATION_CLASSES: Record<AppSeparatorOrientation, string> = {
 	selector: 'app-separator',
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [MatDivider],
-	templateUrl: './separator.component.html',
-	styleUrl: './separator.component.scss',
+	templateUrl: './separator.html',
+	styleUrl: './separator.scss',
 	host: {
 		'data-slot': 'separator',
 		'[attr.data-orientation]': 'orientation()',

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/components/ui/skeleton/skeleton.component.ts → angularintapp/src/app/components/ui/skeleton/skeleton.ts}

@@ -13,8 +13,8 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 @Component({
 	selector: 'app-skeleton',
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	templateUrl: './skeleton.component.html',
-	styleUrl: './skeleton.component.scss',
+	templateUrl: './skeleton.html',
+	styleUrl: './skeleton.scss',
 	host: {
 		'data-slot': 'skeleton',
 		'aria-hidden': 'true',

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/agentforce/agentforce-conversation-client/agentforce-conversation-client.component.html → angularintapp/src/app/features/agentforce/conversation.html}

@@ -1,3 +1,3 @@
 @if (isInline()) {
-	<div #host></div>
+<div #host></div>
 }

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/agentforce/agentforce-conversation-client/agentforce-conversation-client.component.ts → angularintapp/src/app/features/agentforce/conversation.ts}

@@ -18,8 +18,8 @@ import type {
 	AgentforceErrorHandler,
 	AgentforceReadyHandler,
 	StyleTokens,
-} from "../../../types/conversation";
-import { AgentforceEmbedService } from "../agentforce-embed.service";
+} from "../../types/conversation";
+import { AgentforceEmbedService } from "./agentforce-embed.service";
 
 /**
  * Angular component that embeds the Agentforce Conversation Client (copilot /
@@ -37,7 +37,7 @@ import { AgentforceEmbedService } from "../agentforce-embed.service";
 @Component({
 	selector: "app-agentforce-conversation-client",
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	templateUrl: "./agentforce-conversation-client.component.html",
+	templateUrl: "./conversation.html",
 })
 export class AgentforceConversationClientComponent {
 	private readonly embedService = inject(AgentforceEmbedService);

package/dist/force-app/main/default/uiBundles/angularintapp/src/app/features/object-search/breadcrumb/breadcrumb.html

@@ -0,0 +1,54 @@
+<nav aria-label="Breadcrumb" class="mb-3">
+	<ol
+		class="text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5"
+	>
+		@if (includeHome()) {
+		<li class="inline-flex items-center gap-1.5">
+			<a [routerLink]="'/'" class="hover:text-foreground transition-colors">{{ homeLabel() }}</a>
+		</li>
+		<li aria-hidden="true" class="[&>svg]:size-3.5">
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<polyline points="9 18 15 12 9 6" />
+			</svg>
+		</li>
+		} @if (isDetailView()) {
+		<li class="inline-flex items-center gap-1.5">
+			<a [routerLink]="listPath()" class="hover:text-foreground transition-colors"
+				>{{ listLabel() }}</a
+			>
+		</li>
+		<li aria-hidden="true" class="[&>svg]:size-3.5">
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<polyline points="9 18 15 12 9 6" />
+			</svg>
+		</li>
+		<li class="inline-flex items-center gap-1.5">
+			@if (loading() && !recordName()) {
+			<app-skeleton class="h-4 w-32" />
+			} @else {
+			<span class="text-foreground font-normal" aria-current="page">{{ recordName() }}</span>
+			}
+		</li>
+		} @else {
+		<li class="inline-flex items-center gap-1.5">
+			<span class="text-foreground font-normal" aria-current="page">{{ listLabel() }}</span>
+		</li>
+		}
+	</ol>
+</nav>

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/object-breadcrumb/object-breadcrumb.component.ts → angularintapp/src/app/features/object-search/breadcrumb/breadcrumb.ts}

@@ -5,7 +5,7 @@
  */
 import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
 import { RouterLink } from "@angular/router";
-import { SkeletonComponent } from "../../../../components/ui/skeleton/skeleton.component";
+import { SkeletonComponent } from "../../../components/ui/skeleton/skeleton";
 
 /**
  * Object-search breadcrumb — Home > Records list > (optional) Record name.
@@ -19,7 +19,7 @@ import { SkeletonComponent } from "../../../../components/ui/skeleton/skeleton.c
 	selector: "app-object-breadcrumb",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [RouterLink, SkeletonComponent],
-	templateUrl: "./object-breadcrumb.component.html",
+	templateUrl: "./breadcrumb.html",
 })
 export class ObjectBreadcrumbComponent {
 	/** Router path for the object list view (e.g. `/accounts`). */

package/dist/force-app/main/default/uiBundles/angularintapp/src/app/features/object-search/filters/active-filters.html

@@ -0,0 +1,23 @@
+@if (chips().length > 0) {
+<div class="flex flex-wrap gap-2">
+	@for (chip of chips(); track chip.field) {
+	<app-button
+		appearance="outlined"
+		size="sm"
+		iconEnd="close"
+		[ariaLabel]="'Remove filter ' + chip.label"
+		(clicked)="onRemove(chip.field)"
+	>
+		{{ chip.label }}
+	</app-button>
+	}
+	<app-button
+		appearance="destructive"
+		size="sm"
+		ariaLabel="Clear all filters"
+		(clicked)="onClearAll()"
+	>
+		Clear all
+	</app-button>
+</div>
+}

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/active-filters/active-filters.component.ts → angularintapp/src/app/features/object-search/filters/active-filters.ts}

@@ -4,9 +4,9 @@
  * For full license text, see the LICENSE.txt file
  */
 import { ChangeDetectionStrategy, Component, computed, inject } from "@angular/core";
-import { ButtonComponent } from "../../../../components/ui/button/button.component";
-import { ObjectSearchStateService } from "../../object-search-state.service";
-import type { ActiveFilterValue } from "../../utils/filter-utils";
+import { ButtonComponent } from "../../../components/ui/button/button";
+import { ObjectSearchStateService } from "../object-search-state.service";
+import type { ActiveFilterValue } from "../utils/filter-utils";
 
 /**
  * Format the display label for one active filter chip. Mirrors the React
@@ -56,7 +56,7 @@ function formatFilterLabel(filter: ActiveFilterValue): string {
 	selector: "app-active-filters",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [ButtonComponent],
-	templateUrl: "./active-filters.component.html",
+	templateUrl: "./active-filters.html",
 })
 export class ActiveFiltersComponent {
 	private readonly state = inject(ObjectSearchStateService);

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/filters/date-filter/date-filter.component.ts → angularintapp/src/app/features/object-search/filters/date-filter.ts}

@@ -7,14 +7,14 @@ import { ChangeDetectionStrategy, Component, computed, inject, input } from "@an
 // Base-app UI wrappers, inherited (not recreated) by this feature. Post-compose
 // they land at uiBundles/<target>/src/app/components/ui/{date-picker,select}/..., four
 // levels up.
-import { DatePickerComponent } from "../../../../../components/ui/date-picker/date-picker.component";
+import { DatePickerComponent } from "../../../components/ui/date-picker/date-picker";
 import {
 	SelectComponent,
 	type AppSelectOption,
-} from "../../../../../components/ui/select/select.component";
-import { ObjectSearchStateService } from "../../../object-search-state.service";
-import type { FilterFieldConfig, FilterFieldType } from "../../../utils/filter-utils";
-import { FilterFieldWrapperComponent } from "../filter-field-wrapper/filter-field-wrapper.component";
+} from "../../../components/ui/select/select";
+import { ObjectSearchStateService } from "../object-search-state.service";
+import type { FilterFieldConfig, FilterFieldType } from "../utils/filter-utils";
+import { FilterFieldWrapperComponent } from "./filter-field-wrapper";
 
 /**
  * Single-date filter — operator select ("After" / "Before") plus a date
@@ -37,7 +37,7 @@ const OPERATOR_OPTIONS: readonly AppSelectOption[] = [
 	selector: "app-date-filter",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [DatePickerComponent, SelectComponent, FilterFieldWrapperComponent],
-	templateUrl: "./date-filter.component.html",
+	templateUrl: "./date-filter.html",
 })
 export class DateFilterComponent {
 	private readonly state = inject(ObjectSearchStateService);

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/filters/date-range-filter/date-range-filter.component.ts → angularintapp/src/app/features/object-search/filters/date-range-filter.ts}

@@ -9,11 +9,11 @@ import { ChangeDetectionStrategy, Component, computed, inject, input } from "@an
 import {
 	DateRange,
 	DateRangePickerComponent,
-} from "../../../../../components/ui/date-range-picker/date-range-picker.component";
-import { ObjectSearchStateService } from "../../../object-search-state.service";
-import type { FilterFieldConfig, FilterFieldType } from "../../../utils/filter-utils";
-import { toDate, toDateString } from "../date-filter/date-filter.component";
-import { FilterFieldWrapperComponent } from "../filter-field-wrapper/filter-field-wrapper.component";
+} from "../../../components/ui/date-range-picker/date-range-picker";
+import { ObjectSearchStateService } from "../object-search-state.service";
+import type { FilterFieldConfig, FilterFieldType } from "../utils/filter-utils";
+import { toDate, toDateString } from "./date-filter";
+import { FilterFieldWrapperComponent } from "./filter-field-wrapper";
 
 /**
  * Date range filter — a single two-ended range picker. Emits a `daterange`
@@ -28,7 +28,7 @@ import { FilterFieldWrapperComponent } from "../filter-field-wrapper/filter-fiel
 	selector: "app-date-range-filter",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [DateRangePickerComponent, FilterFieldWrapperComponent],
-	templateUrl: "./date-range-filter.component.html",
+	templateUrl: "./date-range-filter.html",
 })
 export class DateRangeFilterComponent {
 	private readonly state = inject(ObjectSearchStateService);

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/filters/filter-field-wrapper/filter-field-wrapper.component.html → angularintapp/src/app/features/object-search/filters/filter-field-wrapper.html}

@@ -3,9 +3,9 @@
 	<ng-content />
 	<div class="min-h-4">
 		@if (error(); as err) {
-			<p class="text-xs text-red-600" role="alert">{{ err }}</p>
+		<p class="text-xs text-red-600" role="alert">{{ err }}</p>
 		} @else if (helpText(); as help) {
-			<p class="text-xs text-gray-500">{{ help }}</p>
+		<p class="text-xs text-gray-500">{{ help }}</p>
 		}
 	</div>
 </div>

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/filters/filter-field-wrapper/filter-field-wrapper.component.ts → angularintapp/src/app/features/object-search/filters/filter-field-wrapper.ts}

@@ -6,8 +6,8 @@
 import { ChangeDetectionStrategy, Component, input } from "@angular/core";
 // Base-app UI wrapper, inherited (not recreated) by this feature. Post-compose
 // it lands at uiBundles/<target>/src/app/components/ui/label/..., three levels up from this
-// filter folder (app/object-search/components/filters/ -> app/components/ui/).
-import { LabelComponent } from "../../../../../components/ui/label/label.component";
+// filter folder (app/object-search/filters/ -> app/components/ui/).
+import { LabelComponent } from "../../../components/ui/label/label";
 
 /**
  * Standard label + control + help/error scaffold shared by every filter
@@ -22,7 +22,7 @@ import { LabelComponent } from "../../../../../components/ui/label/label.compone
 	selector: "app-filter-field-wrapper",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [LabelComponent],
-	templateUrl: "./filter-field-wrapper.component.html",
+	templateUrl: "./filter-field-wrapper.html",
 })
 export class FilterFieldWrapperComponent {
 	/** Visible field label rendered above the control. */

package/dist/force-app/main/default/uiBundles/{angularinternalapp/src/app/features/object-search/components/filters/multi-select-filter/multi-select-filter.component.ts → angularintapp/src/app/features/object-search/filters/multi-select-filter.ts}

@@ -4,11 +4,11 @@
  * For full license text, see the LICENSE.txt file
  */
 import { ChangeDetectionStrategy, Component, computed, inject, input } from "@angular/core";
-import type { AppFieldSize } from "../../../../../components/ui/field-size";
-import { SelectComponent } from "../../../../../components/ui/select/select.component";
-import { ObjectSearchStateService } from "../../../object-search-state.service";
-import type { FilterFieldConfig } from "../../../utils/filter-utils";
-import { FilterFieldWrapperComponent } from "../filter-field-wrapper/filter-field-wrapper.component";
+import type { AppFieldSize } from "../../../components/ui/field-size";
+import { SelectComponent } from "../../../components/ui/select/select";
+import { ObjectSearchStateService } from "../object-search-state.service";
+import type { FilterFieldConfig } from "../utils/filter-utils";
+import { FilterFieldWrapperComponent } from "./filter-field-wrapper";
 
 /**
  * Multi-select picklist filter. All presentation (checkbox options, trigger
@@ -22,7 +22,7 @@ import { FilterFieldWrapperComponent } from "../filter-field-wrapper/filter-fiel
 	selector: "app-multi-select-filter",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [SelectComponent, FilterFieldWrapperComponent],
-	templateUrl: "./multi-select-filter.component.html",
+	templateUrl: "./multi-select-filter.html",
 })
 export class MultiSelectFilterComponent {
 	private readonly state = inject(ObjectSearchStateService);