@nauticana/sail 0.8.0 → 0.8.3

package/src/component/table/table_detail.ts

@@ -1,15 +1,15 @@
-import { ChangeDetectionStrategy, Component, effect, inject, input, OnInit, ViewEncapsulation } from "@angular/core";
+import { ChangeDetectionStrategy, Component, effect, inject, input, linkedSignal, OnInit, ViewEncapsulation } from "@angular/core";
 import { DynamicField } from "../form/form_field";
 import { MatButtonModule } from "@angular/material/button";
 import { BaseForm } from "../abstract/base_form";
 import { MatDialog } from "@angular/material/dialog";
 import { TableForm } from "../form/form_table";
 import { MatIconModule } from "@angular/material/icon";
-import { BackendService } from "../../service/rest_service";
 import { TableAction } from "../../model/appdata";
+import { OpCode } from "../../model/common";
 
 @Component({
-    selector: 'table-detail',
+    selector: 'sail-table-detail',
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     templateUrl: './table_detail.html',
@@ -21,12 +21,14 @@ import { TableAction } from "../../model/appdata";
 })
 export class TableDetail extends BaseForm implements OnInit {
     readonly tableNameInput = input('', { alias: 'tableName' });
-    readonly recordsInput = input<any[]>([], { alias: 'records' });
+    readonly recordsInput   = input<any[]>([], { alias: 'records' });
     readonly parentTableName = input('');
     readonly parentRecord = input<any>({});
     /** When true, the parent view is in read-only mode — disable all child row editing. */
     readonly parentReadOnly = input(false);
 
+    override readonly tableName = linkedSignal<string, string>({ source: () => this.tableNameInput(), computation: (v, p) => v || p?.value || '' });
+
     records: any[] = [];
     editingRecord: any = null;
     originalRecord: any = null;
@@ -34,39 +36,25 @@ export class TableDetail extends BaseForm implements OnInit {
     fkColumns: string[] = [];
 
     private readonly dialog = inject(MatDialog);
-    private readonly backendService = inject(BackendService);
 
     constructor() {
         super();
-        effect(() => { const v = this.tableNameInput(); if (v) this.tableName.set(v); });
+        // records is a writable array (push/splice in event handlers); keep it in sync with the input
+        // via effect rather than linkedSignal so mutations work on the consumer's array reference.
         effect(() => { this.records = this.recordsInput(); });
     }
 
     /**
-     * Fire a TableAction. Per-row actions require the record to be
-     * server-side (not 'I' inserted-locally-not-saved); table-level
-     * actions only need the parent to be writable. Action POSTs hit
-     * the resolved URL directly — no need to round-trip through the
-     * parent form.
+     * Per-row actions require the record to be server-side (not 'I'
+     * inserted-locally-not-saved); the keel action POST would hit a record
+     * that doesn't exist yet. Table-level actions are always allowed.
      */
-    executeAction(action: TableAction, record?: {[key: string]: unknown}): void {
-        if (!this.canExecuteAction(action)) {
-            alert(`Missing authorization for action ${action.authorityObject}/${action.authorityCheck}`);
-            return;
-        }
-        if (action.recordSpecific && record && record[this.config.opField] === 'I') {
+    protected override beforeExecuteAction(action: TableAction, record?: Record<string, unknown>): boolean {
+        if (action.recordSpecific && record && record[this.config.opField] === OpCode.Insert) {
             alert('Save the record first before running this action.');
-            return;
+            return false;
         }
-        if (action.confirmMessage && !confirm(action.confirmMessage)) return;
-        const body = action.recordSpecific && record ? this.primaryKeyValues(record) : {};
-        this.backendService.executeAction(action.method, body).subscribe({
-            next: () => {/* parent form re-fetches on its own save */},
-            error: (err) => {
-                console.error(`Action ${action.action} failed`, err);
-                alert(err?.error?.detail ?? `Failed to ${action.caption}`);
-            },
-        });
+        return true;
     }
 
     override canCreate() { return !this.parentReadOnly() && super.canCreate(); }
@@ -106,7 +94,7 @@ export class TableDetail extends BaseForm implements OnInit {
 
     addRecord() {
         const newRecord = this.emptyRecord();
-        newRecord[this.config.opField] = 'I';
+        newRecord[this.config.opField] = OpCode.Insert;
         this.initializeForeignKeys(newRecord, this.parentTableName(), this.parentRecord());
 
         if (this.displayedColumns.length > 6) {
@@ -124,7 +112,7 @@ export class TableDetail extends BaseForm implements OnInit {
             this.openEditDialog(record, false, this.fkColumns);
         } else {
             this.editingRecord = record;
-            this.isNew = record[this.config.opField] === 'I';
+            this.isNew = record[this.config.opField] === OpCode.Insert;
             this.originalRecord = {...record};
             this.formatRecordTimeStamp(record);
         }
@@ -152,19 +140,19 @@ export class TableDetail extends BaseForm implements OnInit {
     }
 
     deleteRow(record: any) {
-        if (record[this.config.opField] === 'I') {
+        if (record[this.config.opField] === OpCode.Insert) {
             const index = this.records.indexOf(record);
             if (index > -1) {
                 this.records.splice(index, 1);
             }
         } else {
-            record[this.config.opField] = 'D';
+            record[this.config.opField] = OpCode.Delete;
         }
     }
 
     unDeleteRow(record: any) {
-        if (record[this.config.opField] === 'D') {
-            record[this.config.opField] = 'U';
+        if (record[this.config.opField] === OpCode.Delete) {
+            record[this.config.opField] = OpCode.Update;
         }
     }
 }

package/src/component/table/table_edit.html

@@ -28,13 +28,23 @@
             @if (canDelete()) {
                 <button matButton class="warn" (click)="onDelete()">Delete</button>
             }
+            @for (action of getActions(true); track action.action) {
+                @if (canExecuteAction(action)) {
+                    <button matButton="outlined" type="button"
+                            [title]="action.caption"
+                            (click)="executeAction(action, record())">
+                        @if (action.icon) { <mat-icon>{{ action.icon }}</mat-icon> }
+                        {{ action.caption }}
+                    </button>
+                }
+            }
         } @else {
             <button matButton="elevated" class="primary" (click)="onSave()">Save</button>
             <button matButton (click)="onCancel()">Cancel</button>
         }
     </div>
 
-    <record-form [tableName]="tableName()" [record]="editableRecord" [isReadOnly]="isReadOnlyBound"></record-form>
+    <sail-record-form [tableName]="tableName()" [record]="editableRecord" [isReadOnly]="isReadOnlyBound"></sail-record-form>
 
     @if (tabCount > 0) {
         <mat-tab-group>
@@ -42,13 +52,13 @@
             @if (cacheService.canRead(getTableName(key))) {
                 <mat-tab [label]="key">
                     <div class="tab-content">
-                        <table-detail
+                        <sail-table-detail
                            [records]="editableRecord[key]"
                            [tableName]="getTableName(key)"
                            [parentTableName]="tableName()"
                            [parentRecord]="editableRecord"
                            [parentReadOnly]="isReadOnlyMode">
-                        </table-detail>
+                        </sail-table-detail>
                     </div>
                 </mat-tab>
             }

package/src/component/table/table_edit.ts

@@ -1,15 +1,15 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, effect, inject, input, OnInit, signal, ViewEncapsulation } from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, input, linkedSignal, OnInit, ViewEncapsulation } from "@angular/core";
 import { BaseForm } from "../abstract/base_form";
 import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
 import { MatTabsModule } from "@angular/material/tabs";
 import { TableDetail } from "./table_detail";
-import { BackendService } from "../../service/rest_service";
 import { RecordForm } from "../form/form_record";
 import { MatButtonModule } from "@angular/material/button";
 import { MatIconModule } from "@angular/material/icon";
+import { OpCode } from "../../model/common";
 
 @Component({
-    selector: 'table-edit',
+    selector: 'sail-table-edit',
     templateUrl: './table_edit.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
@@ -22,13 +22,15 @@ import { MatIconModule } from "@angular/material/icon";
     ]
 })
 export class TableEdit extends BaseForm implements OnInit {
-    readonly recordInput = input<any>({}, { alias: 'record' });
-    readonly tableNameInput = input('', { alias: 'tableName' });
-    readonly apiNameInput = input('', { alias: 'apiName' });
-    readonly record = signal<any>({});
-    readonly apiName = signal('');
+    readonly recordInput    = input<any>({}, { alias: 'record' });
+    readonly tableNameInput = input('',      { alias: 'tableName' });
+    readonly apiNameInput   = input('',      { alias: 'apiName' });
+
+    readonly record              = linkedSignal<any, any>({       source: () => this.recordInput(),    computation: (v, p) => v ?? p?.value ?? {} });
+    override readonly tableName  = linkedSignal<string, string>({ source: () => this.tableNameInput(), computation: (v, p) => v || p?.value || '' });
+    readonly apiName             = linkedSignal<string, string>({ source: () => this.apiNameInput(),   computation: (v, p) => v || p?.value || '' });
+
     isReadOnlyMode = true;
-    private readonly backendService = inject(BackendService);
     private readonly dialogRef = inject(MatDialogRef<TableEdit>, {optional: true});
     private readonly dialogData = inject<{record?: any; tableName?: string; apiName?: string; isNew?: boolean} | null>(MAT_DIALOG_DATA, {optional: true});
     private readonly cdr = inject(ChangeDetectorRef);
@@ -39,13 +41,6 @@ export class TableEdit extends BaseForm implements OnInit {
     /** Snapshot taken when the user enters edit mode; used for dirty-tracking on save. */
     private originalSnapshot: any = null;
 
-    constructor() {
-        super();
-        effect(() => { const v = this.recordInput();    if (v) this.record.set(v); });
-        effect(() => { const v = this.tableNameInput(); if (v) this.tableName.set(v); });
-        effect(() => { const v = this.apiNameInput();   if (v) this.apiName.set(v); });
-    }
-
     ngOnInit(): void {
         if (this.dialogData) {
             this.record.set(this.dialogData.record ?? {});
@@ -79,6 +74,11 @@ export class TableEdit extends BaseForm implements OnInit {
         }
     }
 
+    /** Re-fetch the row from the backend after a server-side mutation (TableAction success, etc.). */
+    protected override onActionSuccess(): void {
+        if (!this.isNew) this.fetchFullRecord();
+    }
+
     private fetchFullRecord() {
         const rec = this.record();
         this.editableRecord = {...rec};
@@ -149,7 +149,7 @@ export class TableEdit extends BaseForm implements OnInit {
     onDelete() {
         if (confirm('Are you sure you want to delete this record?')) {
             const result = {...this.editableRecord};
-            result[this.config.opField] = 'D';
+            result[this.config.opField] = OpCode.Delete;
             this.backendService.post(this.apiName(), result).subscribe({
                 next: () => {
                     this.isReadOnlyMode = true;

package/src/component/table/table_list.ts

@@ -1,16 +1,14 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, effect, inject, input, OnInit, ViewEncapsulation } from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, inject, input, linkedSignal, OnInit, ViewEncapsulation } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { ActivatedRoute, Params } from "@angular/router";
 import { BaseView } from "../abstract/base_view";
 import { TableEdit } from "./table_edit";
-import { BackendService } from "../../service/rest_service";
-import { TableAction } from "../../model/appdata";
 import { MatButtonModule } from "@angular/material/button";
 import { MatCheckboxModule } from "@angular/material/checkbox";
 import { MatIconModule } from "@angular/material/icon";
 
 @Component({
-    selector: 'table-list',
+    selector: 'sail-table-list',
     templateUrl: './table_list.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
@@ -18,22 +16,21 @@ import { MatIconModule } from "@angular/material/icon";
 })
 export class TableList extends BaseView implements OnInit {
     override dialogWidth = '400px';
-    readonly tableNameInput = input('', { alias: 'tableName' });
-    readonly apiNameInput = input('', { alias: 'apiName' });
-    readonly dialogComponentInput = input<any>(undefined, { alias: 'dialogComponent' });
+    readonly tableNameInput       = input('',          { alias: 'tableName' });
+    readonly apiNameInput          = input('',          { alias: 'apiName' });
+    readonly dialogComponentInput  = input<any>(undefined, { alias: 'dialogComponent' });
+
+    // linkedSignal: defaults to the consumer's input, but ngOnInit / route data
+    // can override with `.set()`. The `computation` preserves the last
+    // non-empty value when the input transiently becomes empty.
+    override readonly tableName       = linkedSignal<string, string>({ source: () => this.tableNameInput(),      computation: (v, p) => v || p?.value || '' });
+    override readonly apiName         = linkedSignal<string, string>({ source: () => this.apiNameInput(),        computation: (v, p) => v || p?.value || '' });
+    override readonly dialogComponent = linkedSignal<any, any>({       source: () => this.dialogComponentInput(), computation: (v, p) => v ?? p?.value });
 
     private readonly route = inject(ActivatedRoute);
-    private readonly backendService = inject(BackendService);
     private readonly cdr = inject(ChangeDetectorRef);
     private readonly destroyRef = inject(DestroyRef);
 
-    constructor() {
-        super();
-        effect(() => { const v = this.tableNameInput();      if (v) this.tableName.set(v); });
-        effect(() => { const v = this.apiNameInput();        if (v) this.apiName.set(v); });
-        effect(() => { const v = this.dialogComponentInput();if (v) this.dialogComponent.set(v); });
-    }
-
     ngOnInit() {
         const data = this.route.snapshot.data;
         if (!this.tableName() && data['tableName']) this.tableName.set(data['tableName']);
@@ -43,10 +40,7 @@ export class TableList extends BaseView implements OnInit {
     }
 
     protected handleDelete(record: {[key: string]: any}): void {
-        if (!this.canDelete()) {
-            alert('Missing authorization to delete records');
-            return;
-        }
+        if (!this.requireAuth(() => this.canDelete(), 'delete')) return;
         if (confirm('Are you sure you want to delete this record?')) {
             const keyFilter = this.getKeyFilters(record);
             this.backendService.delete(this.apiName(), keyFilter).subscribe({
@@ -57,14 +51,7 @@ export class TableList extends BaseView implements OnInit {
     }
 
     protected handleUpdate(result: {[key: string]: any}, isNew: boolean, _original: {[key: string]: any}): void {
-        if (isNew && !this.canCreate()) {
-            alert('Missing authorization to create records');
-            return;
-        }
-        if (!isNew && !this.canUpdate()) {
-            alert('Missing authorization to update records');
-            return;
-        }
+        if (!this.requireAuth(() => isNew ? this.canCreate() : this.canUpdate(), isNew ? 'create' : 'update')) return;
         if (confirm('Are you sure you want to save this record?')) {
             this.backendService.post(this.apiName(), result).subscribe({
                 next: () => this.fetchRecords(),
@@ -74,10 +61,7 @@ export class TableList extends BaseView implements OnInit {
     }
 
     fetchRecords() {
-        if (!this.canRead()) {
-            alert('Missing authorization to read records');
-            return;
-        }
+        if (!this.requireAuth(() => this.canRead(), 'read')) return;
         this.backendService.list<{[key: string]: any}>(this.apiName(), this.searchTerms).subscribe({
             next: (records) => {
                 this.records = records;
@@ -88,27 +72,9 @@ export class TableList extends BaseView implements OnInit {
         });
     }
 
-    /**
-     * Fire a TableAction. For record-specific actions, `record` carries
-     * the row's primary key columns (lifted via BaseTable.primaryKeyValues).
-     * For table-level actions, `record` is undefined and the body is empty.
-     * Refreshes the row list on success — most actions mutate visible
-     * state (set_default flipping defaults, etc.).
-     */
-    executeAction(action: TableAction, record?: {[key: string]: unknown}): void {
-        if (!this.canExecuteAction(action)) {
-            alert(`Missing authorization for action ${action.authorityObject}/${action.authorityCheck}`);
-            return;
-        }
-        if (action.confirmMessage && !confirm(action.confirmMessage)) return;
-        const body = action.recordSpecific && record ? this.primaryKeyValues(record) : {};
-        this.backendService.executeAction(action.method, body).subscribe({
-            next: () => this.fetchRecords(),
-            error: (err) => {
-                console.error(`Action ${action.action} failed`, err);
-                alert(err?.error?.detail ?? `Failed to ${action.caption}`);
-            },
-        });
+    /** Refresh the row list on successful action — most actions mutate visible state (set_default flipping defaults, etc.). */
+    protected override onActionSuccess(): void {
+        this.fetchRecords();
     }
 
     handleQueryParams(params: Params) {

package/src/component/table/table_lookup.html

@@ -1,6 +1,6 @@
 <h2 mat-dialog-title>{{ getCaption() }} Search</h2>
 <div mat-dialog-content>
-    <record-form [tableName]="tableName()" [record]="searchRecord" [fields]="searchColumns" [isReadOnly]="isReadOnlyBound"></record-form>
+    <sail-record-form [tableName]="tableName()" [record]="searchRecord" [fields]="searchColumns" [isReadOnly]="isReadOnlyBound"></sail-record-form>
     <div class="search-actions">
         <button matButton="elevated" class="primary" (click)="onSearch()">Search</button>
         <button matButton (click)="onClear()">Clear</button>

package/src/component/table/table_lookup.ts

@@ -4,10 +4,9 @@ import { MAT_DIALOG_DATA, MatDialogActions, MatDialogClose, MatDialogContent, Ma
 import { MatIconModule } from "@angular/material/icon";
 import { RecordForm } from "../form/form_record";
 import { BaseView } from "../abstract/base_view";
-import { BackendService } from "../../service/rest_service";
 
 @Component({
-    selector: 'table-lookup',
+    selector: 'sail-table-lookup',
     templateUrl: './table_lookup.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
@@ -25,7 +24,6 @@ export class TableLookup extends BaseView implements OnInit {
     searchRecord: any = {};
     searchColumns: string[] = [];
 
-    private readonly backendService = inject(BackendService);
     private readonly dialogRef = inject(MatDialogRef<TableLookup>);
     private readonly data = inject<{tableName?: string; apiName?: string}>(MAT_DIALOG_DATA);
     protected readonly cdr = inject(ChangeDetectorRef);

package/src/component/table/table_report.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, computed, effect, inject, input, signal } from "@angular/core";
-import { HttpClient, HttpParams } from "@angular/common/http";
+import { HttpParams } from "@angular/common/http";
 import { FormsModule } from "@angular/forms";
 import { MatCheckboxModule } from "@angular/material/checkbox";
 import { MatFormFieldModule } from "@angular/material/form-field";
@@ -7,12 +7,13 @@ import { MatInputModule } from "@angular/material/input";
 import { MatSelectModule } from "@angular/material/select";
 import { MatButtonModule } from "@angular/material/button";
 import { BaseAuthService } from "../../service/auth.service";
-import { RestURL } from "../../service/rest_url";
+import { BaseRestService } from "../../service/base_rest.service";
 import { ConstantValue } from "../../model/common";
 import { ReportParam } from "../../model/appdata";
+import { titleCase } from "../../util/text";
 
 @Component({
-    selector: 'table-report',
+    selector: 'sail-table-report',
     templateUrl: './table_report.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
@@ -24,11 +25,10 @@ import { ReportParam } from "../../model/appdata";
         MatButtonModule,
     ],
 })
-export class TableReport {
+export class TableReport extends BaseRestService {
     readonly apiName = input('');
     readonly tableName = input('');
 
-    private readonly http = inject(HttpClient);
     private readonly auth = inject(BaseAuthService);
 
     readonly records = signal<Record<string, unknown>[]>([]);
@@ -49,7 +49,7 @@ export class TableReport {
      */
     readonly reportTitle = computed(() => {
         const reportId = this.apiName().split('/').pop() ?? '';
-        return this.auth.getReport(reportId)?.Description || this.titleCase(this.tableName());
+        return this.auth.getReport(reportId)?.Description || titleCase(this.tableName());
     });
 
     /**
@@ -65,6 +65,7 @@ export class TableReport {
     });
 
     constructor() {
+        super();
         effect(() => {
             const api = this.apiName();
             if (!api) return;
@@ -133,8 +134,7 @@ export class TableReport {
                 httpParams = httpParams.set(k, v);
             }
         }
-        const url = RestURL.httpHost + '/api/' + api;
-        this.http.get<Record<string, unknown>[]>(url, { params: httpParams }).subscribe({
+        this.http.get<Record<string, unknown>[]>(this.url('/api/' + api), { params: httpParams }).subscribe({
             next: (rows) => {
                 this.records.set(rows ?? []);
                 if (rows?.length) {
@@ -145,14 +145,11 @@ export class TableReport {
                 this.errorMessage.set('');
             },
             error: (err) => {
-                this.errorMessage.set(err?.error ?? 'Failed to load report data.');
+                this.errorMessage.set(err?.error?.detail ?? err?.error?.message ?? 'Failed to load report data.');
             },
         });
     }
 
-    titleCase(str: string): string {
-        return str.replaceAll('_', ' ').toLowerCase().split(' ')
-            .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))
-            .join(' ');
-    }
+    /** Re-exported for templates; same as the shared util. */
+    titleCase(str: string): string { return titleCase(str); }
 }

package/src/component/table/table_search.html

@@ -6,7 +6,7 @@
     }
 </h1>
 <div class="page-container">
-    <record-form [tableName]="tableName()" [record]="editableRecord" [fields]="searchColumns" [isReadOnly]="isReadOnlyBound"></record-form>
+    <sail-record-form [tableName]="tableName()" [record]="editableRecord" [fields]="searchColumns" [isReadOnly]="isReadOnlyBound"></sail-record-form>
 </div>
 <div class="search-actions">
     <button matButton="elevated" class="primary" (click)="onSearch()">Search</button>

package/src/component/table/table_search.ts

@@ -1,15 +1,13 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, effect, inject, input, OnInit, signal, ViewEncapsulation } from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, input, linkedSignal, OnInit, ViewEncapsulation } from "@angular/core";
 import { MatButtonModule } from "@angular/material/button";
 import { MatIconModule } from "@angular/material/icon";
 import { ActivatedRoute, Router } from "@angular/router";
 import { BaseForm } from "../abstract/base_form";
 import { RecordForm } from "../form/form_record";
 import { ApplicationMenu } from "../../model/common";
-import { TableAction } from "../../model/appdata";
-import { BackendService } from "../../service/rest_service";
 
 @Component({
-    selector: 'table-search',
+    selector: 'sail-table-search',
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     templateUrl: './table_search.html',
@@ -20,44 +18,25 @@ import { BackendService } from "../../service/rest_service";
     ],
 })
 export class TableSearch extends BaseForm implements OnInit {
-    readonly tableNameInput = input('', { alias: 'tableName' });
-    readonly apiNameInput = input('', { alias: 'apiName' });
+    readonly tableNameInput   = input('', { alias: 'tableName' });
+    readonly apiNameInput     = input('', { alias: 'apiName' });
     readonly targetRouteInput = input('', { alias: 'targetRoute' });
-    readonly apiName = signal('');
-    readonly targetRoute = signal('');
-    searchColumns: string[] = [];
 
-    constructor() {
-        super();
-        effect(() => { const v = this.tableNameInput();  if (v) this.tableName.set(v); });
-        effect(() => { const v = this.apiNameInput();    if (v) this.apiName.set(v); });
-        effect(() => { const v = this.targetRouteInput();if (v) this.targetRoute.set(v); });
-    }
+    override readonly tableName  = linkedSignal<string, string>({ source: () => this.tableNameInput(),   computation: (v, p) => v || p?.value || '' });
+    readonly apiName              = linkedSignal<string, string>({ source: () => this.apiNameInput(),     computation: (v, p) => v || p?.value || '' });
+    readonly targetRoute          = linkedSignal<string, string>({ source: () => this.targetRouteInput(), computation: (v, p) => v || p?.value || '' });
+
+    searchColumns: string[] = [];
 
     private readonly router = inject(Router);
     private readonly route = inject(ActivatedRoute);
     private readonly cdr = inject(ChangeDetectorRef);
-    private readonly backendService = inject(BackendService);
 
     /**
-     * Fire a table-level TableAction from the search-screen toolbar.
-     * Record-specific actions never show up here — search has no
-     * row context.
+     * Search screen surfaces only table-level actions; record-specific actions
+     * never appear here (no row context). `executeAction()` is inherited from
+     * BaseTable; no per-screen refresh needed since search has no row list.
      */
-    executeAction(action: TableAction): void {
-        if (!this.canExecuteAction(action)) {
-            alert(`Missing authorization for action ${action.authorityObject}/${action.authorityCheck}`);
-            return;
-        }
-        if (action.confirmMessage && !confirm(action.confirmMessage)) return;
-        this.backendService.executeAction(action.method, {}).subscribe({
-            next: () => {/* no-op — search screen has no list to refresh */},
-            error: (err) => {
-                console.error(`Action ${action.action} failed`, err);
-                alert(err?.error?.detail ?? `Failed to ${action.caption}`);
-            },
-        });
-    }
 
     ngOnInit() {
         const data = this.route.snapshot.data;
@@ -130,10 +109,7 @@ export class TableSearch extends BaseForm implements OnInit {
     }
 
     onAddRecord() {
-        if (!this.canCreate()) {
-            alert('Missing authorization to create records');
-            return;
-        }
+        if (!this.requireAuth(() => this.canCreate(), 'create')) return;
         const targetRoute = this.targetRoute();
         if (!targetRoute) {
             alert('Navigation target not found for this table');

package/src/index.ts

@@ -45,3 +45,5 @@ export * from './service/api-response.interceptor';
 export * from './service/rest_service';
 export * from './service/rest_url';
 export * from './service/label.service';
+export * from './service/base_rest.service';
+export * from './util/text';

package/src/model/appdata.ts

@@ -197,7 +197,7 @@ export interface PartnerRegistration {
 }
 
 // PublicPlan — shape returned by GET /public/plans. Used on the registration
-// page to render the plan picker and to drive `<app-checkout-button>` flows.
+// page to render the plan picker and to drive `<sail-checkout-button>` flows.
 export interface PublicPlan {
 	id:          string;
 	caption:     string;
@@ -206,7 +206,7 @@ export interface PublicPlan {
 	// Stripe price ID (or provider-equivalent). Optional because keel only
 	// populates it when a plan is wired to a billing provider; FREE plans and
 	// not-yet-priced tiers leave it empty. Pass straight to
-	// `<app-checkout-button [priceId]>` / `BillingService.createCheckout({ priceId })`.
+	// `<sail-checkout-button [priceId]>` / `BillingService.createCheckout({ priceId })`.
 	priceId?:    string;
 }
 

package/src/model/common.ts

@@ -1,7 +1,45 @@
 import { IsString, IsNumeric } from './decorator';
 
+/**
+ * SIUD operation codes that travel on every row through keel's generic CRUD.
+ * Sail tags records with these so the backend knows what to do with each row
+ * inside a bulk POST. Mirror of keel's `data.SiudOpCode` constants.
+ *
+ *   S = Select-only (default for fetched rows — no change)
+ *   I = Insert (locally created, not yet persisted)
+ *   U = Update (existing row, scalar fields changed)
+ *   D = Delete (existing row, mark for removal)
+ *   R = Read-only (existing row, no change after dirty-check)
+ *
+ * Always reference via `OpCode.Insert` etc. — never the bare string. The
+ * `OpCodeValue` union type lets TS catch typos at compile time.
+ */
+export const OpCode = {
+  Select:   'S',
+  Insert:   'I',
+  Update:   'U',
+  Delete:   'D',
+  Readonly: 'R',
+} as const;
+
+export type OpCodeValue = typeof OpCode[keyof typeof OpCode];
+
+/**
+ * Lookup-style values on `TableColumn.LookupStyle` — controls how the lookup
+ * renders in the form. Mirror of keel's basis `column.lookup_style` enum.
+ *
+ *   D = Dropdown (constant_value rows preloaded)
+ *   S = Search   (TableLookup dialog with full search UI)
+ */
+export const LookupStyle = {
+  Dropdown: 'D',
+  Search:   'S',
+} as const;
+
+export type LookupStyleValue = typeof LookupStyle[keyof typeof LookupStyle];
+
 export class SiudAction {
-  op_code = 'S';
+  op_code: OpCodeValue = OpCode.Select;
 }
 
 export class UserAccountPolicy extends SiudAction {