tin-spa 20.14.99 → 20.14.113

package/keys/index.d.ts

@@ -0,0 +1,4 @@
+declare const AUTH_TOKEN_KEY = "d";
+declare const AUTH_REFRESH_TOKEN_KEY = "g";
+
+export { AUTH_REFRESH_TOKEN_KEY, AUTH_TOKEN_KEY };

package/landing/index.d.ts

@@ -0,0 +1,175 @@
+import * as i0 from '@angular/core';
+import { OnInit, AfterViewInit, OnDestroy, Injector, ElementRef } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { Router } from '@angular/router';
+
+interface LandingColors {
+    primary: string;
+    primaryDark: string;
+    primaryLight: string;
+    secondary: string;
+    secondaryLight: string;
+}
+interface LandingBrandOverride {
+    svgMarkup: string;
+    wordmarkLine1?: string;
+    wordmarkLine2?: string;
+}
+interface LandingNavLink {
+    label: string;
+    target: string;
+}
+interface LandingFeature {
+    title: string;
+    description: string;
+    icon: string;
+    color: string;
+}
+interface LandingStep {
+    number: string;
+    title: string;
+    description: string;
+    icon: string;
+}
+interface LandingModuleTile {
+    name: string;
+    icon: string;
+}
+interface LandingModuleGroup {
+    category: string;
+    tiles: LandingModuleTile[];
+}
+interface LandingMetric {
+    value: string;
+    label: string;
+}
+interface LandingSecurityItem {
+    icon: string;
+    title: string;
+    description: string;
+}
+interface LandingTestimonial {
+    quote: string;
+    authorName: string;
+    authorRole: string;
+    authorInitials: string;
+}
+interface LandingPricingPlan {
+    name: string;
+    price: string;
+    period?: string;
+    description: string;
+    features: string[];
+    ctaLabel: string;
+    ctaRoute?: string;
+    ctaSection?: string;
+    popular?: boolean;
+    outline?: boolean;
+}
+interface LandingFooterLink {
+    label: string;
+    section?: string;
+    route?: string;
+}
+interface LandingFooterColumn {
+    title: string;
+    links: LandingFooterLink[];
+}
+interface LandingConfig {
+    appName: string;
+    logoSrc: string;
+    colors: LandingColors;
+    navBrand?: LandingBrandOverride;
+    navLinks: LandingNavLink[];
+    hero: {
+        badge?: string;
+        headline: string;
+        gradientText: string;
+        subtitle: string;
+        primaryCTA: string;
+        primaryCTARoute?: string;
+        secondaryCTA: string;
+        secondaryCTASection: string;
+        trustSignals: string[];
+        layout?: 'centered' | 'split';
+        watermarkSvg?: string;
+    };
+    features: {
+        title: string;
+        subtitle: string;
+        items: LandingFeature[];
+    };
+    workflow?: {
+        title: string;
+        subtitle?: string;
+        style?: 'steps' | 'road';
+        steps: LandingStep[];
+    };
+    modules?: {
+        title: string;
+        subtitle: string;
+        groups: LandingModuleGroup[];
+    };
+    metrics?: LandingMetric[];
+    security?: {
+        title: string;
+        subtitle: string;
+        items: LandingSecurityItem[];
+    };
+    testimonials?: {
+        title: string;
+        subtitle?: string;
+        items: LandingTestimonial[];
+    };
+    pricing?: {
+        title: string;
+        subtitle?: string;
+        plans: LandingPricingPlan[];
+    };
+    finalCta?: {
+        headline: string;
+        subtitle: string;
+        primaryCTA: string;
+        primaryCTARoute?: string;
+        secondaryCTA?: string;
+        secondaryCTASection?: string;
+    };
+    footerCompany?: string;
+    footerTagline?: string;
+    footerBrand?: LandingBrandOverride;
+    footerColumns?: LandingFooterColumn[];
+}
+declare const ALSQUARE_SVG_DARK = "<svg viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M32 62C17.6 62 6 50.4 6 36S17.6 10 32 10c9.2 0 17.3 4.9 21.8 12.2\" stroke=\"#1a3a7a\" stroke-width=\"9\" stroke-linecap=\"round\" fill=\"none\"/>\n  <circle cx=\"32\" cy=\"36\" r=\"10\" fill=\"white\" stroke=\"#1a3a7a\" stroke-width=\"7\"/>\n  <circle cx=\"32\" cy=\"36\" r=\"5.5\" fill=\"#e8a020\"/>\n  <line x1=\"48\" y1=\"22\" x2=\"48\" y2=\"62\" stroke=\"#1a3a7a\" stroke-width=\"9\" stroke-linecap=\"round\"/>\n  <rect x=\"56\" y=\"6\" width=\"7\" height=\"56\" rx=\"3.5\" fill=\"#e8a020\"/>\n  <rect x=\"67\" y=\"0\" width=\"6\" height=\"6\" rx=\"1\" fill=\"#1a3a7a\"/>\n  <rect x=\"67\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" fill=\"#1a3a7a\"/>\n  <rect x=\"75\" y=\"0\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#1a3a7a\" opacity=\"0.7\"/>\n  <rect x=\"75\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#1a3a7a\" opacity=\"0.5\"/>\n</svg>";
+declare const ALSQUARE_SVG_WHITE = "<svg viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M32 62C17.6 62 6 50.4 6 36S17.6 10 32 10c9.2 0 17.3 4.9 21.8 12.2\" stroke=\"#ffffff\" stroke-width=\"9\" stroke-linecap=\"round\" fill=\"none\"/>\n  <circle cx=\"32\" cy=\"36\" r=\"10\" fill=\"#0f172a\" stroke=\"#ffffff\" stroke-width=\"7\"/>\n  <circle cx=\"32\" cy=\"36\" r=\"5.5\" fill=\"#e8a020\"/>\n  <line x1=\"48\" y1=\"22\" x2=\"48\" y2=\"62\" stroke=\"#ffffff\" stroke-width=\"9\" stroke-linecap=\"round\"/>\n  <rect x=\"56\" y=\"6\" width=\"7\" height=\"56\" rx=\"3.5\" fill=\"#e8a020\"/>\n  <rect x=\"67\" y=\"0\" width=\"6\" height=\"6\" rx=\"1\" fill=\"#ffffff\"/>\n  <rect x=\"67\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" fill=\"#ffffff\"/>\n  <rect x=\"75\" y=\"0\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#ffffff\" opacity=\"0.7\"/>\n  <rect x=\"75\" y=\"8\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#ffffff\" opacity=\"0.5\"/>\n</svg>";
+
+declare class SpaLandingComponent implements OnInit, AfterViewInit, OnDestroy {
+    private router;
+    private injector;
+    private el;
+    private sanitizer;
+    config: LandingConfig;
+    mobileMenuOpen: boolean;
+    navScrolled: boolean;
+    restoring: boolean;
+    currentYear: number;
+    private observer;
+    constructor(router: Router, injector: Injector, // Changed (landing-first L1): the resume services are resolved AFTER a dynamic import, so this entry point names no primary symbol
+    el: ElementRef, sanitizer: DomSanitizer);
+    get safeNavBrandSvg(): SafeHtml | null;
+    get safeHeroWatermarkSvg(): SafeHtml | null;
+    get safeFooterBrandSvg(): SafeHtml | null;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onWindowScroll(): void;
+    scrollToSection(target: string): void;
+    toggleMobileMenu(): void;
+    navigateTo(path: string): void;
+    iconBg(hex: string): string;
+    private applyColors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaLandingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpaLandingComponent, "spa-landing", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, ["[lpHeroVisual]", "[lpCustomSection]"], true, never>;
+}
+
+export { ALSQUARE_SVG_DARK, ALSQUARE_SVG_WHITE, SpaLandingComponent };
+export type { LandingBrandOverride, LandingColors, LandingConfig, LandingFeature, LandingFooterColumn, LandingFooterLink, LandingMetric, LandingModuleGroup, LandingModuleTile, LandingNavLink, LandingPricingPlan, LandingSecurityItem, LandingStep, LandingTestimonial };

package/login/index.d.ts

@@ -0,0 +1,141 @@
+import * as i0 from '@angular/core';
+import { OnInit, ChangeDetectorRef } from '@angular/core';
+import * as i1 from '@angular/router';
+import { Router, ActivatedRoute } from '@angular/router';
+import * as i5 from '@angular/common';
+import { Location } from '@angular/common';
+import * as i6 from 'tin-spa/core';
+import { DataServiceLib, AuthService, HttpService, StorageService, MessageService, LogService, NotificationsService, SignalRService, SetupService, LastRouteService, PreferencesService, TinSpaRuntimeConfig, ApiErrorService, User, AppConfig, SignupData, ApiResponse } from 'tin-spa/core';
+import * as i7 from '@abacritt/angularx-social-login';
+import { SocialAuthServiceConfig, SocialUser } from '@abacritt/angularx-social-login';
+import { MsalService } from '@azure/msal-angular';
+import { MatDialog } from '@angular/material/dialog';
+import * as i4 from '@angular/forms';
+
+declare class LoginRoutingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginRoutingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginRoutingModule, never, [typeof i1.RouterModule], [typeof i1.RouterModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoginRoutingModule>;
+}
+
+declare class LoginComponent implements OnInit {
+    private httpService;
+    private storageService;
+    router: Router;
+    private messageService;
+    dataService: DataServiceLib;
+    authService: AuthService;
+    private logService;
+    private route;
+    private notificationsService;
+    private signalRService;
+    private msalService;
+    private dialog;
+    private setupService;
+    private lastRouteService;
+    private preferencesService;
+    private runtimeConfig;
+    private apiErrorService;
+    private socialAuthConfig;
+    constructor(httpService: HttpService, storageService: StorageService, router: Router, messageService: MessageService, dataService: DataServiceLib, authService: AuthService, logService: LogService, route: ActivatedRoute, notificationsService: NotificationsService, signalRService: SignalRService, msalService: MsalService | null, dialog: MatDialog, // Changed: MsalService is now @Optional() — an app that never registers MSAL gets null here instead of a NullInjectorError; the Microsoft button hides itself (showMicrosoftAuth)
+    setupService: SetupService, lastRouteService: LastRouteService, preferencesService: PreferencesService, // Added (chunk C): the user's chosen landing page outranks the saved last route
+    runtimeConfig: TinSpaRuntimeConfig, apiErrorService: ApiErrorService, // Added: routes application-level (HTTP 200, success:false) failures through the shared classify + dedupe path
+    socialAuthConfig: SocialAuthServiceConfig | null);
+    private resumeTarget;
+    private resumeNavigate;
+    ngOnInit(): void;
+    get showMicrosoftAuth(): boolean;
+    loginWithMS(): void;
+    private doMsalLoginPopup;
+    autoLogin: boolean;
+    socialUser: SocialUser | null;
+    rememberMe: boolean;
+    style: string;
+    email: string;
+    password: string;
+    redirectPath: any;
+    user: User;
+    hide: boolean;
+    isProcessing: boolean;
+    restoring: boolean;
+    restoreOffline: boolean;
+    private manualLogin;
+    appConfig: AppConfig;
+    signup(): void;
+    recoverAccount(): void;
+    signInManually(): void;
+    private logSsoDiagnostics;
+    private setupForm;
+    login(): void;
+    notifications(): void;
+    openTerms(): void;
+    openPrivacy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "spa-login", never, {}, {}, never, never, false, never>;
+}
+
+declare class SignupComponent implements OnInit {
+    private httpService;
+    private messageService;
+    dataService: DataServiceLib;
+    authService: AuthService;
+    private storageService;
+    router: Router;
+    private msalService;
+    private notificationsService;
+    private setupService;
+    private dialog;
+    private cdr;
+    private apiErrorService;
+    constructor(httpService: HttpService, messageService: MessageService, dataService: DataServiceLib, authService: AuthService, storageService: StorageService, router: Router, msalService: MsalService | null, // Changed: @Optional() — an app that never registers MSAL gets null here instead of a NullInjectorError; the Microsoft button hides itself (showMicrosoftAuth)
+    notificationsService: NotificationsService, setupService: SetupService, // Added: SetupService for setup badge
+    dialog: MatDialog, cdr: ChangeDetectorRef, // Changed: Inject ChangeDetectorRef for invitation toggle
+    apiErrorService: ApiErrorService);
+    ngOnInit(): void;
+    appConfig: AppConfig;
+    style: string;
+    signupData: SignupData;
+    step: 'provider' | 'form' | 'invitations' | 'complete';
+    isProcessing: boolean;
+    handleProviderAuth(token: string, authType: string, userName: string): void;
+    get showMicrosoftAuth(): boolean;
+    loginWithMS(): void;
+    private doMsalLoginPopup;
+    toggleInvitation(invitation: any): void;
+    submit(): void;
+    completeLogin(apiResponse: ApiResponse): void;
+    goToDashboard(): void;
+    goToLogin(): void;
+    openTerms(): void;
+    openPrivacy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SignupComponent, [null, null, null, null, null, null, { optional: true; }, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignupComponent, "spa-signup", never, {}, {}, never, never, false, never>;
+}
+
+declare class RecoverAccountComponent implements OnInit {
+    private location;
+    private dataService;
+    authService: AuthService;
+    private messageService;
+    private apiErrorService;
+    constructor(location: Location, dataService: DataServiceLib, authService: AuthService, messageService: MessageService, apiErrorService: ApiErrorService);
+    ngOnInit(): void;
+    userName: string;
+    recover(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecoverAccountComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecoverAccountComponent, "spa-recover-account", never, {}, {}, never, never, false, never>;
+}
+
+declare class SpaIndexModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpaIndexModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpaIndexModule, [typeof LoginComponent, typeof SignupComponent, typeof RecoverAccountComponent], [typeof i4.ReactiveFormsModule, typeof i5.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i6.SpaCoreModule, typeof i7.SocialLoginModule], [typeof i5.CommonModule, typeof i4.FormsModule, typeof i6.SpaCoreModule, typeof LoginComponent, typeof SignupComponent, typeof RecoverAccountComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SpaIndexModule>;
+}
+
+declare class LoginModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginModule, never, [typeof i5.CommonModule, typeof LoginRoutingModule, typeof SpaIndexModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoginModule>;
+}
+
+export { LoginComponent, LoginModule, LoginRoutingModule, RecoverAccountComponent, SignupComponent, SpaIndexModule };

package/map/index.d.ts

@@ -0,0 +1,148 @@
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy, EventEmitter, ElementRef, NgZone, SimpleChanges } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MatDialogRef, MatDialog } from '@angular/material/dialog';
+
+declare class MapConfig {
+    position?: string | MapPoint | null;
+    title?: string;
+    subtitle?: string;
+    caption?: string;
+    zoom?: number;
+    mapTypeId?: MapTypeId;
+    showCoordinates?: boolean;
+    showMapTypeToggle?: boolean;
+    interactive?: boolean;
+    tileUrl?: string;
+    attribution?: string;
+    imageryTileUrl?: string;
+    imageryAttribution?: string;
+    apiKey?: string;
+    emptyMessage?: string;
+    emptyDetail?: string;
+    height?: string;
+    markers?: MapMarker[];
+    fitMarkers?: boolean;
+    fleetTitle?: string;
+}
+interface MapMarker {
+    id: string | number;
+    position: string | MapPoint | null | undefined;
+    title?: string;
+    subtitle?: string;
+    caption?: string;
+    heading?: number | null;
+    speed?: number | null;
+    speedUnit?: string;
+    at?: string | Date | null;
+    stale?: boolean;
+}
+interface MapPositionUpdate {
+    id: string | number;
+    position?: string | MapPoint | null;
+    lat?: number | null;
+    lng?: number | null;
+    at?: string | Date | null;
+    speed?: number | null;
+    heading?: number | null;
+}
+interface ResolvedMapMarker {
+    marker: MapMarker;
+    point: MapPoint;
+    key: string;
+}
+declare function normaliseMarkers(markers: MapMarker[] | null | undefined): ResolvedMapMarker[];
+declare function markerKey(id: string | number | null | undefined): string | null;
+declare function updatePoint(update: MapPositionUpdate | null | undefined): MapPoint | null;
+interface MapPoint {
+    lat: number;
+    lng: number;
+}
+type MapTypeId = 'roadmap' | 'satellite' | 'hybrid' | 'terrain';
+declare function parseMapPoint(value: string | MapPoint | null | undefined): MapPoint | null;
+declare function formatMapPoint(point: MapPoint | null): string;
+
+type MapState = 'loading' | 'ready' | 'empty' | 'unavailable';
+declare class MapComponent implements OnChanges, OnDestroy {
+    private zone;
+    config: MapConfig;
+    positionStream: Observable<MapPositionUpdate> | null;
+    followSelected: boolean;
+    closed: EventEmitter<void>;
+    markerSelected: EventEmitter<MapMarker>;
+    markerMoved: EventEmitter<MapMarker>;
+    surface: ElementRef<HTMLDivElement>;
+    beacon: ElementRef<HTMLDivElement>;
+    state: MapState;
+    point: MapPoint | null;
+    coordinates: string;
+    mapType: MapTypeId;
+    offCentre: boolean;
+    fleet: boolean;
+    resolved: ResolvedMapMarker[];
+    selected: MapMarker | null;
+    selectedCoordinates: string;
+    dropped: number;
+    private map;
+    private marker;
+    private layers;
+    private streamSub;
+    private base;
+    private imagery;
+    private tilesSeen;
+    private settleTimer;
+    constructor(zone: NgZone);
+    get title(): string;
+    get subtitle(): string;
+    get caption(): string;
+    get showCoordinates(): boolean;
+    get emptyMessage(): string;
+    get emptyDetail(): string;
+    get fleetTitle(): string;
+    get reportingCount(): number;
+    get fleetSummary(): string;
+    get showMapTypeToggle(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    refreshMarkers(): void;
+    private start;
+    private draw;
+    private watchTiles;
+    private attachBeacon;
+    private drawMarkers;
+    private addMarker;
+    private beaconHtml;
+    private applyMarkers;
+    private restyleMarker;
+    applyPositionUpdate(update: MapPositionUpdate | null | undefined): boolean;
+    markerPosition(id: string | number): MapPoint | null;
+    select(marker: MapMarker | null): void;
+    clearSelection(): void;
+    private fitToMarkers;
+    private dropLayers;
+    private subscribeStream;
+    setPosition(value: string | MapPoint | null | undefined, follow?: boolean): boolean;
+    recenter(): void;
+    zoomBy(delta: number): void;
+    toggleMapType(): void;
+    copyCoordinates(): void;
+    close(): void;
+    private teardown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapComponent, "spa-map", never, { "config": { "alias": "config"; "required": false; }; "positionStream": { "alias": "positionStream"; "required": false; }; "followSelected": { "alias": "followSelected"; "required": false; }; }, { "closed": "closed"; "markerSelected": "markerSelected"; "markerMoved": "markerMoved"; }, never, never, true, never>;
+}
+
+declare class MapDialogComponent {
+    dialogRef: MatDialogRef<MapDialogComponent>;
+    data: any;
+    config: MapConfig;
+    constructor(dialogRef: MatDialogRef<MapDialogComponent>, data: any);
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapDialogComponent, "spa-map-dialog", never, {}, {}, never, never, true, never>;
+}
+declare function normaliseMapData(data: any): MapConfig;
+declare function openMapDialog(dialog: MatDialog, data: MapConfig | string): MatDialogRef<MapDialogComponent, any>;
+
+export { MapComponent, MapConfig, MapDialogComponent, formatMapPoint, markerKey, normaliseMapData, normaliseMarkers, openMapDialog, parseMapPoint, updatePoint };
+export type { MapMarker, MapPoint, MapPositionUpdate, MapTypeId, ResolvedMapMarker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tin-spa",
-  "version": "20.14.99",
+  "version": "20.14.113",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tnyagato/ng-space.git"
@@ -42,6 +42,30 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/tin-spa.mjs"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/tin-spa-core.mjs"
+    },
+    "./http": {
+      "types": "./http/index.d.ts",
+      "default": "./fesm2022/tin-spa-http.mjs"
+    },
+    "./keys": {
+      "types": "./keys/index.d.ts",
+      "default": "./fesm2022/tin-spa-keys.mjs"
+    },
+    "./landing": {
+      "types": "./landing/index.d.ts",
+      "default": "./fesm2022/tin-spa-landing.mjs"
+    },
+    "./login": {
+      "types": "./login/index.d.ts",
+      "default": "./fesm2022/tin-spa-login.mjs"
+    },
+    "./map": {
+      "types": "./map/index.d.ts",
+      "default": "./fesm2022/tin-spa-map.mjs"
     }
   },
   "sideEffects": false

package/src/tin-styles.css

@@ -384,6 +384,20 @@ table {
   .tin-grid-auto button {
     width: 100%;
   }
+
+  /* Added (A-0901-11, 2026-09-01): a blank field exists ONLY to reserve an empty CELL in the two-column
+     desktop grid. At this breakpoint .tin-grid is a single flex COLUMN, so there is no cell to hold open —
+     but the empty wrapper is still a flex item and still costs the full 0.5rem (8px) gap above, which is why
+     mobile dialogs showed a mystery double gap with no visible control in it. display:none removes it from
+     flex layout entirely; nothing short of that reclaims the gap (a zero-HEIGHT div still gets one, and
+     hiding the inner <label> leaves the wrapper behind).
+     🔴 `:not(.span-col)` IS LOAD-BEARING — DO NOT SIMPLIFY IT AWAY. A blank that SPANS the row is a
+     deliberate vertical SPACER, not a grid filler: datalib.service.ts:1850 uses one as the top spacer of the
+     estate-wide Approval form, where it must keep working at every width. Only the non-spanning
+     cell-filler kind is meaningless here. blank-mobile-collapse.spec.ts pins both halves. */
+  .tin-grid > .tin-blank-field:not(.span-col) {
+    display: none;
+  }
 }
 
 .tin-cluster {
@@ -672,9 +686,12 @@ spa-form spa-check {
   padding-bottom: var(--tin-field-subscript-reserve);
 }
 
-/* Composite subfields share a row via flex, which defaults to align-items:stretch —
+/* Composite subfields share a row, and a row layout defaults to align-items:stretch —
    a checkbox or label among boxed inputs would stretch instead of sitting on the
-   band. Match the grid's top alignment so composites align by the same rule. */
+   band. Match the grid's top alignment so composites align by the same rule.
+   Changed (composite redesign, 2026-08-31): the row is now a CSS Grid rather than a
+   flex row (form.component.css) — `flex-start` is still the correct value for grid,
+   but the sizing rules that make the children divide the slot live with the component. */
 .composite-field-group {
   align-items: flex-start;
 }
@@ -908,6 +925,12 @@ spa-groups mat-chip .mat-icon {
   color: rgba(0, 0, 0, 0.55) !important; /* dimmed value text — still legible but clearly not editable */
   cursor: default;
 }
+/* Added: a readonly textarea kept the browser's default resize gripper in its bottom-right corner — the one
+   affordance on the field that still looked draggable, promising an interaction the field does not offer.
+   Scoped to .spa-readonly, so an editable textarea keeps its gripper untouched. */
+.mat-mdc-form-field.spa-readonly textarea.mat-mdc-input-element {
+  resize: none;
+}
 .mat-mdc-form-field.spa-readonly .mat-mdc-floating-label,
 .mat-mdc-form-field.spa-readonly .mdc-floating-label {
   color: rgba(0, 0, 0, 0.38) !important; /* MDC disabled label color */
@@ -1582,3 +1605,59 @@ spa-groups mat-chip .mat-icon {
   --tin-grip-color-hover: rgba(144, 202, 249, 1);
   --tin-grip-disabled-color: rgba(176, 182, 192, 0.42);
 }
+
+/* ------------------------------------------------------------------ A PAGE CLAIMING THE BOTTOM-RIGHT CORNER
+   Added 2026-08-31. Library chrome is pinned to the bottom of the viewport and does not know what the page
+   underneath it has put there.
+
+   The agent FAB is fixed bottom-right, which is also where a page may put its primary action — on the desktop
+   POS till it sat on top of the full-bleed 88px CHARGE button. A page that owns that corner adds this class to
+   <body> for as long as it is mounted (spa-pos does it in ngOnInit/ngOnDestroy), the same mechanism
+   update.service.ts uses for `spa-update-prompt-open`. It must be on BODY, not on the page host: spa-agent is
+   mounted by nav-menu, so it is not a descendant of the routed page and inherits nothing from it.
+
+   104px = the 88px CHARGE button plus a 16px breathing gap, so the FAB clears the whole plinth button rather
+   than resting on its edge.
+
+   🔴 Changed 2026-08-31 (Arbiter B.1): lifting the FAB was the RIGHT fix on a PHONE and the WRONG one on a
+   DESKTOP, and the difference is which way the till's primary action runs.
+   On the phone presentation (spa-pos-compact) the CHARGE bar is full-bleed and IS the last 88px of the screen
+   (pos-compact.component.css:204), so the collision is VERTICAL and 104px clears it.
+   On the wide presentation the till is a two-column grid — catalogue plus a full-height TICKET RAIL down the
+   right edge (pos-wide.component.css:85) — and CHARGE is the foot of that rail. Lifting the FAB by 104px moved
+   it off the CHARGE button and straight onto the TOTAL, the single most-read value on a till. Every further
+   pixel up lands on more of the rail: the rail is full-height, so there is NO vertical position on that column
+   that is not somebody's content. THE COLLISION THERE IS HORIZONTAL, and so is the fix — the FAB moves LEFT of
+   the rail and sits back down in its natural corner over the catalogue.
+
+   The widths are the rail's own, read from pos-wide.component.css, plus a 24px gutter:
+     rail 380px (.pw-body grid-template-columns)                  -> 404px
+     rail 320px (its own max-width:1100px block, same file:236)   -> 344px
+   The breakpoint is the library's existing 600px line — the same literal the POS shell swaps presentations on
+   (pos.component.ts:68) and the same one agent.component.css:545 changes the FAB's own defaults at. No new
+   breakpoint is introduced; 600.02px is just the exact complement of `max-width: 600px`.
+
+   🔑 The vertical lift is now PHONE-ONLY, and on this library it is currently INERT: `showFab` stands the FAB
+   DOWN below 600px because the bottom tab bar's Chat tab replaces it (agent.component.html:5-7), so no FAB
+   exists at that width to collide with anything. It is kept, scoped, so that IF the FAB ever returns on the
+   phone it clears the compact till's full-bleed 88px bar instead of sitting on it — but it no longer reaches
+   the desktop, where it was doing the damage. */
+@media (max-width: 600px) {
+  body.spa-page-owns-fab-corner {
+    --tin-fab-bottom: 104px;
+  }
+}
+
+/* Above that line is the ONLY width where the FAB and the till actually coexist, and there the answer is
+   purely horizontal: the FAB keeps its natural 24px bottom corner and steps left of the rail. */
+@media (min-width: 600.02px) {
+  body.spa-page-owns-fab-corner {
+    --tin-fab-right: 404px;
+  }
+}
+
+@media (min-width: 600.02px) and (max-width: 1100px) {
+  body.spa-page-owns-fab-corner {
+    --tin-fab-right: 344px;
+  }
+}