@syndew/oluso-admin-ui 0.0.0-stage → 0.0.1

package/README.md

@@ -1,3 +1,7 @@
-# Temporary Holding Version
+# admin-ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test admin-ui` to execute the unit tests.

package/fesm2022/syndew-oluso-admin-ui-entitlements-page.component-BeZtIUnk.mjs

@@ -0,0 +1,149 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { CardComponent, ButtonComponent, BadgeComponent, ModalComponent, IconComponent } from '@syndew/oluso-ui-core';
+import { E as EntitlementService } from './syndew-oluso-admin-ui-syndew-oluso-admin-ui-BVs_bAxm.mjs';
+
+class EntitlementsPageComponent {
+    entitlementService = inject(EntitlementService);
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []));
+    deleting = signal(false, ...(ngDevMode ? [{ debugName: "deleting" }] : /* istanbul ignore next */ []));
+    entitlements = signal([], ...(ngDevMode ? [{ debugName: "entitlements" }] : /* istanbul ignore next */ []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    showCreateEditModal = signal(false, ...(ngDevMode ? [{ debugName: "showCreateEditModal" }] : /* istanbul ignore next */ []));
+    showDeleteModal = signal(false, ...(ngDevMode ? [{ debugName: "showDeleteModal" }] : /* istanbul ignore next */ []));
+    selected = signal(null, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    formData = this.emptyForm();
+    constructor() {
+        this.load();
+    }
+    emptyForm() {
+        return { name: '', displayName: '', description: '', group: '', enabled: true };
+    }
+    load() {
+        this.loading.set(true);
+        this.entitlementService.getAll().subscribe({
+            next: (entitlements) => {
+                this.entitlements.set(entitlements);
+                this.loading.set(false);
+            },
+            error: (err) => {
+                console.error('Failed to load entitlements:', err);
+                this.loading.set(false);
+            },
+        });
+    }
+    /** Grouped for display; ungrouped entries fall under "General". */
+    groups() {
+        const groups = [];
+        for (const entitlement of this.entitlements()) {
+            const groupName = entitlement.group || 'General';
+            const group = groups.find((g) => g.name === groupName);
+            if (group) {
+                group.entitlements.push(entitlement);
+            }
+            else {
+                groups.push({ name: groupName, entitlements: [entitlement] });
+            }
+        }
+        return groups;
+    }
+    openCreateModal() {
+        this.selected.set(null);
+        this.formData = this.emptyForm();
+        this.error.set(null);
+        this.showCreateEditModal.set(true);
+    }
+    openEditModal(entitlement) {
+        this.selected.set(entitlement);
+        this.formData = {
+            name: entitlement.name,
+            displayName: entitlement.displayName,
+            description: entitlement.description || '',
+            group: entitlement.group || '',
+            enabled: entitlement.enabled,
+        };
+        this.error.set(null);
+        this.showCreateEditModal.set(true);
+    }
+    closeCreateEditModal() {
+        this.showCreateEditModal.set(false);
+        this.selected.set(null);
+        this.error.set(null);
+    }
+    onSave() {
+        const existing = this.selected();
+        this.saving.set(true);
+        this.error.set(null);
+        const done = {
+            next: () => {
+                this.saving.set(false);
+                this.closeCreateEditModal();
+                this.load();
+            },
+            error: (err) => {
+                this.error.set(err?.error?.error || 'Save failed');
+                this.saving.set(false);
+            },
+        };
+        if (existing) {
+            // Name is immutable — it's already in issued tokens and on roles.
+            this.entitlementService
+                .update(existing.id, {
+                displayName: this.formData.displayName || this.formData.name,
+                description: this.formData.description,
+                group: this.formData.group,
+                enabled: this.formData.enabled,
+            })
+                .subscribe(done);
+        }
+        else {
+            this.entitlementService
+                .create({
+                name: this.formData.name.trim(),
+                displayName: this.formData.displayName || undefined,
+                description: this.formData.description || undefined,
+                group: this.formData.group || undefined,
+                enabled: this.formData.enabled,
+            })
+                .subscribe(done);
+        }
+    }
+    openDeleteModal(entitlement) {
+        this.selected.set(entitlement);
+        this.showDeleteModal.set(true);
+    }
+    closeDeleteModal() {
+        this.showDeleteModal.set(false);
+        this.selected.set(null);
+    }
+    confirmDelete() {
+        const entitlement = this.selected();
+        if (!entitlement)
+            return;
+        this.deleting.set(true);
+        this.entitlementService.delete(entitlement.id).subscribe({
+            next: () => {
+                this.deleting.set(false);
+                this.closeDeleteModal();
+                this.load();
+            },
+            error: (err) => {
+                console.error('Failed to delete entitlement:', err);
+                this.deleting.set(false);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EntitlementsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: EntitlementsPageComponent, isStandalone: true, selector: "admin-entitlements-page", ngImport: i0, template: "<div class=\"space-y-6\">\n  <div class=\"flex items-start justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-semibold text-gray-900\">Entitlements</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        Permissions your own applications enforce. Assign them to roles, and they arrive in the\n        <code class=\"font-mono\">entitlements</code> claim for clients granted the\n        <code class=\"font-mono\">entitlements</code> scope. They grant nothing inside Oluso.\n      </p>\n    </div>\n    <ui-button (clicked)=\"openCreateModal()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-1\" />\n      New Entitlement\n    </ui-button>\n  </div>\n\n  @if (loading()) {\n    <div class=\"text-sm text-gray-500 p-4\">Loading entitlements...</div>\n  } @else if (entitlements().length === 0) {\n    <ui-card>\n      <div class=\"text-center py-10\">\n        <ui-icon name=\"key\" class=\"mx-auto h-8 w-8 text-gray-300\" />\n        <p class=\"mt-2 text-sm text-gray-500\">\n          No entitlements yet. Define one to make it selectable when editing a role.\n        </p>\n      </div>\n    </ui-card>\n  } @else {\n    @for (group of groups(); track group.name) {\n      <ui-card [title]=\"group.name\">\n        <div class=\"divide-y\">\n          @for (entitlement of group.entitlements; track entitlement.id) {\n            <div class=\"flex items-start justify-between py-3\">\n              <div>\n                <div class=\"flex items-center gap-2\">\n                  <span class=\"text-sm font-medium text-gray-900\">{{ entitlement.displayName }}</span>\n                  <span class=\"font-mono text-xs text-gray-500\">{{ entitlement.name }}</span>\n                  @if (!entitlement.enabled) {\n                    <ui-badge variant=\"warning\">Disabled</ui-badge>\n                  }\n                </div>\n                @if (entitlement.description) {\n                  <p class=\"mt-1 text-sm text-gray-500\">{{ entitlement.description }}</p>\n                }\n              </div>\n              <div class=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  class=\"text-gray-500 hover:text-gray-700\"\n                  title=\"Edit\"\n                  (click)=\"openEditModal(entitlement)\"\n                >\n                  <ui-icon name=\"pencil\" class=\"h-4 w-4\" />\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"text-red-500 hover:text-red-700\"\n                  title=\"Delete\"\n                  (click)=\"openDeleteModal(entitlement)\"\n                >\n                  <ui-icon name=\"trash\" class=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          }\n        </div>\n      </ui-card>\n    }\n  }\n</div>\n\n<ui-modal\n  [open]=\"showCreateEditModal()\"\n  [title]=\"selected() ? 'Edit Entitlement' : 'New Entitlement'\"\n  (closed)=\"closeCreateEditModal()\"\n>\n  <div class=\"space-y-4\">\n    @if (error()) {\n      <div class=\"rounded-md bg-red-50 p-3 text-sm text-red-700\">{{ error() }}</div>\n    }\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.name\"\n        [disabled]=\"!!selected()\"\n        placeholder=\"invoices.approve\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm disabled:bg-gray-100\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">\n        @if (selected()) {\n          The name is what your app checks and is already in issued tokens, so it can't be changed.\n          Delete and recreate to rename.\n        } @else {\n          The exact value your application will check. No spaces.\n        }\n      </p>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Display name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.displayName\"\n        placeholder=\"Approve invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Description</label>\n      <textarea\n        [(ngModel)]=\"formData.description\"\n        rows=\"2\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      ></textarea>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Group</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.group\"\n        placeholder=\"Invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">Groups the entitlement in the role editor.</p>\n    </div>\n\n    <label class=\"flex items-start gap-2 text-sm\">\n      <input\n        type=\"checkbox\"\n        class=\"h-4 w-4 mt-0.5 text-primary-600 focus:ring-primary-500 border-gray-300 rounded\"\n        [(ngModel)]=\"formData.enabled\"\n      />\n      <span>\n        Enabled\n        <span class=\"block text-gray-500\">\n          Turning this off withholds it from new tokens without unassigning it from roles.\n        </span>\n      </span>\n    </label>\n  </div>\n\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeCreateEditModal()\">Cancel</ui-button>\n    <ui-button [loading]=\"saving()\" [disabled]=\"!formData.name.trim()\" (clicked)=\"onSave()\">\n      {{ selected() ? 'Save' : 'Create' }}\n    </ui-button>\n  </div>\n</ui-modal>\n\n<ui-modal [open]=\"showDeleteModal()\" title=\"Delete Entitlement\" (closed)=\"closeDeleteModal()\">\n  <p class=\"text-sm text-gray-500\">\n    Delete <span class=\"font-mono\">{{ selected()?.name }}</span>? It will also be removed from every\n    role that grants it, and will stop appearing in tokens.\n  </p>\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeDeleteModal()\">Cancel</ui-button>\n    <ui-button variant=\"danger\" [loading]=\"deleting()\" (clicked)=\"confirmDelete()\">Delete</ui-button>\n  </div>\n</ui-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CardComponent, selector: "ui-card", inputs: ["title", "subtitle", "padding", "shadow"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "loading", "type", "fullWidth"], outputs: ["clicked"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["variant", "size"] }, { kind: "component", type: ModalComponent, selector: "ui-modal", inputs: ["open", "title", "size", "showCloseButton", "closeOnBackdrop", "closeOnEscape", "scrollable"], outputs: ["closed"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "strokeWidth"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EntitlementsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'admin-entitlements-page', standalone: true, imports: [CommonModule, FormsModule, CardComponent, ButtonComponent, BadgeComponent, ModalComponent, IconComponent], template: "<div class=\"space-y-6\">\n  <div class=\"flex items-start justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-semibold text-gray-900\">Entitlements</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        Permissions your own applications enforce. Assign them to roles, and they arrive in the\n        <code class=\"font-mono\">entitlements</code> claim for clients granted the\n        <code class=\"font-mono\">entitlements</code> scope. They grant nothing inside Oluso.\n      </p>\n    </div>\n    <ui-button (clicked)=\"openCreateModal()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-1\" />\n      New Entitlement\n    </ui-button>\n  </div>\n\n  @if (loading()) {\n    <div class=\"text-sm text-gray-500 p-4\">Loading entitlements...</div>\n  } @else if (entitlements().length === 0) {\n    <ui-card>\n      <div class=\"text-center py-10\">\n        <ui-icon name=\"key\" class=\"mx-auto h-8 w-8 text-gray-300\" />\n        <p class=\"mt-2 text-sm text-gray-500\">\n          No entitlements yet. Define one to make it selectable when editing a role.\n        </p>\n      </div>\n    </ui-card>\n  } @else {\n    @for (group of groups(); track group.name) {\n      <ui-card [title]=\"group.name\">\n        <div class=\"divide-y\">\n          @for (entitlement of group.entitlements; track entitlement.id) {\n            <div class=\"flex items-start justify-between py-3\">\n              <div>\n                <div class=\"flex items-center gap-2\">\n                  <span class=\"text-sm font-medium text-gray-900\">{{ entitlement.displayName }}</span>\n                  <span class=\"font-mono text-xs text-gray-500\">{{ entitlement.name }}</span>\n                  @if (!entitlement.enabled) {\n                    <ui-badge variant=\"warning\">Disabled</ui-badge>\n                  }\n                </div>\n                @if (entitlement.description) {\n                  <p class=\"mt-1 text-sm text-gray-500\">{{ entitlement.description }}</p>\n                }\n              </div>\n              <div class=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  class=\"text-gray-500 hover:text-gray-700\"\n                  title=\"Edit\"\n                  (click)=\"openEditModal(entitlement)\"\n                >\n                  <ui-icon name=\"pencil\" class=\"h-4 w-4\" />\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"text-red-500 hover:text-red-700\"\n                  title=\"Delete\"\n                  (click)=\"openDeleteModal(entitlement)\"\n                >\n                  <ui-icon name=\"trash\" class=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          }\n        </div>\n      </ui-card>\n    }\n  }\n</div>\n\n<ui-modal\n  [open]=\"showCreateEditModal()\"\n  [title]=\"selected() ? 'Edit Entitlement' : 'New Entitlement'\"\n  (closed)=\"closeCreateEditModal()\"\n>\n  <div class=\"space-y-4\">\n    @if (error()) {\n      <div class=\"rounded-md bg-red-50 p-3 text-sm text-red-700\">{{ error() }}</div>\n    }\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.name\"\n        [disabled]=\"!!selected()\"\n        placeholder=\"invoices.approve\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm disabled:bg-gray-100\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">\n        @if (selected()) {\n          The name is what your app checks and is already in issued tokens, so it can't be changed.\n          Delete and recreate to rename.\n        } @else {\n          The exact value your application will check. No spaces.\n        }\n      </p>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Display name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.displayName\"\n        placeholder=\"Approve invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Description</label>\n      <textarea\n        [(ngModel)]=\"formData.description\"\n        rows=\"2\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      ></textarea>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Group</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.group\"\n        placeholder=\"Invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">Groups the entitlement in the role editor.</p>\n    </div>\n\n    <label class=\"flex items-start gap-2 text-sm\">\n      <input\n        type=\"checkbox\"\n        class=\"h-4 w-4 mt-0.5 text-primary-600 focus:ring-primary-500 border-gray-300 rounded\"\n        [(ngModel)]=\"formData.enabled\"\n      />\n      <span>\n        Enabled\n        <span class=\"block text-gray-500\">\n          Turning this off withholds it from new tokens without unassigning it from roles.\n        </span>\n      </span>\n    </label>\n  </div>\n\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeCreateEditModal()\">Cancel</ui-button>\n    <ui-button [loading]=\"saving()\" [disabled]=\"!formData.name.trim()\" (clicked)=\"onSave()\">\n      {{ selected() ? 'Save' : 'Create' }}\n    </ui-button>\n  </div>\n</ui-modal>\n\n<ui-modal [open]=\"showDeleteModal()\" title=\"Delete Entitlement\" (closed)=\"closeDeleteModal()\">\n  <p class=\"text-sm text-gray-500\">\n    Delete <span class=\"font-mono\">{{ selected()?.name }}</span>? It will also be removed from every\n    role that grants it, and will stop appearing in tokens.\n  </p>\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeDeleteModal()\">Cancel</ui-button>\n    <ui-button variant=\"danger\" [loading]=\"deleting()\" (clicked)=\"confirmDelete()\">Delete</ui-button>\n  </div>\n</ui-modal>\n" }]
+        }], ctorParameters: () => [] });
+
+export { EntitlementsPageComponent };
+//# sourceMappingURL=syndew-oluso-admin-ui-entitlements-page.component-BeZtIUnk.mjs.map

package/fesm2022/syndew-oluso-admin-ui-entitlements-page.component-BeZtIUnk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syndew-oluso-admin-ui-entitlements-page.component-BeZtIUnk.mjs","sources":["../../../../libs/admin-ui/src/lib/pages/entitlements/entitlements-page.component.ts","../../../../libs/admin-ui/src/lib/pages/entitlements/entitlements-page.component.html"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n  CardComponent,\n  ButtonComponent,\n  BadgeComponent,\n  ModalComponent,\n  IconComponent,\n} from '@syndew/oluso-ui-core';\nimport { EntitlementService } from '../../services/entitlement.service';\nimport { EntitlementDto } from '../../models/entitlement.model';\n\ninterface EntitlementFormData {\n  name: string;\n  displayName: string;\n  description: string;\n  group: string;\n  enabled: boolean;\n}\n\n@Component({\n  selector: 'admin-entitlements-page',\n  standalone: true,\n  imports: [CommonModule, FormsModule, CardComponent, ButtonComponent, BadgeComponent, ModalComponent, IconComponent],\n  templateUrl: './entitlements-page.component.html',\n})\nexport class EntitlementsPageComponent {\n  private readonly entitlementService = inject(EntitlementService);\n\n  readonly loading = signal(true);\n  readonly saving = signal(false);\n  readonly deleting = signal(false);\n  readonly entitlements = signal<EntitlementDto[]>([]);\n  readonly error = signal<string | null>(null);\n\n  readonly showCreateEditModal = signal(false);\n  readonly showDeleteModal = signal(false);\n  readonly selected = signal<EntitlementDto | null>(null);\n\n  formData: EntitlementFormData = this.emptyForm();\n\n  constructor() {\n    this.load();\n  }\n\n  private emptyForm(): EntitlementFormData {\n    return { name: '', displayName: '', description: '', group: '', enabled: true };\n  }\n\n  load(): void {\n    this.loading.set(true);\n    this.entitlementService.getAll().subscribe({\n      next: (entitlements) => {\n        this.entitlements.set(entitlements);\n        this.loading.set(false);\n      },\n      error: (err) => {\n        console.error('Failed to load entitlements:', err);\n        this.loading.set(false);\n      },\n    });\n  }\n\n  /** Grouped for display; ungrouped entries fall under \"General\". */\n  groups(): { name: string; entitlements: EntitlementDto[] }[] {\n    const groups: { name: string; entitlements: EntitlementDto[] }[] = [];\n    for (const entitlement of this.entitlements()) {\n      const groupName = entitlement.group || 'General';\n      const group = groups.find((g) => g.name === groupName);\n      if (group) {\n        group.entitlements.push(entitlement);\n      } else {\n        groups.push({ name: groupName, entitlements: [entitlement] });\n      }\n    }\n    return groups;\n  }\n\n  openCreateModal(): void {\n    this.selected.set(null);\n    this.formData = this.emptyForm();\n    this.error.set(null);\n    this.showCreateEditModal.set(true);\n  }\n\n  openEditModal(entitlement: EntitlementDto): void {\n    this.selected.set(entitlement);\n    this.formData = {\n      name: entitlement.name,\n      displayName: entitlement.displayName,\n      description: entitlement.description || '',\n      group: entitlement.group || '',\n      enabled: entitlement.enabled,\n    };\n    this.error.set(null);\n    this.showCreateEditModal.set(true);\n  }\n\n  closeCreateEditModal(): void {\n    this.showCreateEditModal.set(false);\n    this.selected.set(null);\n    this.error.set(null);\n  }\n\n  onSave(): void {\n    const existing = this.selected();\n    this.saving.set(true);\n    this.error.set(null);\n\n    const done = {\n      next: () => {\n        this.saving.set(false);\n        this.closeCreateEditModal();\n        this.load();\n      },\n      error: (err: { error?: { error?: string } }) => {\n        this.error.set(err?.error?.error || 'Save failed');\n        this.saving.set(false);\n      },\n    };\n\n    if (existing) {\n      // Name is immutable — it's already in issued tokens and on roles.\n      this.entitlementService\n        .update(existing.id, {\n          displayName: this.formData.displayName || this.formData.name,\n          description: this.formData.description,\n          group: this.formData.group,\n          enabled: this.formData.enabled,\n        })\n        .subscribe(done);\n    } else {\n      this.entitlementService\n        .create({\n          name: this.formData.name.trim(),\n          displayName: this.formData.displayName || undefined,\n          description: this.formData.description || undefined,\n          group: this.formData.group || undefined,\n          enabled: this.formData.enabled,\n        })\n        .subscribe(done);\n    }\n  }\n\n  openDeleteModal(entitlement: EntitlementDto): void {\n    this.selected.set(entitlement);\n    this.showDeleteModal.set(true);\n  }\n\n  closeDeleteModal(): void {\n    this.showDeleteModal.set(false);\n    this.selected.set(null);\n  }\n\n  confirmDelete(): void {\n    const entitlement = this.selected();\n    if (!entitlement) return;\n\n    this.deleting.set(true);\n    this.entitlementService.delete(entitlement.id).subscribe({\n      next: () => {\n        this.deleting.set(false);\n        this.closeDeleteModal();\n        this.load();\n      },\n      error: (err) => {\n        console.error('Failed to delete entitlement:', err);\n        this.deleting.set(false);\n      },\n    });\n  }\n}\n","<div class=\"space-y-6\">\n  <div class=\"flex items-start justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-semibold text-gray-900\">Entitlements</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        Permissions your own applications enforce. Assign them to roles, and they arrive in the\n        <code class=\"font-mono\">entitlements</code> claim for clients granted the\n        <code class=\"font-mono\">entitlements</code> scope. They grant nothing inside Oluso.\n      </p>\n    </div>\n    <ui-button (clicked)=\"openCreateModal()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-1\" />\n      New Entitlement\n    </ui-button>\n  </div>\n\n  @if (loading()) {\n    <div class=\"text-sm text-gray-500 p-4\">Loading entitlements...</div>\n  } @else if (entitlements().length === 0) {\n    <ui-card>\n      <div class=\"text-center py-10\">\n        <ui-icon name=\"key\" class=\"mx-auto h-8 w-8 text-gray-300\" />\n        <p class=\"mt-2 text-sm text-gray-500\">\n          No entitlements yet. Define one to make it selectable when editing a role.\n        </p>\n      </div>\n    </ui-card>\n  } @else {\n    @for (group of groups(); track group.name) {\n      <ui-card [title]=\"group.name\">\n        <div class=\"divide-y\">\n          @for (entitlement of group.entitlements; track entitlement.id) {\n            <div class=\"flex items-start justify-between py-3\">\n              <div>\n                <div class=\"flex items-center gap-2\">\n                  <span class=\"text-sm font-medium text-gray-900\">{{ entitlement.displayName }}</span>\n                  <span class=\"font-mono text-xs text-gray-500\">{{ entitlement.name }}</span>\n                  @if (!entitlement.enabled) {\n                    <ui-badge variant=\"warning\">Disabled</ui-badge>\n                  }\n                </div>\n                @if (entitlement.description) {\n                  <p class=\"mt-1 text-sm text-gray-500\">{{ entitlement.description }}</p>\n                }\n              </div>\n              <div class=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  class=\"text-gray-500 hover:text-gray-700\"\n                  title=\"Edit\"\n                  (click)=\"openEditModal(entitlement)\"\n                >\n                  <ui-icon name=\"pencil\" class=\"h-4 w-4\" />\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"text-red-500 hover:text-red-700\"\n                  title=\"Delete\"\n                  (click)=\"openDeleteModal(entitlement)\"\n                >\n                  <ui-icon name=\"trash\" class=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          }\n        </div>\n      </ui-card>\n    }\n  }\n</div>\n\n<ui-modal\n  [open]=\"showCreateEditModal()\"\n  [title]=\"selected() ? 'Edit Entitlement' : 'New Entitlement'\"\n  (closed)=\"closeCreateEditModal()\"\n>\n  <div class=\"space-y-4\">\n    @if (error()) {\n      <div class=\"rounded-md bg-red-50 p-3 text-sm text-red-700\">{{ error() }}</div>\n    }\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.name\"\n        [disabled]=\"!!selected()\"\n        placeholder=\"invoices.approve\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm disabled:bg-gray-100\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">\n        @if (selected()) {\n          The name is what your app checks and is already in issued tokens, so it can't be changed.\n          Delete and recreate to rename.\n        } @else {\n          The exact value your application will check. No spaces.\n        }\n      </p>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Display name</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.displayName\"\n        placeholder=\"Approve invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Description</label>\n      <textarea\n        [(ngModel)]=\"formData.description\"\n        rows=\"2\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      ></textarea>\n    </div>\n\n    <div>\n      <label class=\"block text-sm font-medium text-gray-700 mb-1\">Group</label>\n      <input\n        type=\"text\"\n        [(ngModel)]=\"formData.group\"\n        placeholder=\"Invoices\"\n        class=\"w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm\"\n      />\n      <p class=\"mt-1 text-xs text-gray-500\">Groups the entitlement in the role editor.</p>\n    </div>\n\n    <label class=\"flex items-start gap-2 text-sm\">\n      <input\n        type=\"checkbox\"\n        class=\"h-4 w-4 mt-0.5 text-primary-600 focus:ring-primary-500 border-gray-300 rounded\"\n        [(ngModel)]=\"formData.enabled\"\n      />\n      <span>\n        Enabled\n        <span class=\"block text-gray-500\">\n          Turning this off withholds it from new tokens without unassigning it from roles.\n        </span>\n      </span>\n    </label>\n  </div>\n\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeCreateEditModal()\">Cancel</ui-button>\n    <ui-button [loading]=\"saving()\" [disabled]=\"!formData.name.trim()\" (clicked)=\"onSave()\">\n      {{ selected() ? 'Save' : 'Create' }}\n    </ui-button>\n  </div>\n</ui-modal>\n\n<ui-modal [open]=\"showDeleteModal()\" title=\"Delete Entitlement\" (closed)=\"closeDeleteModal()\">\n  <p class=\"text-sm text-gray-500\">\n    Delete <span class=\"font-mono\">{{ selected()?.name }}</span>? It will also be removed from every\n    role that grants it, and will stop appearing in tokens.\n  </p>\n  <div modal-footer class=\"px-6 py-4 border-t border-gray-200 flex justify-end gap-2\">\n    <ui-button variant=\"secondary\" (clicked)=\"closeDeleteModal()\">Cancel</ui-button>\n    <ui-button variant=\"danger\" [loading]=\"deleting()\" (clicked)=\"confirmDelete()\">Delete</ui-button>\n  </div>\n</ui-modal>\n"],"names":[],"mappings":"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"}

package/fesm2022/syndew-oluso-admin-ui-license-status-page.component-JQmj_qhz.mjs

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { CardComponent, BadgeComponent, IconComponent, LocaleDatePipe } from '@syndew/oluso-ui-core';
+import { f as ApiService } from './syndew-oluso-admin-ui-syndew-oluso-admin-ui-BVs_bAxm.mjs';
+
+class LicenseStatusPageComponent {
+    api = inject(ApiService);
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    license = signal(null, ...(ngDevMode ? [{ debugName: "license" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.api.get('/settings/license').subscribe({
+            next: (status) => {
+                this.license.set(status);
+                this.loading.set(false);
+            },
+            error: (err) => {
+                console.error('Failed to load license status:', err);
+                this.loading.set(false);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LicenseStatusPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: LicenseStatusPageComponent, isStandalone: true, selector: "admin-license-status-page", ngImport: i0, template: `
+    <div class="page-header">
+      <h1>License Status</h1>
+    </div>
+
+    @if (loading()) {
+      <ui-card>
+        <div class="loading-placeholder">Loading license information...</div>
+      </ui-card>
+    } @else if (license(); as lic) {
+      <!-- License Overview -->
+      <ui-card>
+        <div class="license-overview">
+          <div class="license-tier">
+            <span class="tier-label">License Tier</span>
+            <span class="tier-value">{{ lic.tier | titlecase }}</span>
+            @if (lic.isTrial) {
+              <ui-badge variant="warning">Trial</ui-badge>
+            }
+            @if (lic.isExpired) {
+              <ui-badge variant="danger">Expired</ui-badge>
+            } @else if (lic.isValid) {
+              <ui-badge variant="success">Active</ui-badge>
+            }
+          </div>
+
+          <div class="license-details">
+            @if (lic.expiresAt) {
+              <div class="detail-item">
+                <span class="detail-label">Expires</span>
+                <span class="detail-value">
+                  {{ lic.expiresAt | localeDate:'mediumDate' }}
+                  @if (!lic.isExpired && lic.daysUntilExpiration <= 30) {
+                    <span class="expiry-warning">({{ lic.daysUntilExpiration }} days remaining)</span>
+                  }
+                </span>
+              </div>
+            }
+
+            <div class="detail-item">
+              <span class="detail-label">Max Tenants</span>
+              <span class="detail-value">{{ lic.maxTenants === -1 ? 'Unlimited' : lic.maxTenants }}</span>
+            </div>
+          </div>
+        </div>
+      </ui-card>
+
+      <!-- Licensed Features -->
+      <ui-card>
+        <h2 class="section-title">Licensed Features</h2>
+        @if (lic.features.length === 0) {
+          <p class="empty-state">No features licensed</p>
+        } @else {
+          <div class="feature-grid">
+            @for (feature of lic.features; track feature) {
+              <div class="feature-item">
+                <ui-icon name="check-circle" class="feature-icon licensed"></ui-icon>
+                <span>{{ feature }}</span>
+              </div>
+            }
+          </div>
+        }
+      </ui-card>
+
+      <!-- Add-Ons -->
+      @if (lic.addOns.length > 0) {
+        <ui-card>
+          <h2 class="section-title">Add-Ons</h2>
+          <div class="feature-grid">
+            @for (addon of lic.addOns; track addon) {
+              <div class="feature-item">
+                <ui-icon name="puzzle-piece" class="feature-icon addon"></ui-icon>
+                <span>{{ addon }}</span>
+              </div>
+            }
+          </div>
+        </ui-card>
+      }
+    } @else {
+      <ui-card>
+        <div class="empty-state">
+          <p>No license information available.</p>
+          <p class="empty-hint">Contact support to obtain a license key.</p>
+        </div>
+      </ui-card>
+    }
+  `, isInline: true, styles: [".page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.license-overview{display:flex;flex-direction:column;gap:1.5rem}.license-tier{display:flex;align-items:center;gap:.75rem}.tier-label{font-size:.875rem;color:var(--text-secondary)}.tier-value{font-size:1.5rem;font-weight:700}.license-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;font-weight:500}.expiry-warning{color:var(--color-warning);font-size:.75rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;background:var(--bg-secondary);font-size:.875rem}.feature-icon{width:1rem;height:1rem;flex-shrink:0}.feature-icon.licensed{color:var(--color-success)}.feature-icon.addon{color:var(--color-primary)}.loading-placeholder{padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-hint{font-size:.875rem;margin-top:.5rem}ui-card{display:block;margin-bottom:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "ui-card", inputs: ["title", "subtitle", "padding", "shadow"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "strokeWidth"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: LicenseStatusPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'admin-license-status-page', standalone: true, imports: [CommonModule, CardComponent, BadgeComponent, IconComponent, LocaleDatePipe], template: `
+    <div class="page-header">
+      <h1>License Status</h1>
+    </div>
+
+    @if (loading()) {
+      <ui-card>
+        <div class="loading-placeholder">Loading license information...</div>
+      </ui-card>
+    } @else if (license(); as lic) {
+      <!-- License Overview -->
+      <ui-card>
+        <div class="license-overview">
+          <div class="license-tier">
+            <span class="tier-label">License Tier</span>
+            <span class="tier-value">{{ lic.tier | titlecase }}</span>
+            @if (lic.isTrial) {
+              <ui-badge variant="warning">Trial</ui-badge>
+            }
+            @if (lic.isExpired) {
+              <ui-badge variant="danger">Expired</ui-badge>
+            } @else if (lic.isValid) {
+              <ui-badge variant="success">Active</ui-badge>
+            }
+          </div>
+
+          <div class="license-details">
+            @if (lic.expiresAt) {
+              <div class="detail-item">
+                <span class="detail-label">Expires</span>
+                <span class="detail-value">
+                  {{ lic.expiresAt | localeDate:'mediumDate' }}
+                  @if (!lic.isExpired && lic.daysUntilExpiration <= 30) {
+                    <span class="expiry-warning">({{ lic.daysUntilExpiration }} days remaining)</span>
+                  }
+                </span>
+              </div>
+            }
+
+            <div class="detail-item">
+              <span class="detail-label">Max Tenants</span>
+              <span class="detail-value">{{ lic.maxTenants === -1 ? 'Unlimited' : lic.maxTenants }}</span>
+            </div>
+          </div>
+        </div>
+      </ui-card>
+
+      <!-- Licensed Features -->
+      <ui-card>
+        <h2 class="section-title">Licensed Features</h2>
+        @if (lic.features.length === 0) {
+          <p class="empty-state">No features licensed</p>
+        } @else {
+          <div class="feature-grid">
+            @for (feature of lic.features; track feature) {
+              <div class="feature-item">
+                <ui-icon name="check-circle" class="feature-icon licensed"></ui-icon>
+                <span>{{ feature }}</span>
+              </div>
+            }
+          </div>
+        }
+      </ui-card>
+
+      <!-- Add-Ons -->
+      @if (lic.addOns.length > 0) {
+        <ui-card>
+          <h2 class="section-title">Add-Ons</h2>
+          <div class="feature-grid">
+            @for (addon of lic.addOns; track addon) {
+              <div class="feature-item">
+                <ui-icon name="puzzle-piece" class="feature-icon addon"></ui-icon>
+                <span>{{ addon }}</span>
+              </div>
+            }
+          </div>
+        </ui-card>
+      }
+    } @else {
+      <ui-card>
+        <div class="empty-state">
+          <p>No license information available.</p>
+          <p class="empty-hint">Contact support to obtain a license key.</p>
+        </div>
+      </ui-card>
+    }
+  `, styles: [".page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.license-overview{display:flex;flex-direction:column;gap:1.5rem}.license-tier{display:flex;align-items:center;gap:.75rem}.tier-label{font-size:.875rem;color:var(--text-secondary)}.tier-value{font-size:1.5rem;font-weight:700}.license-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;font-weight:500}.expiry-warning{color:var(--color-warning);font-size:.75rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;background:var(--bg-secondary);font-size:.875rem}.feature-icon{width:1rem;height:1rem;flex-shrink:0}.feature-icon.licensed{color:var(--color-success)}.feature-icon.addon{color:var(--color-primary)}.loading-placeholder{padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-hint{font-size:.875rem;margin-top:.5rem}ui-card{display:block;margin-bottom:1rem}\n"] }]
+        }] });
+
+export { LicenseStatusPageComponent };
+//# sourceMappingURL=syndew-oluso-admin-ui-license-status-page.component-JQmj_qhz.mjs.map

package/fesm2022/syndew-oluso-admin-ui-license-status-page.component-JQmj_qhz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syndew-oluso-admin-ui-license-status-page.component-JQmj_qhz.mjs","sources":["../../../../libs/admin-ui/src/lib/pages/settings/license-status-page.component.ts"],"sourcesContent":["import { Component, inject, signal, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CardComponent, BadgeComponent, IconComponent, LocaleDatePipe } from '@syndew/oluso-ui-core';\nimport { ApiService } from '../../services/api.service';\n\ninterface LicenseStatus {\n  tier: string;\n  isValid: boolean;\n  expiresAt: string | null;\n  isExpired: boolean;\n  isTrial: boolean;\n  daysUntilExpiration: number;\n  maxTenants: number;\n  features: string[];\n  addOns: string[];\n  message: string | null;\n}\n\n@Component({\n  selector: 'admin-license-status-page',\n  standalone: true,\n  imports: [CommonModule, CardComponent, BadgeComponent, IconComponent, LocaleDatePipe],\n  template: `\n    <div class=\"page-header\">\n      <h1>License Status</h1>\n    </div>\n\n    @if (loading()) {\n      <ui-card>\n        <div class=\"loading-placeholder\">Loading license information...</div>\n      </ui-card>\n    } @else if (license(); as lic) {\n      <!-- License Overview -->\n      <ui-card>\n        <div class=\"license-overview\">\n          <div class=\"license-tier\">\n            <span class=\"tier-label\">License Tier</span>\n            <span class=\"tier-value\">{{ lic.tier | titlecase }}</span>\n            @if (lic.isTrial) {\n              <ui-badge variant=\"warning\">Trial</ui-badge>\n            }\n            @if (lic.isExpired) {\n              <ui-badge variant=\"danger\">Expired</ui-badge>\n            } @else if (lic.isValid) {\n              <ui-badge variant=\"success\">Active</ui-badge>\n            }\n          </div>\n\n          <div class=\"license-details\">\n            @if (lic.expiresAt) {\n              <div class=\"detail-item\">\n                <span class=\"detail-label\">Expires</span>\n                <span class=\"detail-value\">\n                  {{ lic.expiresAt | localeDate:'mediumDate' }}\n                  @if (!lic.isExpired && lic.daysUntilExpiration <= 30) {\n                    <span class=\"expiry-warning\">({{ lic.daysUntilExpiration }} days remaining)</span>\n                  }\n                </span>\n              </div>\n            }\n\n            <div class=\"detail-item\">\n              <span class=\"detail-label\">Max Tenants</span>\n              <span class=\"detail-value\">{{ lic.maxTenants === -1 ? 'Unlimited' : lic.maxTenants }}</span>\n            </div>\n          </div>\n        </div>\n      </ui-card>\n\n      <!-- Licensed Features -->\n      <ui-card>\n        <h2 class=\"section-title\">Licensed Features</h2>\n        @if (lic.features.length === 0) {\n          <p class=\"empty-state\">No features licensed</p>\n        } @else {\n          <div class=\"feature-grid\">\n            @for (feature of lic.features; track feature) {\n              <div class=\"feature-item\">\n                <ui-icon name=\"check-circle\" class=\"feature-icon licensed\"></ui-icon>\n                <span>{{ feature }}</span>\n              </div>\n            }\n          </div>\n        }\n      </ui-card>\n\n      <!-- Add-Ons -->\n      @if (lic.addOns.length > 0) {\n        <ui-card>\n          <h2 class=\"section-title\">Add-Ons</h2>\n          <div class=\"feature-grid\">\n            @for (addon of lic.addOns; track addon) {\n              <div class=\"feature-item\">\n                <ui-icon name=\"puzzle-piece\" class=\"feature-icon addon\"></ui-icon>\n                <span>{{ addon }}</span>\n              </div>\n            }\n          </div>\n        </ui-card>\n      }\n    } @else {\n      <ui-card>\n        <div class=\"empty-state\">\n          <p>No license information available.</p>\n          <p class=\"empty-hint\">Contact support to obtain a license key.</p>\n        </div>\n      </ui-card>\n    }\n  `,\n  styles: [`\n    .page-header { margin-bottom: 1.5rem; }\n    .page-header h1 { font-size: 1.5rem; font-weight: 600; }\n\n    .license-overview { display: flex; flex-direction: column; gap: 1.5rem; }\n    .license-tier { display: flex; align-items: center; gap: 0.75rem; }\n    .tier-label { font-size: 0.875rem; color: var(--text-secondary); }\n    .tier-value { font-size: 1.5rem; font-weight: 700; }\n\n    .license-details { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }\n    .detail-item { display: flex; flex-direction: column; gap: 0.25rem; }\n    .detail-label { font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; }\n    .detail-value { font-size: 0.875rem; font-weight: 500; }\n    .expiry-warning { color: var(--color-warning); font-size: 0.75rem; }\n\n    .section-title { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; }\n    .feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.5rem; }\n    .feature-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; border-radius: 0.375rem; background: var(--bg-secondary); font-size: 0.875rem; }\n    .feature-icon { width: 1rem; height: 1rem; flex-shrink: 0; }\n    .feature-icon.licensed { color: var(--color-success); }\n    .feature-icon.addon { color: var(--color-primary); }\n\n    .loading-placeholder { padding: 2rem; text-align: center; color: var(--text-secondary); }\n    .empty-state { text-align: center; padding: 2rem; color: var(--text-secondary); }\n    .empty-hint { font-size: 0.875rem; margin-top: 0.5rem; }\n\n    ui-card { display: block; margin-bottom: 1rem; }\n  `],\n})\nexport class LicenseStatusPageComponent implements OnInit {\n  private readonly api = inject(ApiService);\n\n  readonly loading = signal(true);\n  readonly license = signal<LicenseStatus | null>(null);\n\n  ngOnInit(): void {\n    this.api.get<LicenseStatus>('/settings/license').subscribe({\n      next: (status) => {\n        this.license.set(status);\n        this.loading.set(false);\n      },\n      error: (err) => {\n        console.error('Failed to load license status:', err);\n        this.loading.set(false);\n      },\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;MA0Ia,0BAA0B,CAAA;AACpB,IAAA,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;AAEhC,IAAA,OAAO,GAAG,MAAM,CAAC,IAAI,8EAAC;AACtB,IAAA,OAAO,GAAG,MAAM,CAAuB,IAAI,8EAAC;IAErD,QAAQ,GAAA;QACN,IAAI,CAAC,GAAG,CAAC,GAAG,CAAgB,mBAAmB,CAAC,CAAC,SAAS,CAAC;AACzD,YAAA,IAAI,EAAE,CAAC,MAAM,KAAI;AACf,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;AACxB,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,GAAG,KAAI;AACb,gBAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC;AACpD,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB,CAAC;AACF,SAAA,CAAC;IACJ;wGAjBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApH3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y1CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvFS,YAAY,+BAAE,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,6IAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA;;4FAqHzE,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAxHtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,CAAC,EAAA,QAAA,EAC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,y1CAAA,CAAA,EAAA;;;;;"}

package/fesm2022/syndew-oluso-admin-ui-platform-clients-page.component-ab3WDRsI.mjs

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
+import { CardComponent, ButtonComponent, BadgeComponent, IconComponent, ConfirmDialogComponent } from '@syndew/oluso-ui-core';
+import { e as PlatformClientService } from './syndew-oluso-admin-ui-syndew-oluso-admin-ui-BVs_bAxm.mjs';
+
+class PlatformClientsPageComponent {
+    router = inject(Router);
+    platformClientService = inject(PlatformClientService);
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    clients = signal([], ...(ngDevMode ? [{ debugName: "clients" }] : /* istanbul ignore next */ []));
+    // Delete confirmation
+    showDeleteConfirm = signal(false, ...(ngDevMode ? [{ debugName: "showDeleteConfirm" }] : /* istanbul ignore next */ []));
+    deletingClient = signal(null, ...(ngDevMode ? [{ debugName: "deletingClient" }] : /* istanbul ignore next */ []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.loadClients();
+    }
+    loadClients() {
+        this.loading.set(true);
+        this.platformClientService.getAll().subscribe({
+            next: (clients) => {
+                this.clients.set(clients);
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('Failed to load platform clients:', error);
+                this.loading.set(false);
+            },
+        });
+    }
+    navigateToCreate() {
+        this.router.navigate(['/platform/clients/new']);
+    }
+    navigateToEdit(client) {
+        this.router.navigate(['/platform/clients', client.id]);
+    }
+    confirmDelete(client) {
+        this.deletingClient.set(client);
+        this.showDeleteConfirm.set(true);
+    }
+    cancelDelete() {
+        this.showDeleteConfirm.set(false);
+        this.deletingClient.set(null);
+    }
+    deleteClient() {
+        const client = this.deletingClient();
+        if (!client)
+            return;
+        this.saving.set(true);
+        this.platformClientService.delete(client.id).subscribe({
+            next: () => {
+                this.showDeleteConfirm.set(false);
+                this.deletingClient.set(null);
+                this.saving.set(false);
+                this.loadClients();
+            },
+            error: (error) => {
+                console.error('Failed to delete client:', error);
+                this.saving.set(false);
+            },
+        });
+    }
+    formatDate(dateString) {
+        return new Date(dateString).toLocaleDateString();
+    }
+    formatGrantTypes(grantTypes) {
+        return grantTypes?.join(', ') || '-';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PlatformClientsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PlatformClientsPageComponent, isStandalone: true, selector: "admin-platform-clients-page", ngImport: i0, template: "<div class=\"space-y-6\">\n  <!-- Page header -->\n  <div class=\"flex items-center justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-bold text-gray-900\">Platform Clients</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        System-level OAuth clients available across all tenants\n      </p>\n    </div>\n    <ui-button (clicked)=\"navigateToCreate()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-2\" />\n      Add Platform Client\n    </ui-button>\n  </div>\n\n  <!-- Platform clients table -->\n  <ui-card [padding]=\"false\">\n    <div class=\"overflow-hidden\">\n      <table class=\"min-w-full divide-y divide-gray-200\">\n        <thead class=\"bg-gray-50\">\n          <tr>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Client ID\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Name\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Status\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Grant Types\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Created\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Actions\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"bg-white divide-y divide-gray-200\">\n          @if (loading()) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center\">\n                <div class=\"flex justify-center\">\n                  <svg\n                    class=\"animate-spin h-8 w-8 text-primary-600\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <circle\n                      class=\"opacity-25\"\n                      cx=\"12\"\n                      cy=\"12\"\n                      r=\"10\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"4\"\n                    ></circle>\n                    <path\n                      class=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    ></path>\n                  </svg>\n                </div>\n              </td>\n            </tr>\n          } @else if (clients().length === 0) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center text-sm text-gray-500\">\n                No platform clients configured yet\n              </td>\n            </tr>\n          } @else {\n            @for (client of clients(); track client.clientId) {\n              <tr class=\"hover:bg-gray-50 cursor-pointer\" (click)=\"navigateToEdit(client)\">\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                  {{ client.clientId }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ client.clientName || '-' }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <ui-badge [variant]=\"client.enabled ? 'success' : 'danger'\">\n                    {{ client.enabled ? 'Enabled' : 'Disabled' }}\n                  </ui-badge>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-xs text-gray-500\">\n                  {{ formatGrantTypes(client.allowedGrantTypes) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ formatDate(client.created) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2\" (click)=\"$event.stopPropagation()\">\n                  <ui-button variant=\"secondary\" size=\"sm\" (clicked)=\"navigateToEdit(client)\">\n                    Edit\n                  </ui-button>\n                  <ui-button variant=\"danger\" size=\"sm\" (clicked)=\"confirmDelete(client)\">\n                    Delete\n                  </ui-button>\n                </td>\n              </tr>\n            }\n          }\n        </tbody>\n      </table>\n    </div>\n  </ui-card>\n</div>\n\n<!-- Delete Confirmation -->\n<ui-confirm-dialog\n  [open]=\"showDeleteConfirm()\"\n  title=\"Delete Platform Client\"\n  [message]=\"'Are you sure you want to delete the platform client \\'' + (deletingClient()?.clientId ?? '') + '\\'? This action cannot be undone.'\"\n  confirmText=\"Delete\"\n  confirmVariant=\"danger\"\n  [loading]=\"saving()\"\n  (confirmed)=\"deleteClient()\"\n  (cancelled)=\"cancelDelete()\"\n/>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "ui-card", inputs: ["title", "subtitle", "padding", "shadow"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "loading", "type", "fullWidth"], outputs: ["clicked"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "strokeWidth"] }, { kind: "component", type: ConfirmDialogComponent, selector: "ui-confirm-dialog", inputs: ["open", "title", "message", "confirmText", "cancelText", "variant", "loading", "closeOnBackdrop", "closeOnEscape"], outputs: ["confirmed", "cancelled"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PlatformClientsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'admin-platform-clients-page', standalone: true, imports: [CommonModule, CardComponent, ButtonComponent, BadgeComponent, IconComponent, ConfirmDialogComponent], template: "<div class=\"space-y-6\">\n  <!-- Page header -->\n  <div class=\"flex items-center justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-bold text-gray-900\">Platform Clients</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        System-level OAuth clients available across all tenants\n      </p>\n    </div>\n    <ui-button (clicked)=\"navigateToCreate()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-2\" />\n      Add Platform Client\n    </ui-button>\n  </div>\n\n  <!-- Platform clients table -->\n  <ui-card [padding]=\"false\">\n    <div class=\"overflow-hidden\">\n      <table class=\"min-w-full divide-y divide-gray-200\">\n        <thead class=\"bg-gray-50\">\n          <tr>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Client ID\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Name\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Status\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Grant Types\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Created\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Actions\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"bg-white divide-y divide-gray-200\">\n          @if (loading()) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center\">\n                <div class=\"flex justify-center\">\n                  <svg\n                    class=\"animate-spin h-8 w-8 text-primary-600\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <circle\n                      class=\"opacity-25\"\n                      cx=\"12\"\n                      cy=\"12\"\n                      r=\"10\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"4\"\n                    ></circle>\n                    <path\n                      class=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    ></path>\n                  </svg>\n                </div>\n              </td>\n            </tr>\n          } @else if (clients().length === 0) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center text-sm text-gray-500\">\n                No platform clients configured yet\n              </td>\n            </tr>\n          } @else {\n            @for (client of clients(); track client.clientId) {\n              <tr class=\"hover:bg-gray-50 cursor-pointer\" (click)=\"navigateToEdit(client)\">\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                  {{ client.clientId }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ client.clientName || '-' }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <ui-badge [variant]=\"client.enabled ? 'success' : 'danger'\">\n                    {{ client.enabled ? 'Enabled' : 'Disabled' }}\n                  </ui-badge>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-xs text-gray-500\">\n                  {{ formatGrantTypes(client.allowedGrantTypes) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ formatDate(client.created) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2\" (click)=\"$event.stopPropagation()\">\n                  <ui-button variant=\"secondary\" size=\"sm\" (clicked)=\"navigateToEdit(client)\">\n                    Edit\n                  </ui-button>\n                  <ui-button variant=\"danger\" size=\"sm\" (clicked)=\"confirmDelete(client)\">\n                    Delete\n                  </ui-button>\n                </td>\n              </tr>\n            }\n          }\n        </tbody>\n      </table>\n    </div>\n  </ui-card>\n</div>\n\n<!-- Delete Confirmation -->\n<ui-confirm-dialog\n  [open]=\"showDeleteConfirm()\"\n  title=\"Delete Platform Client\"\n  [message]=\"'Are you sure you want to delete the platform client \\'' + (deletingClient()?.clientId ?? '') + '\\'? This action cannot be undone.'\"\n  confirmText=\"Delete\"\n  confirmVariant=\"danger\"\n  [loading]=\"saving()\"\n  (confirmed)=\"deleteClient()\"\n  (cancelled)=\"cancelDelete()\"\n/>\n" }]
+        }], ctorParameters: () => [] });
+
+export { PlatformClientsPageComponent };
+//# sourceMappingURL=syndew-oluso-admin-ui-platform-clients-page.component-ab3WDRsI.mjs.map

package/fesm2022/syndew-oluso-admin-ui-platform-clients-page.component-ab3WDRsI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syndew-oluso-admin-ui-platform-clients-page.component-ab3WDRsI.mjs","sources":["../../../../libs/admin-ui/src/lib/pages/platform-clients/platform-clients-page.component.ts","../../../../libs/admin-ui/src/lib/pages/platform-clients/platform-clients-page.component.html"],"sourcesContent":["import { Component, inject, signal } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { CardComponent, ButtonComponent, BadgeComponent, IconComponent, ConfirmDialogComponent } from '@syndew/oluso-ui-core';\nimport { PlatformClientService } from '../../services/platform-client.service';\nimport { Client } from '../../models/client.model';\n\n@Component({\n  selector: 'admin-platform-clients-page',\n  standalone: true,\n  imports: [CommonModule, CardComponent, ButtonComponent, BadgeComponent, IconComponent, ConfirmDialogComponent],\n  templateUrl: './platform-clients-page.component.html',\n})\nexport class PlatformClientsPageComponent {\n  private readonly router = inject(Router);\n  private readonly platformClientService = inject(PlatformClientService);\n\n  readonly loading = signal(true);\n  readonly clients = signal<Client[]>([]);\n\n  // Delete confirmation\n  readonly showDeleteConfirm = signal(false);\n  readonly deletingClient = signal<Client | null>(null);\n  readonly saving = signal(false);\n\n  constructor() {\n    this.loadClients();\n  }\n\n  loadClients(): void {\n    this.loading.set(true);\n    this.platformClientService.getAll().subscribe({\n      next: (clients) => {\n        this.clients.set(clients);\n        this.loading.set(false);\n      },\n      error: (error) => {\n        console.error('Failed to load platform clients:', error);\n        this.loading.set(false);\n      },\n    });\n  }\n\n  navigateToCreate(): void {\n    this.router.navigate(['/platform/clients/new']);\n  }\n\n  navigateToEdit(client: Client): void {\n    this.router.navigate(['/platform/clients', client.id]);\n  }\n\n  confirmDelete(client: Client): void {\n    this.deletingClient.set(client);\n    this.showDeleteConfirm.set(true);\n  }\n\n  cancelDelete(): void {\n    this.showDeleteConfirm.set(false);\n    this.deletingClient.set(null);\n  }\n\n  deleteClient(): void {\n    const client = this.deletingClient();\n    if (!client) return;\n\n    this.saving.set(true);\n    this.platformClientService.delete(client.id).subscribe({\n      next: () => {\n        this.showDeleteConfirm.set(false);\n        this.deletingClient.set(null);\n        this.saving.set(false);\n        this.loadClients();\n      },\n      error: (error) => {\n        console.error('Failed to delete client:', error);\n        this.saving.set(false);\n      },\n    });\n  }\n\n  formatDate(dateString: string): string {\n    return new Date(dateString).toLocaleDateString();\n  }\n\n  formatGrantTypes(grantTypes: string[]): string {\n    return grantTypes?.join(', ') || '-';\n  }\n}\n","<div class=\"space-y-6\">\n  <!-- Page header -->\n  <div class=\"flex items-center justify-between\">\n    <div>\n      <h1 class=\"text-2xl font-bold text-gray-900\">Platform Clients</h1>\n      <p class=\"mt-1 text-sm text-gray-500\">\n        System-level OAuth clients available across all tenants\n      </p>\n    </div>\n    <ui-button (clicked)=\"navigateToCreate()\">\n      <ui-icon name=\"plus\" class=\"h-4 w-4 mr-2\" />\n      Add Platform Client\n    </ui-button>\n  </div>\n\n  <!-- Platform clients table -->\n  <ui-card [padding]=\"false\">\n    <div class=\"overflow-hidden\">\n      <table class=\"min-w-full divide-y divide-gray-200\">\n        <thead class=\"bg-gray-50\">\n          <tr>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Client ID\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Name\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Status\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Grant Types\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Created\n            </th>\n            <th scope=\"col\" class=\"px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider\">\n              Actions\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"bg-white divide-y divide-gray-200\">\n          @if (loading()) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center\">\n                <div class=\"flex justify-center\">\n                  <svg\n                    class=\"animate-spin h-8 w-8 text-primary-600\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <circle\n                      class=\"opacity-25\"\n                      cx=\"12\"\n                      cy=\"12\"\n                      r=\"10\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"4\"\n                    ></circle>\n                    <path\n                      class=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    ></path>\n                  </svg>\n                </div>\n              </td>\n            </tr>\n          } @else if (clients().length === 0) {\n            <tr>\n              <td colspan=\"6\" class=\"px-6 py-12 text-center text-sm text-gray-500\">\n                No platform clients configured yet\n              </td>\n            </tr>\n          } @else {\n            @for (client of clients(); track client.clientId) {\n              <tr class=\"hover:bg-gray-50 cursor-pointer\" (click)=\"navigateToEdit(client)\">\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900\">\n                  {{ client.clientId }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ client.clientName || '-' }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap\">\n                  <ui-badge [variant]=\"client.enabled ? 'success' : 'danger'\">\n                    {{ client.enabled ? 'Enabled' : 'Disabled' }}\n                  </ui-badge>\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-xs text-gray-500\">\n                  {{ formatGrantTypes(client.allowedGrantTypes) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-sm text-gray-500\">\n                  {{ formatDate(client.created) }}\n                </td>\n                <td class=\"px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2\" (click)=\"$event.stopPropagation()\">\n                  <ui-button variant=\"secondary\" size=\"sm\" (clicked)=\"navigateToEdit(client)\">\n                    Edit\n                  </ui-button>\n                  <ui-button variant=\"danger\" size=\"sm\" (clicked)=\"confirmDelete(client)\">\n                    Delete\n                  </ui-button>\n                </td>\n              </tr>\n            }\n          }\n        </tbody>\n      </table>\n    </div>\n  </ui-card>\n</div>\n\n<!-- Delete Confirmation -->\n<ui-confirm-dialog\n  [open]=\"showDeleteConfirm()\"\n  title=\"Delete Platform Client\"\n  [message]=\"'Are you sure you want to delete the platform client \\'' + (deletingClient()?.clientId ?? '') + '\\'? This action cannot be undone.'\"\n  confirmText=\"Delete\"\n  confirmVariant=\"danger\"\n  [loading]=\"saving()\"\n  (confirmed)=\"deleteClient()\"\n  (cancelled)=\"cancelDelete()\"\n/>\n"],"names":[],"mappings":"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"}