@salesforce/ui-bundle-template-app-angular-template-b2x 11.31.11 → 11.31.13

package/dist/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.31.13](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.31.12...v11.31.13) (2026-07-21)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [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/digitalExperienceConfigs/{angularexternalapp1.digitalExperienceConfig-meta.xml → angularextapp1.digitalExperienceConfig-meta.xml}

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <DigitalExperienceConfig xmlns="http://soap.sforce.com/2006/04/metadata">
-    <label>angularexternalapp</label>
+    <label>angularextapp</label>
     <site>
-        <urlPathPrefix>angularexternalapp</urlPathPrefix>
+        <urlPathPrefix>angularextapp</urlPathPrefix>
     </site>
-    <space>site/angularexternalapp1</space>
+    <space>site/angularextapp1</space>
 </DigitalExperienceConfig>

package/dist/force-app/main/default/digitalExperiences/site/{angularexternalapp1/angularexternalapp1.digitalExperience-meta.xml → angularextapp1/angularextapp1.digitalExperience-meta.xml}

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <DigitalExperienceBundle xmlns="http://soap.sforce.com/2006/04/metadata">
     <digitalExperienceFolderShares/>
-    <label>angularexternalapp1</label>
+    <label>angularextapp1</label>
     <modules>
         <module>
             <fullyQualifiedName>sfdc_cms__collection</fullyQualifiedName>

package/dist/force-app/main/default/digitalExperiences/site/{angularexternalapp1/sfdc_cms__site/angularexternalapp1 → angularextapp1/sfdc_cms__site/angularextapp1}/_meta.json

@@ -1,5 +1,5 @@
 {
-  "apiName": "angularexternalapp1",
+  "apiName": "angularextapp1",
   "type": "sfdc_cms__site",
   "path": ""
 }

package/dist/force-app/main/default/digitalExperiences/site/{angularexternalapp1/sfdc_cms__site/angularexternalapp1 → angularextapp1/sfdc_cms__site/angularextapp1}/content.json

@@ -1,10 +1,10 @@
 {
   "type": "sfdc_cms__site",
-  "title": "angularexternalapp",
+  "title": "angularextapp",
   "contentBody": {
     "authenticationType": "AUTHENTICATED_WITH_PUBLIC_ACCESS_ENABLED",
     "appContainer": true,
-    "appSpace": "c__angularexternalapp"
+    "appSpace": "c__angularextapp"
   },
-  "urlName": "angularexternalapp"
+  "urlName": "angularextapp"
 }

package/dist/force-app/main/default/networks/{angularexternalapp.network-meta.xml → angularextapp.network-meta.xml}

@@ -6,7 +6,7 @@
     <communityRoles/>
     <disableReputationRecordConversations>true</disableReputationRecordConversations>
     <emailSenderAddress>admin@company.com</emailSenderAddress>
-    <emailSenderName>angularexternalapp</emailSenderName>
+    <emailSenderName>angularextapp</emailSenderName>
     <embeddedLoginEnabled>false</embeddedLoginEnabled>
     <enableApexCDNCaching>true</enableApexCDNCaching>
     <enableCustomVFErrorPageOverrides>false</enableCustomVFErrorPageOverrides>
@@ -45,16 +45,16 @@
         <selfRegProfilePageOverrideSetting>Designer</selfRegProfilePageOverrideSetting>
     </networkPageOverrides>
     <newSenderAddress>admin@company.com</newSenderAddress>
-    <picassoSite>angularexternalapp1</picassoSite>
+    <picassoSite>angularextapp1</picassoSite>
     <selfRegistration>false</selfRegistration>
     <sendWelcomeEmail>true</sendWelcomeEmail>
-    <site>angularexternalapp</site>
+    <site>angularextapp</site>
     <siteArchiveStatus>NotArchived</siteArchiveStatus>
     <status>Live</status>
     <tabs>
         <defaultTab>home</defaultTab>
         <standardTab>Chatter</standardTab>
     </tabs>
-    <urlPathPrefix>angularexternalappvforcesite</urlPathPrefix>
+    <urlPathPrefix>angularextappvforcesite</urlPathPrefix>
     <welcomeTemplate>unfiled$public/CommunityWelcomeEmailTemplate</welcomeTemplate>
 </Network>

package/dist/force-app/main/default/package.xml

@@ -1,23 +1,23 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Package xmlns="http://soap.sforce.com/2006/04/metadata">
     <types>
-        <members>angularexternalapp</members>
+        <members>angularextapp</members>
         <name>CustomSite</name>
     </types>
     <types>
-        <members>site/angularexternalapp1</members>
+        <members>site/angularextapp1</members>
         <name>DigitalExperienceBundle</name>
     </types>
     <types>
-        <members>angularexternalapp1</members>
+        <members>angularextapp1</members>
         <name>DigitalExperienceConfig</name>
     </types>
     <types>
-        <members>angularexternalapp</members>
+        <members>angularextapp</members>
         <name>Network</name>
     </types>
     <types>
-        <members>angularexternalapp_Guest_User_Api_Access</members>
+        <members>angularextapp_Guest_User_Api_Access</members>
         <name>PermissionSet</name>
     </types>
     <version>67.0</version>

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

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <PermissionSet xmlns="http://soap.sforce.com/2006/04/metadata">
     <hasActivationRequired>false</hasActivationRequired>
-    <label>angularexternalapp Guest User API Access</label>
+    <label>angularextapp Guest User API Access</label>
     <userPermissions>
         <enabled>true</enabled>
         <name>ApiEnabled</name>

package/dist/force-app/main/default/sites/{angularexternalapp.site-meta.xml → angularextapp.site-meta.xml}

@@ -19,7 +19,7 @@
     <genericErrorPage>Exception</genericErrorPage>
     <inMaintenancePage>InMaintenance</inMaintenancePage>
      <indexPage>CommunitiesLanding</indexPage> 
-    <masterLabel>angularexternalapp</masterLabel>
+    <masterLabel>angularextapp</masterLabel>
     <redirectToCustomDomain>false</redirectToCustomDomain>
     <referrerPolicyOriginWhenCrossOrigin>true</referrerPolicyOriginWhenCrossOrigin>
     <selfRegPage>CommunitiesSelfReg</selfRegPage>
@@ -27,5 +27,5 @@
    <!-- <siteAdmin>epic.out.d1d3a2d722c8@orgfarm.salesforce.com</siteAdmin> -->
    <!--  <siteGuestRecordDefaultOwner>epic.out.d1d3a2d722c8@orgfarm.salesforce.com</siteGuestRecordDefaultOwner> -->
     <siteType>ChatterNetwork</siteType>
-    <urlPathPrefix>angularexternalappvforcesite</urlPathPrefix>
+    <urlPathPrefix>angularextappvforcesite</urlPathPrefix>
 </CustomSite>

package/dist/force-app/main/default/uiBundles/{angularexternalapp → angularextapp}/angular.json

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

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

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

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

@@ -1,16 +1,16 @@
 import { Routes } from '@angular/router';
-import { NotFoundComponent } from './pages/not-found/not-found.component';
+import { NotFoundComponent } from './pages/not-found/not-found';
 import { authGuard } from "./features/authentication/auth/auth.guard";
-import { LoginPageComponent } from "./pages/login/login-page.component";
-import { RegisterPageComponent } from "./pages/register/register-page.component";
-import { ForgotPasswordPageComponent } from "./pages/forgot-password/forgot-password-page.component";
-import { ResetPasswordPageComponent } from "./pages/reset-password/reset-password-page.component";
-import { ProfilePageComponent } from "./pages/profile/profile-page.component";
-import { ChangePasswordPageComponent } from "./pages/change-password/change-password-page.component";
-import { AppLayoutComponent } from "./components/layout/app-layout/app-layout.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 { LoginPageComponent } from "./pages/login/login-page";
+import { RegisterPageComponent } from "./pages/register/register-page";
+import { ForgotPasswordPageComponent } from "./pages/forgot-password/forgot-password-page";
+import { ResetPasswordPageComponent } from "./pages/reset-password/reset-password-page";
+import { ProfilePageComponent } from "./pages/profile/profile-page";
+import { ChangePasswordPageComponent } from "./pages/change-password/change-password-page";
+import { AppLayoutComponent } from "./components/layout/app-layout/app-layout";
+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 = [
   {

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

@@ -30,23 +30,23 @@
 			</div>
 		</div>
 		@if (isOpen()) {
-			<div 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 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/{angularexternalapp/src/app/components/layout/app-layout/app-layout.component.spec.ts → angularextapp/src/app/components/layout/app-layout/app-layout.spec.ts}

@@ -6,8 +6,8 @@
 import { Component } from "@angular/core";
 import { TestBed } from "@angular/core/testing";
 import { provideRouter } from "@angular/router";
-import { AppLayoutComponent } from "./app-layout.component";
-import { AuthMenuComponent } from "../../../features/authentication/menu/auth-menu/auth-menu.component";
+import { AppLayoutComponent } from "./app-layout";
+import { AuthMenuComponent } from "../../../features/authentication/menu/auth-menu/auth-menu";
 
 // Stub the auth-menu so this layout test stays hermetic: the real
 // `app-auth-menu` boots AuthService.checkAuth() (network + Cache API) on render,

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/components/layout/app-layout/app-layout.component.ts → angularextapp/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 { AuthMenuComponent } from "../../../features/authentication/menu/auth-menu/auth-menu.component";
+import { AuthMenuComponent } from "../../../features/authentication/menu/auth-menu/auth-menu";
 
 interface NavItem {
 	path: string;
@@ -32,7 +32,7 @@ interface NavItem {
 	selector: "app-layout",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [RouterOutlet, RouterLink, RouterLinkActive, AuthMenuComponent],
-	templateUrl: "./app-layout.component.html",
+	templateUrl: "./app-layout.html",
 })
 export class AppLayoutComponent {
 	private readonly router = inject(Router);

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/components/ui/alert/alert.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/button/button.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/card/card.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/collapsible/collapsible.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/date-picker/date-picker.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/date-range-picker/date-range-picker.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/dialog/dialog.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/field/field.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/input/input.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/label/label.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/paginator/paginator.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/popover/popover.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/select/select.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/separator/separator.component.ts → angularextapp/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/{angularexternalapp/src/app/components/ui/skeleton/skeleton.component.ts → angularextapp/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/angularextapp/src/app/features/authentication/auth-form/auth-form.html

@@ -0,0 +1,34 @@
+<app-card-layout [title]="title()" [subtitle]="description()">
+	<div class="space-y-6">
+		@if (showAuthAlert()) {
+		<app-status-alert variant="info" message="You are already logged in." />
+		} @if (errorMessages().length > 0) { @if (errorMessages().length === 1) {
+		<app-status-alert variant="error" [message]="errorMessages()[0]" />
+		} @else {
+		<app-status-alert variant="error">
+			<ul>
+				@for (msg of errorMessages(); track msg) {
+				<li>{{ msg }}</li>
+				}
+			</ul>
+		</app-status-alert>
+		} } @if (success()) {
+		<app-status-alert variant="success" [message]="success()!" />
+		}
+
+		<form (ngSubmit)="onSubmit()">
+			<ng-content />
+			<app-submit-button
+				class="mt-6 block"
+				[label]="submitText()"
+				[loadingLabel]="submitLoadingText()"
+				[submitting]="submitting()"
+				[disabled]="isSubmitDisabled()"
+			/>
+		</form>
+
+		@if (footer(); as f) {
+		<app-footer-link [text]="f.text ?? ''" [to]="f.link" [linkText]="f.linkText" />
+		}
+	</div>
+</app-card-layout>

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/features/authentication/forms/auth-form/auth-form.component.ts → angularextapp/src/app/features/authentication/auth-form/auth-form.ts}

@@ -5,11 +5,11 @@
  */
 import { ChangeDetectionStrategy, Component, computed, inject, input, output } from "@angular/core";
 import { FormsModule } from "@angular/forms";
-import { CardLayoutComponent } from "../../layouts/card-layout/card-layout.component";
-import { StatusAlertComponent } from "../../components/status-alert/status-alert.component";
-import { SubmitButtonComponent } from "../submit-button/submit-button.component";
-import { FooterLinkComponent } from "../footer-link/footer-link.component";
-import { AuthService } from "../../auth/auth.service";
+import { CardLayoutComponent } from "../card-layout/card-layout";
+import { StatusAlertComponent } from "../status-alert/status-alert";
+import { SubmitButtonComponent } from "../submit-button/submit-button";
+import { FooterLinkComponent } from "../footer-link/footer-link";
+import { AuthService } from "../auth/auth.service";
 
 /** Footer link descriptor for the auth form frame. */
 export interface AuthFormFooter {
@@ -44,7 +44,7 @@ export interface AuthFormFooter {
 		SubmitButtonComponent,
 		FooterLinkComponent,
 	],
-	templateUrl: "./auth-form.component.html",
+	templateUrl: "./auth-form.html",
 })
 export class AuthFormComponent {
 	private readonly authService = inject(AuthService);

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/features/authentication/layouts/auth-app-layout/auth-app-layout.component.ts → angularextapp/src/app/features/authentication/auth-layout/auth-layout.ts}

@@ -4,8 +4,8 @@
  * For full license text, see the LICENSE.txt file
  */
 import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { AppLayoutComponent } from "../../../../components/layout/app-layout/app-layout.component";
-import { SessionTimeoutValidatorComponent } from "../../session-timeout/session-timeout-validator/session-timeout-validator.component";
+import { AppLayoutComponent } from "../../../components/layout/app-layout/app-layout";
+import { SessionTimeoutValidatorComponent } from "../session/session";
 
 /**
  * Top-level app wrapper — the faithful Angular port of the React `AuthAppLayout`
@@ -25,6 +25,6 @@ import { SessionTimeoutValidatorComponent } from "../../session-timeout/session-
 	selector: "app-auth-app-layout",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [SessionTimeoutValidatorComponent, AppLayoutComponent],
-	templateUrl: "./auth-app-layout.component.html",
+	templateUrl: "./auth-layout.html",
 })
 export class AuthAppLayoutComponent {}

package/dist/force-app/main/default/uiBundles/angularextapp/src/app/features/authentication/card-layout/card-layout.html

@@ -0,0 +1,16 @@
+<div class="p-4">
+	<app-card class="w-full">
+		@if (title() || subtitle()) {
+		<app-card-header>
+			@if (title()) {
+			<app-card-title>{{ title() }}</app-card-title>
+			} @if (subtitle()) {
+			<app-card-description>{{ subtitle() }}</app-card-description>
+			}
+		</app-card-header>
+		}
+		<app-card-content>
+			<ng-content />
+		</app-card-content>
+	</app-card>
+</div>

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/features/authentication/layouts/card-layout/card-layout.component.ts → angularextapp/src/app/features/authentication/card-layout/card-layout.ts}

@@ -10,7 +10,7 @@ import {
 	CardDescriptionComponent,
 	CardHeaderComponent,
 	CardTitleComponent,
-} from "../../../../components/ui/card/card.component";
+} from "../../../components/ui/card/card";
 
 /**
  * Centered page shell for auth pages — a feature-owned composition over the base
@@ -32,7 +32,7 @@ import {
 		CardDescriptionComponent,
 		CardContentComponent,
 	],
-	templateUrl: "./card-layout.component.html",
+	templateUrl: "./card-layout.html",
 })
 export class CardLayoutComponent {
 	readonly title = input<string>("");

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/features/authentication/forms/footer-link/footer-link.component.html → angularextapp/src/app/features/authentication/footer-link/footer-link.html}

@@ -1,7 +1,5 @@
 <p class="w-full text-center text-sm text-muted-foreground">
-	@if (text()) {
-		{{ text() }}&nbsp;
-	}
+	@if (text()) { {{ text() }}&nbsp; }
 	<a
 		[routerLink]="to()"
 		class="font-medium underline hover:text-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"

package/dist/force-app/main/default/uiBundles/{angularexternalapp/src/app/features/authentication/forms/footer-link/footer-link.component.ts → angularextapp/src/app/features/authentication/footer-link/footer-link.ts}

@@ -14,7 +14,7 @@ import { RouterLink } from "@angular/router";
 	selector: "app-footer-link",
 	changeDetection: ChangeDetectionStrategy.OnPush,
 	imports: [RouterLink],
-	templateUrl: "./footer-link.component.html",
+	templateUrl: "./footer-link.html",
 })
 export class FooterLinkComponent {
 	/** Link text prefix (e.g., "Don't have an account?"). */