@memberjunction/ng-file-storage 6.1.0-edge.2 → 6.1.0-edge.3

package/dist/lib/admin/storage-admin-dialog.component.js

@@ -0,0 +1,917 @@
+import { Component, EventEmitter, Input, Output, ViewContainerRef, inject, ChangeDetectorRef, } from '@angular/core';
+import { Metadata, RunView, } from '@memberjunction/core';
+import { FileStorageEngineBase, } from '@memberjunction/core-entities';
+import { UUIDsEqual } from '@memberjunction/global';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { CredentialDialogService } from '@memberjunction/ng-credentials';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.account.ID;
+const _forTrack1 = ($index, $item) => $item.ID;
+function StorageAdminDialogComponent_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_15_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SearchTerm = ""); });
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementEnd();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "mj-loading", 23);
+    i0.ɵɵelementEnd();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_15_Conditional_11_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.StartCreateAccount()); });
+    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Configure First Account");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-empty-state", 19);
+    i0.ɵɵconditionalCreate(1, StorageAdminDialogComponent_Conditional_15_Conditional_11_Conditional_1_Template, 4, 0, "button", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Title", ctx_r1.SearchTerm ? "No matching storage accounts" : "No storage accounts configured")("Message", ctx_r1.SearchTerm ? "Try adjusting your search query." : "Configure storage accounts to connect MemberJunction to cloud storage services like AWS S3, Azure Blob Storage, Box, Dropbox, or Google Drive.");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.SearchTerm ? 1 : -1);
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r6.account.Description);
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", "Credential: " + row_r6.credentialName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r6.credentialName);
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No Credential");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Enabled");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35)(1, "span");
+    i0.ɵɵtext(2, "Disabled");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 28)(3, "span", 29);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_5_Template, 2, 1, "span", 30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td")(7, "span", 31);
+    i0.ɵɵelement(8, "i");
+    i0.ɵɵelementStart(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵconditionalCreate(12, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_12_Template, 4, 2, "span", 32)(13, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_13_Template, 4, 0, "span", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵconditionalCreate(15, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_15_Template, 4, 0, "span", 34)(16, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Conditional_16_Template, 3, 0, "span", 35);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "td")(18, "span", 36);
+    i0.ɵɵelement(19, "i", 37);
+    i0.ɵɵelementStart(20, "span");
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(22, "td", 27)(23, "div", 38)(24, "button", 39);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Template_button_click_24_listener() { const row_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.StartEditAccount(row_r6.account)); });
+    i0.ɵɵelement(25, "i", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "button", 41);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Template_button_click_26_listener() { const row_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ConfirmDeleteAccount(row_r6.account)); });
+    i0.ɵɵelement(27, "i", 42);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const row_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(row_r6.account.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r6.account.Description ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r1.GetProviderIcon((row_r6.provider == null ? null : row_r6.provider.Name) || row_r6.account.Provider));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate((row_r6.provider == null ? null : row_r6.provider.Name) || row_r6.account.Provider);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(row_r6.credentialName ? 12 : 13);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(row_r6.account.IncludeInGlobalSearch ? 15 : 16);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(row_r6.roleCount === 0 ? "All Users" : row_r6.roleCount + " Role(s)");
+} }
+function StorageAdminDialogComponent_Conditional_15_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "table", 26)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Account Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Provider");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Credential");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Global Search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Role Access");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th", 27);
+    i0.ɵɵtext(15, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(16, "tbody");
+    i0.ɵɵrepeaterCreate(17, StorageAdminDialogComponent_Conditional_15_Conditional_12_For_18_Template, 28, 8, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(17);
+    i0.ɵɵrepeater(ctx_r1.FilteredAccountRows);
+} }
+function StorageAdminDialogComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 11)(2, "div", 12);
+    i0.ɵɵelement(3, "i", 13);
+    i0.ɵɵelementStart(4, "input", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_15_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SearchTerm, $event) || (ctx_r1.SearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, StorageAdminDialogComponent_Conditional_15_Conditional_5_Template, 2, 0, "button", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 16);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_15_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StartCreateAccount()); });
+    i0.ɵɵelement(7, "i", 17);
+    i0.ɵɵelementStart(8, "span");
+    i0.ɵɵtext(9, "Add Storage Account");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(10, StorageAdminDialogComponent_Conditional_15_Conditional_10_Template, 2, 0, "div", 18)(11, StorageAdminDialogComponent_Conditional_15_Conditional_11_Template, 2, 3, "mj-empty-state", 19)(12, StorageAdminDialogComponent_Conditional_15_Conditional_12_Template, 19, 0, "div", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SearchTerm);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.SearchTerm ? 5 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.IsLoading ? 10 : ctx_r1.FilteredAccountRows.length === 0 ? 11 : 12);
+} }
+function StorageAdminDialogComponent_Conditional_16_For_23_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const prov_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(prov_r8.Description);
+} }
+function StorageAdminDialogComponent_Conditional_16_For_23_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 58);
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Native Search");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_16_For_23_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35)(1, "span");
+    i0.ɵɵtext(2, "Standard");
+    i0.ɵɵelementEnd()();
+} }
+function StorageAdminDialogComponent_Conditional_16_For_23_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "label", 50)(3, "input", 51);
+    i0.ɵɵlistener("change", function StorageAdminDialogComponent_Conditional_16_For_23_Template_input_change_3_listener() { const prov_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleProviderActive(prov_r8)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "span", 52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "td")(6, "div", 53)(7, "div", 54);
+    i0.ɵɵelement(8, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div")(10, "div", 55);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, StorageAdminDialogComponent_Conditional_16_For_23_Conditional_12_Template, 2, 1, "div", 56);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "td")(14, "code", 57);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "td")(17, "code", 57);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "td");
+    i0.ɵɵconditionalCreate(20, StorageAdminDialogComponent_Conditional_16_For_23_Conditional_20_Template, 4, 0, "span", 58)(21, StorageAdminDialogComponent_Conditional_16_For_23_Conditional_21_Template, 3, 0, "span", 35);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "td", 48)(23, "span", 59);
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const prov_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("mj-row-inactive", !prov_r8.IsActive);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", prov_r8.IsActive ? "Deactivate provider" : "Activate provider");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", prov_r8.IsActive);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassMap(ctx_r1.GetProviderIcon(prov_r8.Name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(prov_r8.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(prov_r8.Description ? 12 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(prov_r8.ServerDriverKey || "\u2014");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(prov_r8.ClientDriverKey || "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(prov_r8.SupportsSearch ? 20 : 21);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(prov_r8.Priority);
+} }
+function StorageAdminDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 46);
+    i0.ɵɵelement(2, "i", 47);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Enable or disable storage provider integrations for your organization. Only active providers are available when configuring accounts.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 20)(6, "table", 26)(7, "thead")(8, "tr")(9, "th");
+    i0.ɵɵtext(10, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th");
+    i0.ɵɵtext(12, "Provider Driver");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "th");
+    i0.ɵɵtext(14, "Server Driver Key");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "th");
+    i0.ɵɵtext(16, "Client Driver Key");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "th");
+    i0.ɵɵtext(18, "Search Support");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "th", 48);
+    i0.ɵɵtext(20, "Priority");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "tbody");
+    i0.ɵɵrepeaterCreate(22, StorageAdminDialogComponent_Conditional_16_For_23_Template, 25, 12, "tr", 49, _forTrack1);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(22);
+    i0.ɵɵrepeater(ctx_r1.Providers);
+} }
+function StorageAdminDialogComponent_Conditional_20_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 66);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const prov_r10 = ctx.$implicit;
+    i0.ɵɵproperty("value", prov_r10.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(prov_r10.Name);
+} }
+function StorageAdminDialogComponent_Conditional_20_For_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 66);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const cred_r11 = ctx.$implicit;
+    i0.ɵɵproperty("value", cred_r11.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(cred_r11.Name);
+} }
+function StorageAdminDialogComponent_Conditional_20_For_52_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 80)(1, "input", 51);
+    i0.ɵɵlistener("change", function StorageAdminDialogComponent_Conditional_20_For_52_Template_input_change_1_listener() { const role_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleRoleSelection(role_r13.ID)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const role_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.IsRoleSelected(role_r13.ID));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(role_r13.Name);
+} }
+function StorageAdminDialogComponent_Conditional_20_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 83);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Saving...");
+    i0.ɵɵelementEnd();
+} }
+function StorageAdminDialogComponent_Conditional_20_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 45);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.EditingAccount ? "Save Changes" : "Create Account");
+} }
+function StorageAdminDialogComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 60);
+    i0.ɵɵlistener("Close", function StorageAdminDialogComponent_Conditional_20_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelEditAccount()); });
+    i0.ɵɵelementStart(1, "div", 61)(2, "div", 62)(3, "label", 63);
+    i0.ɵɵtext(4, "Storage Provider ");
+    i0.ɵɵelementStart(5, "span", 64);
+    i0.ɵɵtext(6, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "select", 65);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_20_Template_select_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditingAccountProviderID, $event) || (ctx_r1.EditingAccountProviderID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(8, StorageAdminDialogComponent_Conditional_20_For_9_Template, 2, 2, "option", 66, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 67);
+    i0.ɵɵtext(11, "Select the cloud storage engine driver for this account.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 62)(13, "label", 63);
+    i0.ɵɵtext(14, "Account Name ");
+    i0.ɵɵelementStart(15, "span", 64);
+    i0.ɵɵtext(16, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "input", 68);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_20_Template_input_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditingAccountName, $event) || (ctx_r1.EditingAccountName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 62)(19, "label", 63);
+    i0.ɵɵtext(20, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "textarea", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_20_Template_textarea_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditingAccountDescription, $event) || (ctx_r1.EditingAccountDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 62)(23, "div", 70)(24, "label", 63);
+    i0.ɵɵtext(25, "Storage Credentials");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "button", 71);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_20_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenCreateCredentialDialog()); });
+    i0.ɵɵelement(27, "i", 17);
+    i0.ɵɵelementStart(28, "span");
+    i0.ɵɵtext(29, "New Credential");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(30, "div", 72)(31, "select", 73);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_20_Template_select_ngModelChange_31_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditingAccountCredentialID, $event) || (ctx_r1.EditingAccountCredentialID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(32, "option", 74);
+    i0.ɵɵtext(33, "-- No Credential Assigned --");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(34, StorageAdminDialogComponent_Conditional_20_For_35_Template, 2, 2, "option", 66, _forTrack1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(36, "div", 67);
+    i0.ɵɵtext(37, " Credentials manage authentication tokens, connection strings, or API keys securely via the Credential Engine. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "div", 75)(39, "label", 76)(40, "input", 77);
+    i0.ɵɵtwoWayListener("ngModelChange", function StorageAdminDialogComponent_Conditional_20_Template_input_ngModelChange_40_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.EditingAccountIncludeInGlobalSearch, $event) || (ctx_r1.EditingAccountIncludeInGlobalSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span");
+    i0.ɵɵtext(42, "Include in Global Search");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "div", 78);
+    i0.ɵɵtext(44, " When enabled, file contents and metadata in this account will be indexed for universal MemberJunction search. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 62)(46, "label", 63);
+    i0.ɵɵtext(47, "Role Access Permissions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "div", 67);
+    i0.ɵɵtext(49, " Select specific roles permitted to access this storage account. If no roles are selected, all authorized users have access. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "div", 79);
+    i0.ɵɵrepeaterCreate(51, StorageAdminDialogComponent_Conditional_20_For_52_Template, 4, 2, "label", 80, _forTrack1);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(53, "mj-dialog-actions")(54, "button", 81);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_20_Template_button_click_54_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelEditAccount()); });
+    i0.ɵɵtext(55, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(56, "button", 82);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_20_Template_button_click_56_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveAccount()); });
+    i0.ɵɵconditionalCreate(57, StorageAdminDialogComponent_Conditional_20_Conditional_57_Template, 3, 0)(58, StorageAdminDialogComponent_Conditional_20_Conditional_58_Template, 3, 1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r1.IsEditingAccount)("Title", ctx_r1.EditingAccount ? "Edit Storage Account: " + ctx_r1.EditingAccount.Name : "Add Storage Account")("Width", 640);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditingAccountProviderID);
+    i0.ɵɵproperty("disabled", !!ctx_r1.EditingAccount);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ActiveProviders);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditingAccountName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditingAccountDescription);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditingAccountCredentialID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.Credentials);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditingAccountIncludeInGlobalSearch);
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(ctx_r1.Roles);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving || !ctx_r1.EditingAccountName.trim() || !ctx_r1.EditingAccountProviderID);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsSaving ? 57 : 58);
+} }
+function StorageAdminDialogComponent_Conditional_21_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 83);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Deleting...");
+    i0.ɵɵelementEnd();
+} }
+function StorageAdminDialogComponent_Conditional_21_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Delete Account");
+    i0.ɵɵelementEnd();
+} }
+function StorageAdminDialogComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 84);
+    i0.ɵɵlistener("Close", function StorageAdminDialogComponent_Conditional_21_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelDeleteAccount()); });
+    i0.ɵɵelementStart(1, "div", 85)(2, "div", 86);
+    i0.ɵɵelement(3, "i", 44);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 87)(5, "p", 88);
+    i0.ɵɵtext(6, " Are you sure you want to delete ");
+    i0.ɵɵelementStart(7, "strong");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(9, "? ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "p", 89);
+    i0.ɵɵtext(11, " This will remove the storage account connection and role permissions. Existing files in the remote storage service will not be deleted, but will no longer be accessible via this account in MemberJunction. ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(12, "mj-dialog-actions")(13, "button", 81);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_21_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelDeleteAccount()); });
+    i0.ɵɵtext(14, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 90);
+    i0.ɵɵlistener("click", function StorageAdminDialogComponent_Conditional_21_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteDeleteAccount()); });
+    i0.ɵɵconditionalCreate(16, StorageAdminDialogComponent_Conditional_21_Conditional_16_Template, 3, 0)(17, StorageAdminDialogComponent_Conditional_21_Conditional_17_Template, 3, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", !!ctx_r1.AccountToDelete)("Width", 460);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.AccountToDelete.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", ctx_r1.IsDeleting);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsDeleting);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDeleting ? 16 : 17);
+} }
+export class StorageAdminDialogComponent {
+    cdr = inject(ChangeDetectorRef);
+    notifications = inject(MJNotificationService);
+    viewContainerRef = inject(ViewContainerRef);
+    credentialDialog = inject(CredentialDialogService);
+    Visible = false;
+    ActiveTab = 'accounts';
+    Provider = null;
+    Close = new EventEmitter();
+    AccountsChanged = new EventEmitter();
+    get ProviderToUse() {
+        return this.Provider ?? Metadata.Provider;
+    }
+    // ── State ───────────────────────────────────────────────────────────
+    IsLoading = false;
+    IsSaving = false;
+    SearchTerm = '';
+    Providers = [];
+    Accounts = [];
+    Credentials = [];
+    Roles = [];
+    AccountPermissions = [];
+    // ── Account Editor Sub-View / Modal ─────────────────────────────────
+    IsEditingAccount = false;
+    EditingAccount = null;
+    EditingAccountName = '';
+    EditingAccountDescription = '';
+    EditingAccountProviderID = '';
+    EditingAccountCredentialID = '';
+    EditingAccountIncludeInGlobalSearch = false;
+    EditingAccountSelectedRoleIDs = [];
+    // ── Delete Confirmation ─────────────────────────────────────────────
+    AccountToDelete = null;
+    IsDeleting = false;
+    async ngOnInit() {
+        if (this.Visible) {
+            await this.LoadAllData();
+        }
+    }
+    async Open(tab = 'accounts', accountToEdit) {
+        this.ActiveTab = tab;
+        this.Visible = true;
+        this.IsEditingAccount = false;
+        this.AccountToDelete = null;
+        await this.LoadAllData();
+        if (accountToEdit) {
+            this.StartEditAccount(accountToEdit);
+        }
+        this.cdr.markForCheck();
+    }
+    async LoadAllData() {
+        this.IsLoading = true;
+        this.cdr.markForCheck();
+        try {
+            const md = this.ProviderToUse;
+            const rv = RunView.FromMetadataProvider(md);
+            // Load providers and accounts via FileStorageEngineBase + RunView
+            await FileStorageEngineBase.Instance.Config(true);
+            this.Providers = [...FileStorageEngineBase.Instance.Providers].sort((a, b) => (a.Priority ?? 0) - (b.Priority ?? 0) || a.Name.localeCompare(b.Name));
+            this.Accounts = [...FileStorageEngineBase.Instance.Accounts].sort((a, b) => a.Name.localeCompare(b.Name));
+            // Load Credentials
+            const credResult = await rv.RunView({
+                EntityName: 'MJ: Credentials',
+                OrderBy: 'Name',
+                ResultType: 'entity_object',
+            });
+            if (credResult.Success) {
+                this.Credentials = credResult.Results;
+            }
+            // Load Roles
+            const roleResult = await rv.RunView({
+                EntityName: 'MJ: Roles',
+                OrderBy: 'Name',
+                ResultType: 'entity_object',
+            });
+            if (roleResult.Success) {
+                this.Roles = roleResult.Results;
+            }
+            // Load Account Permissions
+            const permResult = await rv.RunView({
+                EntityName: 'MJ: File Storage Account Permissions',
+                ResultType: 'entity_object',
+            });
+            if (permResult.Success) {
+                this.AccountPermissions = permResult.Results;
+            }
+        }
+        catch (err) {
+            console.error('[StorageAdminDialogComponent] Error loading storage data:', err);
+            this.notifications.CreateSimpleNotification('Failed to load storage configuration.', 'error');
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ── Computed Rows & Filters ─────────────────────────────────────────
+    get FilteredAccountRows() {
+        const term = (this.SearchTerm || '').toLowerCase().trim();
+        return this.Accounts.filter((a) => {
+            if (!term)
+                return true;
+            const prov = this.Providers.find((p) => UUIDsEqual(p.ID, a.ProviderID));
+            const cred = this.Credentials.find((c) => UUIDsEqual(c.ID, a.CredentialID));
+            const credName = cred?.Name || '';
+            return (a.Name.toLowerCase().includes(term) ||
+                (a.Description || '').toLowerCase().includes(term) ||
+                (prov?.Name || '').toLowerCase().includes(term) ||
+                credName.toLowerCase().includes(term));
+        }).map((account) => {
+            const provider = this.Providers.find((p) => UUIDsEqual(p.ID, account.ProviderID));
+            const credential = this.Credentials.find((c) => UUIDsEqual(c.ID, account.CredentialID));
+            const credentialName = credential?.Name;
+            const roleCount = this.AccountPermissions.filter((p) => UUIDsEqual(p.FileStorageAccountID, account.ID)).length;
+            return { account, provider, credentialName, roleCount };
+        });
+    }
+    get ActiveProviders() {
+        return this.Providers.filter((p) => p.IsActive);
+    }
+    // ── Account Editing ─────────────────────────────────────────────────
+    StartCreateAccount() {
+        this.EditingAccount = null;
+        this.EditingAccountName = '';
+        this.EditingAccountDescription = '';
+        this.EditingAccountProviderID = this.ActiveProviders[0]?.ID || (this.Providers[0]?.ID ?? '');
+        this.EditingAccountCredentialID = '';
+        this.EditingAccountIncludeInGlobalSearch = false;
+        this.EditingAccountSelectedRoleIDs = [];
+        this.IsEditingAccount = true;
+        this.cdr.markForCheck();
+    }
+    StartEditAccount(account) {
+        this.EditingAccount = account;
+        this.EditingAccountName = account.Name || '';
+        this.EditingAccountDescription = account.Description || '';
+        this.EditingAccountProviderID = account.ProviderID || '';
+        this.EditingAccountCredentialID = account.CredentialID || '';
+        this.EditingAccountIncludeInGlobalSearch = !!account.IncludeInGlobalSearch;
+        const accountPerms = this.AccountPermissions.filter((p) => UUIDsEqual(p.FileStorageAccountID, account.ID));
+        this.EditingAccountSelectedRoleIDs = accountPerms
+            .map((p) => p.RoleID)
+            .filter((roleId) => roleId !== null && roleId !== undefined);
+        this.IsEditingAccount = true;
+        this.cdr.markForCheck();
+    }
+    CancelEditAccount() {
+        this.IsEditingAccount = false;
+        this.EditingAccount = null;
+        this.cdr.markForCheck();
+    }
+    ToggleRoleSelection(roleId) {
+        const idx = this.EditingAccountSelectedRoleIDs.findIndex((id) => UUIDsEqual(id, roleId));
+        if (idx >= 0) {
+            this.EditingAccountSelectedRoleIDs.splice(idx, 1);
+        }
+        else {
+            this.EditingAccountSelectedRoleIDs.push(roleId);
+        }
+    }
+    IsRoleSelected(roleId) {
+        return this.EditingAccountSelectedRoleIDs.some((id) => UUIDsEqual(id, roleId));
+    }
+    async OpenCreateCredentialDialog() {
+        try {
+            const result = await this.credentialDialog.openDialog(this.viewContainerRef, {
+                title: 'Create Credential for Storage Account',
+            });
+            if (result.success && result.credential) {
+                // Refresh credentials list
+                const md = this.ProviderToUse;
+                const rv = RunView.FromMetadataProvider(md);
+                const credResult = await rv.RunView({
+                    EntityName: 'MJ: Credentials',
+                    OrderBy: 'Name',
+                    ResultType: 'entity_object',
+                });
+                if (credResult.Success) {
+                    this.Credentials = credResult.Results;
+                }
+                this.EditingAccountCredentialID = result.credential.ID;
+                this.notifications.CreateSimpleNotification(`Credential "${result.credential.Name}" created.`, 'success');
+                this.cdr.markForCheck();
+            }
+        }
+        catch (err) {
+            console.error('[StorageAdminDialogComponent] Error creating credential:', err);
+        }
+    }
+    async SaveAccount() {
+        const name = this.EditingAccountName.trim();
+        if (!name) {
+            this.notifications.CreateSimpleNotification('Account name is required.', 'warning');
+            return;
+        }
+        if (!this.EditingAccountProviderID) {
+            this.notifications.CreateSimpleNotification('Storage provider is required.', 'warning');
+            return;
+        }
+        this.IsSaving = true;
+        this.cdr.markForCheck();
+        try {
+            const md = this.ProviderToUse;
+            const user = md.CurrentUser;
+            let accountEntity;
+            if (this.EditingAccount) {
+                accountEntity = this.EditingAccount;
+            }
+            else {
+                accountEntity = await md.GetEntityObject('MJ: File Storage Accounts', user);
+            }
+            accountEntity.Name = name;
+            accountEntity.Description = this.EditingAccountDescription.trim() || null;
+            accountEntity.ProviderID = this.EditingAccountProviderID;
+            accountEntity.CredentialID = this.EditingAccountCredentialID || '';
+            accountEntity.IncludeInGlobalSearch = this.EditingAccountIncludeInGlobalSearch;
+            const saved = await accountEntity.Save();
+            if (!saved) {
+                throw new Error(accountEntity.LatestResult?.Message || 'Failed to save storage account.');
+            }
+            // Sync Role Permissions
+            await this.SyncAccountPermissions(accountEntity.ID, this.EditingAccountSelectedRoleIDs);
+            // Force engine refresh
+            await FileStorageEngineBase.Instance.Config(true);
+            await this.LoadAllData();
+            this.IsEditingAccount = false;
+            this.EditingAccount = null;
+            this.AccountsChanged.emit();
+            this.notifications.CreateSimpleNotification(`Storage account "${name}" saved successfully.`, 'success');
+        }
+        catch (err) {
+            console.error('[StorageAdminDialogComponent] Error saving account:', err);
+            const msg = err instanceof Error ? err.message : 'Failed to save storage account.';
+            this.notifications.CreateSimpleNotification(msg, 'error');
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    async SyncAccountPermissions(accountId, desiredRoleIds) {
+        const md = this.ProviderToUse;
+        const user = md.CurrentUser;
+        const existingPerms = this.AccountPermissions.filter((p) => UUIDsEqual(p.FileStorageAccountID, accountId));
+        const existingRoleMap = new Map();
+        for (const p of existingPerms) {
+            if (p.RoleID) {
+                existingRoleMap.set(p.RoleID, p);
+            }
+        }
+        // Delete permissions for unselected roles
+        for (const p of existingPerms) {
+            if (!p.RoleID || !desiredRoleIds.some((rId) => UUIDsEqual(rId, p.RoleID))) {
+                await p.Delete();
+            }
+        }
+        // Add permissions for newly selected roles
+        for (const roleId of desiredRoleIds) {
+            if (!existingRoleMap.has(roleId)) {
+                const newPerm = await md.GetEntityObject('MJ: File Storage Account Permissions', user);
+                newPerm.FileStorageAccountID = accountId;
+                newPerm.Type = 'Role';
+                newPerm.RoleID = roleId;
+                newPerm.CanRead = true;
+                newPerm.CanWrite = true;
+                await newPerm.Save();
+            }
+        }
+    }
+    // ── Account Deletion ────────────────────────────────────────────────
+    ConfirmDeleteAccount(account) {
+        this.AccountToDelete = account;
+        this.cdr.markForCheck();
+    }
+    CancelDeleteAccount() {
+        this.AccountToDelete = null;
+        this.cdr.markForCheck();
+    }
+    async ExecuteDeleteAccount() {
+        if (!this.AccountToDelete)
+            return;
+        this.IsDeleting = true;
+        this.cdr.markForCheck();
+        try {
+            const accountName = this.AccountToDelete.Name;
+            const accountId = this.AccountToDelete.ID;
+            // Delete associated permissions first
+            const perms = this.AccountPermissions.filter((p) => UUIDsEqual(p.FileStorageAccountID, accountId));
+            for (const p of perms) {
+                await p.Delete();
+            }
+            const deleted = await this.AccountToDelete.Delete();
+            if (!deleted) {
+                throw new Error('Failed to delete storage account.');
+            }
+            await FileStorageEngineBase.Instance.Config(true);
+            await this.LoadAllData();
+            this.AccountToDelete = null;
+            this.AccountsChanged.emit();
+            this.notifications.CreateSimpleNotification(`Storage account "${accountName}" removed.`, 'info');
+        }
+        catch (err) {
+            console.error('[StorageAdminDialogComponent] Delete error:', err);
+            const msg = err instanceof Error ? err.message : 'Failed to delete storage account.';
+            this.notifications.CreateSimpleNotification(msg, 'error');
+        }
+        finally {
+            this.IsDeleting = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ── Provider Management ─────────────────────────────────────────────
+    async ToggleProviderActive(provider) {
+        const newState = !provider.IsActive;
+        provider.IsActive = newState;
+        this.cdr.markForCheck();
+        try {
+            const saved = await provider.Save();
+            if (!saved) {
+                provider.IsActive = !newState; // rollback
+                throw new Error(provider.LatestResult?.Message || 'Failed to update provider status.');
+            }
+            await FileStorageEngineBase.Instance.Config(true);
+            this.AccountsChanged.emit();
+            this.notifications.CreateSimpleNotification(`Provider "${provider.Name}" is now ${newState ? 'active' : 'inactive'}.`, 'info');
+        }
+        catch (err) {
+            console.error('[StorageAdminDialogComponent] Provider toggle error:', err);
+            this.notifications.CreateSimpleNotification('Failed to update provider status.', 'error');
+        }
+        finally {
+            this.cdr.markForCheck();
+        }
+    }
+    // ── UI Helpers ──────────────────────────────────────────────────────
+    GetProviderIcon(providerName) {
+        const name = (providerName || '').toLowerCase();
+        if (name.includes('aws') || name.includes('s3'))
+            return 'fa-brands fa-aws';
+        if (name.includes('azure'))
+            return 'fa-brands fa-microsoft';
+        if (name.includes('google drive'))
+            return 'fa-brands fa-google-drive';
+        if (name.includes('google cloud'))
+            return 'fa-brands fa-google';
+        if (name.includes('dropbox'))
+            return 'fa-brands fa-dropbox';
+        if (name.includes('box'))
+            return 'fa-solid fa-box';
+        if (name.includes('sharepoint') || name.includes('onedrive'))
+            return 'fa-brands fa-microsoft';
+        return 'fa-solid fa-cloud';
+    }
+    OnDialogClose() {
+        this.Visible = false;
+        this.IsEditingAccount = false;
+        this.AccountToDelete = null;
+        this.Close.emit();
+    }
+    static ɵfac = function StorageAdminDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StorageAdminDialogComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StorageAdminDialogComponent, selectors: [["mj-storage-admin-dialog"]], inputs: { Visible: "Visible", ActiveTab: "ActiveTab", Provider: "Provider" }, outputs: { Close: "Close", AccountsChanged: "AccountsChanged" }, standalone: false, decls: 22, vars: 13, consts: [["Title", "Manage File Storage", 3, "Close", "Visible", "Width", "MinWidth"], [1, "mj-storage-admin-container"], [1, "mj-storage-admin-tabs"], ["type", "button", 1, "mj-tab-btn", 3, "click"], [1, "fa-solid", "fa-server"], [1, "mj-tab-count"], [1, "fa-solid", "fa-cubes"], [1, "mj-tab-pane"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-secondary", 3, "click"], [3, "Visible", "Title", "Width"], ["Title", "Delete Storage Account", 3, "Visible", "Width"], [1, "mj-admin-pane-toolbar"], [1, "mj-admin-search-wrapper"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Search storage accounts by name, provider, or credential...", 3, "ngModelChange", "ngModel"], ["type", "button", 1, "mj-clear-btn"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "mj-admin-loading"], ["Icon", "fa-solid fa-folder-plus", 3, "Title", "Message"], [1, "mj-admin-table-container"], ["type", "button", 1, "mj-clear-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], ["text", "Loading storage accounts..."], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-primary", "mj-empty-cta"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-primary", "mj-empty-cta", 3, "click"], [1, "mj-admin-table"], [1, "mj-text-right"], [1, "mj-account-name-cell"], [1, "mj-account-title"], [1, "mj-account-desc"], [1, "mj-provider-badge"], [1, "mj-status-badge", "mj-status-badge--success", 3, "title"], ["title", "No credential configured", 1, "mj-status-badge", "mj-status-badge--warning"], [1, "mj-status-badge", "mj-status-badge--info"], [1, "mj-status-badge", "mj-status-badge--muted"], [1, "mj-role-count-badge"], [1, "fa-solid", "fa-user-shield"], [1, "mj-action-button-group"], ["type", "button", "title", "Edit Account", 1, "mj-action-icon-btn", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], ["type", "button", "title", "Delete Account", 1, "mj-action-icon-btn", "mj-action-icon-btn--danger", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "fa-solid", "fa-key"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-check"], [1, "mj-admin-pane-desc"], [1, "fa-solid", "fa-circle-info"], [1, "mj-text-center"], [3, "mj-row-inactive"], [1, "mj-toggle-switch", 3, "title"], ["type", "checkbox", 3, "change", "checked"], [1, "mj-toggle-slider"], [1, "mj-provider-cell"], [1, "mj-provider-icon-circle"], [1, "mj-provider-name"], [1, "mj-provider-desc"], [1, "mj-code-pill"], ["title", "Provider supports full-text file search", 1, "mj-status-badge", "mj-status-badge--success"], [1, "mj-priority-pill"], [3, "Close", "Visible", "Title", "Width"], [1, "mj-account-editor-form"], [1, "mj-form-group"], [1, "mj-form-label"], [1, "mj-required"], [1, "mj-form-select", 3, "ngModelChange", "ngModel", "disabled"], [3, "value"], [1, "mj-form-hint"], ["type", "text", "placeholder", "e.g., Corporate Azure Blob Storage, Marketing S3 Bucket", 1, "mj-form-input", 3, "ngModelChange", "ngModel"], ["rows", "2", "placeholder", "Optional notes or details about the intended purpose of this storage account...", 1, "mj-form-textarea", 3, "ngModelChange", "ngModel"], [1, "mj-form-label-row"], ["type", "button", 1, "mj-admin-btn-link", 3, "click"], [1, "mj-credential-input-row"], [1, "mj-form-select", 3, "ngModelChange", "ngModel"], ["value", ""], [1, "mj-form-checkbox-group"], [1, "mj-checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "mj-form-hint", "mj-checkbox-hint"], [1, "mj-roles-checklist"], [1, "mj-role-check-item"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-secondary", 3, "click", "disabled"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["Title", "Delete Storage Account", 3, "Close", "Visible", "Width"], [1, "mj-delete-confirm-body"], [1, "mj-delete-confirm-icon"], [1, "mj-delete-confirm-text"], [1, "mj-delete-confirm-title"], [1, "mj-delete-confirm-subtitle"], ["type", "button", 1, "mj-admin-btn", "mj-admin-btn-danger", 3, "click", "disabled"]], template: function StorageAdminDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-dialog", 0);
+            i0.ɵɵlistener("Close", function StorageAdminDialogComponent_Template_mj_dialog_Close_0_listener() { return ctx.OnDialogClose(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "button", 3);
+            i0.ɵɵlistener("click", function StorageAdminDialogComponent_Template_button_click_3_listener() { return ctx.ActiveTab = "accounts"; });
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6, "Storage Accounts");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "button", 3);
+            i0.ɵɵlistener("click", function StorageAdminDialogComponent_Template_button_click_9_listener() { return ctx.ActiveTab = "providers"; });
+            i0.ɵɵelement(10, "i", 6);
+            i0.ɵɵelementStart(11, "span");
+            i0.ɵɵtext(12, "Storage Providers");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "span", 5);
+            i0.ɵɵtext(14);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(15, StorageAdminDialogComponent_Conditional_15_Template, 13, 3, "div", 7);
+            i0.ɵɵconditionalCreate(16, StorageAdminDialogComponent_Conditional_16_Template, 24, 0, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "mj-dialog-actions")(18, "button", 8);
+            i0.ɵɵlistener("click", function StorageAdminDialogComponent_Template_button_click_18_listener() { return ctx.OnDialogClose(); });
+            i0.ɵɵtext(19, " Close ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(20, StorageAdminDialogComponent_Conditional_20_Template, 59, 12, "mj-dialog", 9);
+            i0.ɵɵconditionalCreate(21, StorageAdminDialogComponent_Conditional_21_Template, 18, 6, "mj-dialog", 10);
+        } if (rf & 2) {
+            i0.ɵɵproperty("Visible", ctx.Visible)("Width", 880)("MinWidth", 600);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.ActiveTab === "accounts");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Accounts.length);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("active", ctx.ActiveTab === "providers");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.Providers.length);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "accounts" ? 15 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ActiveTab === "providers" ? 16 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.IsEditingAccount ? 20 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.AccountToDelete ? 21 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.MJDialogComponent, i3.MJDialogActionsComponent, i3.MJEmptyStateComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n}\n\n.mj-storage-admin-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-height: 460px;\n  color: var(--mj-text-primary);\n}\n\n\n\n.mj-storage-admin-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 8px;\n}\n\n.mj-tab-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  border-radius: var(--mj-radius-md, 8px);\n  padding: 8px 14px;\n  font-size: 0.86rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.15s ease;\n}\n\n.mj-tab-btn[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n}\n\n.mj-tab-btn.active[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.mj-tab-count[_ngcontent-%COMP%] {\n  font-size: 0.72rem;\n  font-weight: 600;\n  padding: 2px 7px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-secondary);\n}\n\n.mj-tab-btn.active[_ngcontent-%COMP%]   .mj-tab-count[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n\n\n.mj-tab-pane[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.mj-admin-pane-desc[_ngcontent-%COMP%] {\n  font-size: 0.82rem;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  border: 1px solid var(--mj-border-default);\n}\n\n.mj-admin-pane-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.mj-admin-search-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  flex: 1;\n  max-width: 440px;\n  display: flex;\n  align-items: center;\n}\n\n.mj-admin-search-wrapper[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-admin-search-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 7px 32px 7px 32px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  color: var(--mj-text-primary);\n  font-size: 0.82rem;\n  outline: none;\n  transition: all 0.12s ease;\n}\n\n.mj-admin-search-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n}\n\n.mj-clear-btn[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 2px;\n}\n\n.mj-admin-loading[_ngcontent-%COMP%] {\n  padding: 40px;\n  display: flex;\n  justify-content: center;\n}\n\n.mj-empty-cta[_ngcontent-%COMP%] {\n  margin-top: 14px;\n}\n\n\n\n.mj-admin-table-container[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.mj-admin-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.82rem;\n  text-align: left;\n}\n\n.mj-admin-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-admin-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--mj-border-default);\n  vertical-align: middle;\n}\n\n.mj-admin-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n.mj-admin-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-text-primary) 2%, var(--mj-bg-surface));\n}\n\n.mj-row-inactive[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n\n\n.mj-account-name-cell[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-account-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-account-desc[_ngcontent-%COMP%] {\n  font-size: 0.74rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-provider-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n\n.mj-provider-cell[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.mj-provider-icon-circle[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n.mj-provider-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-provider-desc[_ngcontent-%COMP%] {\n  font-size: 0.74rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 0.72rem;\n  font-weight: 600;\n}\n\n.mj-status-badge--success[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-success, #10b981) 14%, var(--mj-bg-surface));\n  color: var(--mj-status-success, #10b981);\n}\n\n.mj-status-badge--warning[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning, #f59e0b) 14%, var(--mj-bg-surface));\n  color: var(--mj-status-warning, #f59e0b);\n}\n\n.mj-status-badge--info[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.mj-status-badge--muted[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-muted);\n}\n\n.mj-role-count-badge[_ngcontent-%COMP%] {\n  font-size: 0.74rem;\n  color: var(--mj-text-secondary);\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.mj-code-pill[_ngcontent-%COMP%] {\n  font-family: var(--mj-font-mono, monospace);\n  font-size: 0.74rem;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 5%, var(--mj-bg-surface)));\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 4px;\n  color: var(--mj-text-secondary);\n}\n\n.mj-priority-pill[_ngcontent-%COMP%] {\n  font-size: 0.74rem;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-secondary);\n}\n\n.mj-action-button-group[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-action-icon-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  width: 28px;\n  height: 28px;\n  font-size: 0.78rem;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.12s;\n}\n\n.mj-action-icon-btn[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-action-icon-btn--danger[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-error, #ef4444) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-error, #ef4444);\n  border-color: var(--mj-status-error, #ef4444);\n}\n\n.mj-text-right[_ngcontent-%COMP%] {\n  text-align: right;\n}\n\n.mj-text-center[_ngcontent-%COMP%] {\n  text-align: center;\n}\n\n\n\n.mj-toggle-switch[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n  width: 36px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.mj-toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.mj-toggle-slider[_ngcontent-%COMP%] {\n  position: absolute;\n  inset: 0;\n  background-color: color-mix(in srgb, var(--mj-text-primary) 20%, var(--mj-bg-surface));\n  border-radius: 20px;\n  transition: 0.2s ease;\n}\n\n.mj-toggle-slider[_ngcontent-%COMP%]:before {\n  position: absolute;\n  content: \"\";\n  height: 14px;\n  width: 14px;\n  left: 3px;\n  bottom: 3px;\n  background-color: var(--mj-bg-surface);\n  border-radius: 50%;\n  transition: 0.2s ease;\n}\n\n.mj-toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .mj-toggle-slider[_ngcontent-%COMP%] {\n  background-color: var(--mj-brand-primary);\n}\n\n.mj-toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .mj-toggle-slider[_ngcontent-%COMP%]:before {\n  transform: translateX(16px);\n}\n\n\n\n.mj-account-editor-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 4px 0;\n}\n\n.mj-form-group[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.mj-form-label-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.mj-form-label[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.mj-required[_ngcontent-%COMP%] {\n  color: var(--mj-status-error, #ef4444);\n}\n\n.mj-form-input[_ngcontent-%COMP%], .mj-form-select[_ngcontent-%COMP%], .mj-form-textarea[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  padding: 8px 10px;\n  font-size: 0.84rem;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: border-color 0.12s;\n}\n\n.mj-form-input[_ngcontent-%COMP%]:focus, .mj-form-select[_ngcontent-%COMP%]:focus, .mj-form-textarea[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-form-hint[_ngcontent-%COMP%] {\n  font-size: 0.72rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-credential-input-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.mj-credential-input-row[_ngcontent-%COMP%]   .mj-form-select[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.mj-form-checkbox-group[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 6px 0;\n}\n\n.mj-checkbox-label[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.82rem;\n  font-weight: 500;\n  cursor: pointer;\n}\n\n.mj-checkbox-hint[_ngcontent-%COMP%] {\n  margin-left: 22px;\n}\n\n.mj-roles-checklist[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n  gap: 8px;\n  max-height: 140px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  padding: 10px;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n}\n\n.mj-role-check-item[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 0.78rem;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n}\n\n\n\n.mj-delete-confirm-body[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  padding: 10px 0;\n}\n\n.mj-delete-confirm-icon[_ngcontent-%COMP%] {\n  font-size: 2.2rem;\n  color: var(--mj-status-error, #ef4444);\n  flex-shrink: 0;\n}\n\n.mj-delete-confirm-title[_ngcontent-%COMP%] {\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 6px 0;\n}\n\n.mj-delete-confirm-subtitle[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  margin: 0;\n}\n\n\n\n.mj-admin-btn[_ngcontent-%COMP%] {\n  padding: 7px 14px;\n  border-radius: var(--mj-radius-sm, 6px);\n  font-size: 0.82rem;\n  font-weight: 500;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid transparent;\n  transition: all 0.12s;\n}\n\n.mj-admin-btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n.mj-admin-btn-primary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.mj-admin-btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border-color: var(--mj-border-default);\n  color: var(--mj-text-secondary);\n}\n\n.mj-admin-btn-secondary[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n}\n\n.mj-admin-btn-danger[_ngcontent-%COMP%] {\n  background: var(--mj-status-error, #ef4444);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n.mj-admin-btn-danger[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-text-primary, #000000) 15%, var(--mj-status-error, #ef4444));\n}\n\n.mj-admin-btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  font-size: 0.78rem;\n  font-weight: 600;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0;\n}\n\n.mj-admin-btn-link[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StorageAdminDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-storage-admin-dialog', template: "<mj-dialog\n  [Visible]=\"Visible\"\n  Title=\"Manage File Storage\"\n  [Width]=\"880\"\n  [MinWidth]=\"600\"\n  (Close)=\"OnDialogClose()\">\n\n  <div class=\"mj-storage-admin-container\">\n    <!-- Tab Navigation -->\n    <div class=\"mj-storage-admin-tabs\">\n      <button\n        type=\"button\"\n        class=\"mj-tab-btn\"\n        [class.active]=\"ActiveTab === 'accounts'\"\n        (click)=\"ActiveTab = 'accounts'\">\n        <i class=\"fa-solid fa-server\"></i>\n        <span>Storage Accounts</span>\n        <span class=\"mj-tab-count\">{{ Accounts.length }}</span>\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"mj-tab-btn\"\n        [class.active]=\"ActiveTab === 'providers'\"\n        (click)=\"ActiveTab = 'providers'\">\n        <i class=\"fa-solid fa-cubes\"></i>\n        <span>Storage Providers</span>\n        <span class=\"mj-tab-count\">{{ Providers.length }}</span>\n      </button>\n    </div>\n\n    <!-- \u2500\u2500 TAB 1: STORAGE ACCOUNTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (ActiveTab === 'accounts') {\n      <div class=\"mj-tab-pane\">\n        <!-- Toolbar -->\n        <div class=\"mj-admin-pane-toolbar\">\n          <div class=\"mj-admin-search-wrapper\">\n            <i class=\"fa-solid fa-magnifying-glass\"></i>\n            <input\n              type=\"text\"\n              [(ngModel)]=\"SearchTerm\"\n              placeholder=\"Search storage accounts by name, provider, or credential...\" />\n            @if (SearchTerm) {\n              <button type=\"button\" class=\"mj-clear-btn\" (click)=\"SearchTerm = ''\">\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            }\n          </div>\n\n          <button\n            type=\"button\"\n            class=\"mj-admin-btn mj-admin-btn-primary\"\n            (click)=\"StartCreateAccount()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>Add Storage Account</span>\n          </button>\n        </div>\n\n        <!-- Loading -->\n        @if (IsLoading) {\n          <div class=\"mj-admin-loading\">\n            <mj-loading text=\"Loading storage accounts...\"></mj-loading>\n          </div>\n        } @else if (FilteredAccountRows.length === 0) {\n          <mj-empty-state\n            Icon=\"fa-solid fa-folder-plus\"\n            [Title]=\"SearchTerm ? 'No matching storage accounts' : 'No storage accounts configured'\"\n            [Message]=\"SearchTerm ? 'Try adjusting your search query.' : 'Configure storage accounts to connect MemberJunction to cloud storage services like AWS S3, Azure Blob Storage, Box, Dropbox, or Google Drive.'\">\n            @if (!SearchTerm) {\n              <button\n                type=\"button\"\n                class=\"mj-admin-btn mj-admin-btn-primary mj-empty-cta\"\n                (click)=\"StartCreateAccount()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                <span>Configure First Account</span>\n              </button>\n            }\n          </mj-empty-state>\n        } @else {\n          <!-- Accounts List -->\n          <div class=\"mj-admin-table-container\">\n            <table class=\"mj-admin-table\">\n              <thead>\n                <tr>\n                  <th>Account Name</th>\n                  <th>Provider</th>\n                  <th>Credential</th>\n                  <th>Global Search</th>\n                  <th>Role Access</th>\n                  <th class=\"mj-text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (row of FilteredAccountRows; track row.account.ID) {\n                  <tr>\n                    <td>\n                      <div class=\"mj-account-name-cell\">\n                        <span class=\"mj-account-title\">{{ row.account.Name }}</span>\n                        @if (row.account.Description) {\n                          <span class=\"mj-account-desc\">{{ row.account.Description }}</span>\n                        }\n                      </div>\n                    </td>\n                    <td>\n                      <span class=\"mj-provider-badge\">\n                        <i [class]=\"GetProviderIcon(row.provider?.Name || row.account.Provider)\"></i>\n                        <span>{{ row.provider?.Name || row.account.Provider }}</span>\n                      </span>\n                    </td>\n                    <td>\n                      @if (row.credentialName) {\n                        <span class=\"mj-status-badge mj-status-badge--success\" [title]=\"'Credential: ' + row.credentialName\">\n                          <i class=\"fa-solid fa-key\"></i>\n                          <span>{{ row.credentialName }}</span>\n                        </span>\n                      } @else {\n                        <span class=\"mj-status-badge mj-status-badge--warning\" title=\"No credential configured\">\n                          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                          <span>No Credential</span>\n                        </span>\n                      }\n                    </td>\n                    <td>\n                      @if (row.account.IncludeInGlobalSearch) {\n                        <span class=\"mj-status-badge mj-status-badge--info\">\n                          <i class=\"fa-solid fa-check\"></i>\n                          <span>Enabled</span>\n                        </span>\n                      } @else {\n                        <span class=\"mj-status-badge mj-status-badge--muted\">\n                          <span>Disabled</span>\n                        </span>\n                      }\n                    </td>\n                    <td>\n                      <span class=\"mj-role-count-badge\">\n                        <i class=\"fa-solid fa-user-shield\"></i>\n                        <span>{{ row.roleCount === 0 ? 'All Users' : row.roleCount + ' Role(s)' }}</span>\n                      </span>\n                    </td>\n                    <td class=\"mj-text-right\">\n                      <div class=\"mj-action-button-group\">\n                        <button\n                          type=\"button\"\n                          class=\"mj-action-icon-btn\"\n                          title=\"Edit Account\"\n                          (click)=\"StartEditAccount(row.account)\">\n                          <i class=\"fa-solid fa-pen-to-square\"></i>\n                        </button>\n                        <button\n                          type=\"button\"\n                          class=\"mj-action-icon-btn mj-action-icon-btn--danger\"\n                          title=\"Delete Account\"\n                          (click)=\"ConfirmDeleteAccount(row.account)\">\n                          <i class=\"fa-solid fa-trash-can\"></i>\n                        </button>\n                      </div>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- \u2500\u2500 TAB 2: STORAGE PROVIDERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (ActiveTab === 'providers') {\n      <div class=\"mj-tab-pane\">\n        <div class=\"mj-admin-pane-desc\">\n          <i class=\"fa-solid fa-circle-info\"></i>\n          <span>Enable or disable storage provider integrations for your organization. Only active providers are available when configuring accounts.</span>\n        </div>\n\n        <div class=\"mj-admin-table-container\">\n          <table class=\"mj-admin-table\">\n            <thead>\n              <tr>\n                <th>Status</th>\n                <th>Provider Driver</th>\n                <th>Server Driver Key</th>\n                <th>Client Driver Key</th>\n                <th>Search Support</th>\n                <th class=\"mj-text-center\">Priority</th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (prov of Providers; track prov.ID) {\n                <tr [class.mj-row-inactive]=\"!prov.IsActive\">\n                  <td>\n                    <label class=\"mj-toggle-switch\" [title]=\"prov.IsActive ? 'Deactivate provider' : 'Activate provider'\">\n                      <input\n                        type=\"checkbox\"\n                        [checked]=\"prov.IsActive\"\n                        (change)=\"ToggleProviderActive(prov)\" />\n                      <span class=\"mj-toggle-slider\"></span>\n                    </label>\n                  </td>\n                  <td>\n                    <div class=\"mj-provider-cell\">\n                      <div class=\"mj-provider-icon-circle\">\n                        <i [class]=\"GetProviderIcon(prov.Name)\"></i>\n                      </div>\n                      <div>\n                        <div class=\"mj-provider-name\">{{ prov.Name }}</div>\n                        @if (prov.Description) {\n                          <div class=\"mj-provider-desc\">{{ prov.Description }}</div>\n                        }\n                      </div>\n                    </div>\n                  </td>\n                  <td>\n                    <code class=\"mj-code-pill\">{{ prov.ServerDriverKey || '\u2014' }}</code>\n                  </td>\n                  <td>\n                    <code class=\"mj-code-pill\">{{ prov.ClientDriverKey || '\u2014' }}</code>\n                  </td>\n                  <td>\n                    @if (prov.SupportsSearch) {\n                      <span class=\"mj-status-badge mj-status-badge--success\" title=\"Provider supports full-text file search\">\n                        <i class=\"fa-solid fa-magnifying-glass\"></i>\n                        <span>Native Search</span>\n                      </span>\n                    } @else {\n                      <span class=\"mj-status-badge mj-status-badge--muted\">\n                        <span>Standard</span>\n                      </span>\n                    }\n                  </td>\n                  <td class=\"mj-text-center\">\n                    <span class=\"mj-priority-pill\">{{ prov.Priority }}</span>\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      </div>\n    }\n  </div>\n\n  <mj-dialog-actions>\n    <button type=\"button\" class=\"mj-admin-btn mj-admin-btn-secondary\" (click)=\"OnDialogClose()\">\n      Close\n    </button>\n  </mj-dialog-actions>\n</mj-dialog>\n\n<!-- \u2500\u2500 ACCOUNT CREATE / EDIT SUB-DIALOG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (IsEditingAccount) {\n  <mj-dialog\n    [Visible]=\"IsEditingAccount\"\n    [Title]=\"EditingAccount ? 'Edit Storage Account: ' + EditingAccount.Name : 'Add Storage Account'\"\n    [Width]=\"640\"\n    (Close)=\"CancelEditAccount()\">\n\n    <div class=\"mj-account-editor-form\">\n      <!-- Provider Selection -->\n      <div class=\"mj-form-group\">\n        <label class=\"mj-form-label\">Storage Provider <span class=\"mj-required\">*</span></label>\n        <select\n          class=\"mj-form-select\"\n          [(ngModel)]=\"EditingAccountProviderID\"\n          [disabled]=\"!!EditingAccount\">\n          @for (prov of ActiveProviders; track prov.ID) {\n            <option [value]=\"prov.ID\">{{ prov.Name }}</option>\n          }\n        </select>\n        <div class=\"mj-form-hint\">Select the cloud storage engine driver for this account.</div>\n      </div>\n\n      <!-- Account Name -->\n      <div class=\"mj-form-group\">\n        <label class=\"mj-form-label\">Account Name <span class=\"mj-required\">*</span></label>\n        <input\n          type=\"text\"\n          class=\"mj-form-input\"\n          [(ngModel)]=\"EditingAccountName\"\n          placeholder=\"e.g., Corporate Azure Blob Storage, Marketing S3 Bucket\" />\n      </div>\n\n      <!-- Account Description -->\n      <div class=\"mj-form-group\">\n        <label class=\"mj-form-label\">Description</label>\n        <textarea\n          class=\"mj-form-textarea\"\n          rows=\"2\"\n          [(ngModel)]=\"EditingAccountDescription\"\n          placeholder=\"Optional notes or details about the intended purpose of this storage account...\"></textarea>\n      </div>\n\n      <!-- Credential Picker with Inline Create -->\n      <div class=\"mj-form-group\">\n        <div class=\"mj-form-label-row\">\n          <label class=\"mj-form-label\">Storage Credentials</label>\n          <button\n            type=\"button\"\n            class=\"mj-admin-btn-link\"\n            (click)=\"OpenCreateCredentialDialog()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>New Credential</span>\n          </button>\n        </div>\n        <div class=\"mj-credential-input-row\">\n          <select class=\"mj-form-select\" [(ngModel)]=\"EditingAccountCredentialID\">\n            <option value=\"\">-- No Credential Assigned --</option>\n            @for (cred of Credentials; track cred.ID) {\n              <option [value]=\"cred.ID\">{{ cred.Name }}</option>\n            }\n          </select>\n        </div>\n        <div class=\"mj-form-hint\">\n          Credentials manage authentication tokens, connection strings, or API keys securely via the Credential Engine.\n        </div>\n      </div>\n\n      <!-- Global Search Toggle -->\n      <div class=\"mj-form-checkbox-group\">\n        <label class=\"mj-checkbox-label\">\n          <input\n            type=\"checkbox\"\n            [(ngModel)]=\"EditingAccountIncludeInGlobalSearch\" />\n          <span>Include in Global Search</span>\n        </label>\n        <div class=\"mj-form-hint mj-checkbox-hint\">\n          When enabled, file contents and metadata in this account will be indexed for universal MemberJunction search.\n        </div>\n      </div>\n\n      <!-- Role Permissions -->\n      <div class=\"mj-form-group\">\n        <label class=\"mj-form-label\">Role Access Permissions</label>\n        <div class=\"mj-form-hint\">\n          Select specific roles permitted to access this storage account. If no roles are selected, all authorized users have access.\n        </div>\n        <div class=\"mj-roles-checklist\">\n          @for (role of Roles; track role.ID) {\n            <label class=\"mj-role-check-item\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"IsRoleSelected(role.ID)\"\n                (change)=\"ToggleRoleSelection(role.ID)\" />\n              <span>{{ role.Name }}</span>\n            </label>\n          }\n        </div>\n      </div>\n    </div>\n\n    <mj-dialog-actions>\n      <button\n        type=\"button\"\n        class=\"mj-admin-btn mj-admin-btn-secondary\"\n        [disabled]=\"IsSaving\"\n        (click)=\"CancelEditAccount()\">\n        Cancel\n      </button>\n      <button\n        type=\"button\"\n        class=\"mj-admin-btn mj-admin-btn-primary\"\n        [disabled]=\"IsSaving || !EditingAccountName.trim() || !EditingAccountProviderID\"\n        (click)=\"SaveAccount()\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Saving...</span>\n        } @else {\n          <i class=\"fa-solid fa-check\"></i>\n          <span>{{ EditingAccount ? 'Save Changes' : 'Create Account' }}</span>\n        }\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- \u2500\u2500 DELETE CONFIRMATION DIALOG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (AccountToDelete) {\n  <mj-dialog\n    [Visible]=\"!!AccountToDelete\"\n    Title=\"Delete Storage Account\"\n    [Width]=\"460\"\n    (Close)=\"CancelDeleteAccount()\">\n\n    <div class=\"mj-delete-confirm-body\">\n      <div class=\"mj-delete-confirm-icon\">\n        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n      </div>\n      <div class=\"mj-delete-confirm-text\">\n        <p class=\"mj-delete-confirm-title\">\n          Are you sure you want to delete <strong>{{ AccountToDelete.Name }}</strong>?\n        </p>\n        <p class=\"mj-delete-confirm-subtitle\">\n          This will remove the storage account connection and role permissions. Existing files in the remote storage service will not be deleted, but will no longer be accessible via this account in MemberJunction.\n        </p>\n      </div>\n    </div>\n\n    <mj-dialog-actions>\n      <button\n        type=\"button\"\n        class=\"mj-admin-btn mj-admin-btn-secondary\"\n        [disabled]=\"IsDeleting\"\n        (click)=\"CancelDeleteAccount()\">\n        Cancel\n      </button>\n      <button\n        type=\"button\"\n        class=\"mj-admin-btn mj-admin-btn-danger\"\n        [disabled]=\"IsDeleting\"\n        (click)=\"ExecuteDeleteAccount()\">\n        @if (IsDeleting) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Deleting...</span>\n        } @else {\n          <i class=\"fa-solid fa-trash-can\"></i>\n          <span>Delete Account</span>\n        }\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [":host {\n  display: block;\n}\n\n.mj-storage-admin-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-height: 460px;\n  color: var(--mj-text-primary);\n}\n\n/* Tabs */\n.mj-storage-admin-tabs {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 8px;\n}\n\n.mj-tab-btn {\n  background: transparent;\n  border: none;\n  border-radius: var(--mj-radius-md, 8px);\n  padding: 8px 14px;\n  font-size: 0.86rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.15s ease;\n}\n\n.mj-tab-btn:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n}\n\n.mj-tab-btn.active {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.mj-tab-count {\n  font-size: 0.72rem;\n  font-weight: 600;\n  padding: 2px 7px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-secondary);\n}\n\n.mj-tab-btn.active .mj-tab-count {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n/* Pane */\n.mj-tab-pane {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.mj-admin-pane-desc {\n  font-size: 0.82rem;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  border: 1px solid var(--mj-border-default);\n}\n\n.mj-admin-pane-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.mj-admin-search-wrapper {\n  position: relative;\n  flex: 1;\n  max-width: 440px;\n  display: flex;\n  align-items: center;\n}\n\n.mj-admin-search-wrapper > i {\n  position: absolute;\n  left: 10px;\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-admin-search-wrapper input {\n  width: 100%;\n  padding: 7px 32px 7px 32px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  color: var(--mj-text-primary);\n  font-size: 0.82rem;\n  outline: none;\n  transition: all 0.12s ease;\n}\n\n.mj-admin-search-wrapper input:focus {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n}\n\n.mj-clear-btn {\n  position: absolute;\n  right: 8px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 2px;\n}\n\n.mj-admin-loading {\n  padding: 40px;\n  display: flex;\n  justify-content: center;\n}\n\n.mj-empty-cta {\n  margin-top: 14px;\n}\n\n/* Tables */\n.mj-admin-table-container {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  overflow: hidden;\n  background: var(--mj-bg-surface);\n}\n\n.mj-admin-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.82rem;\n  text-align: left;\n}\n\n.mj-admin-table th {\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n  color: var(--mj-text-secondary);\n  font-weight: 600;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mj-admin-table td {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--mj-border-default);\n  vertical-align: middle;\n}\n\n.mj-admin-table tr:last-child td {\n  border-bottom: none;\n}\n\n.mj-admin-table tr:hover td {\n  background: color-mix(in srgb, var(--mj-text-primary) 2%, var(--mj-bg-surface));\n}\n\n.mj-row-inactive {\n  opacity: 0.6;\n}\n\n/* Cells */\n.mj-account-name-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-account-title {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-account-desc {\n  font-size: 0.74rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-provider-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n\n.mj-provider-cell {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.mj-provider-icon-circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n\n.mj-provider-name {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-provider-desc {\n  font-size: 0.74rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 0.72rem;\n  font-weight: 600;\n}\n\n.mj-status-badge--success {\n  background: color-mix(in srgb, var(--mj-status-success, #10b981) 14%, var(--mj-bg-surface));\n  color: var(--mj-status-success, #10b981);\n}\n\n.mj-status-badge--warning {\n  background: color-mix(in srgb, var(--mj-status-warning, #f59e0b) 14%, var(--mj-bg-surface));\n  color: var(--mj-status-warning, #f59e0b);\n}\n\n.mj-status-badge--info {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.mj-status-badge--muted {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-muted);\n}\n\n.mj-role-count-badge {\n  font-size: 0.74rem;\n  color: var(--mj-text-secondary);\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.mj-code-pill {\n  font-family: var(--mj-font-mono, monospace);\n  font-size: 0.74rem;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 5%, var(--mj-bg-surface)));\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 6px;\n  border-radius: 4px;\n  color: var(--mj-text-secondary);\n}\n\n.mj-priority-pill {\n  font-size: 0.74rem;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--mj-text-primary) 6%, var(--mj-bg-surface));\n  color: var(--mj-text-secondary);\n}\n\n.mj-action-button-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-action-icon-btn {\n  background: transparent;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  width: 28px;\n  height: 28px;\n  font-size: 0.78rem;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.12s;\n}\n\n.mj-action-icon-btn:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-action-icon-btn--danger:hover {\n  background: color-mix(in srgb, var(--mj-status-error, #ef4444) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-error, #ef4444);\n  border-color: var(--mj-status-error, #ef4444);\n}\n\n.mj-text-right {\n  text-align: right;\n}\n\n.mj-text-center {\n  text-align: center;\n}\n\n/* Toggle Switch */\n.mj-toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 36px;\n  height: 20px;\n  cursor: pointer;\n}\n\n.mj-toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.mj-toggle-slider {\n  position: absolute;\n  inset: 0;\n  background-color: color-mix(in srgb, var(--mj-text-primary) 20%, var(--mj-bg-surface));\n  border-radius: 20px;\n  transition: 0.2s ease;\n}\n\n.mj-toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 14px;\n  width: 14px;\n  left: 3px;\n  bottom: 3px;\n  background-color: var(--mj-bg-surface);\n  border-radius: 50%;\n  transition: 0.2s ease;\n}\n\n.mj-toggle-switch input:checked + .mj-toggle-slider {\n  background-color: var(--mj-brand-primary);\n}\n\n.mj-toggle-switch input:checked + .mj-toggle-slider:before {\n  transform: translateX(16px);\n}\n\n/* Account Form */\n.mj-account-editor-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 4px 0;\n}\n\n.mj-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.mj-form-label-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.mj-form-label {\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.mj-required {\n  color: var(--mj-status-error, #ef4444);\n}\n\n.mj-form-input, .mj-form-select, .mj-form-textarea {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  padding: 8px 10px;\n  font-size: 0.84rem;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: border-color 0.12s;\n}\n\n.mj-form-input:focus, .mj-form-select:focus, .mj-form-textarea:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-form-hint {\n  font-size: 0.72rem;\n  color: var(--mj-text-muted);\n}\n\n.mj-credential-input-row {\n  display: flex;\n  gap: 8px;\n}\n\n.mj-credential-input-row .mj-form-select {\n  flex: 1;\n}\n\n.mj-form-checkbox-group {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 6px 0;\n}\n\n.mj-checkbox-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.82rem;\n  font-weight: 500;\n  cursor: pointer;\n}\n\n.mj-checkbox-hint {\n  margin-left: 22px;\n}\n\n.mj-roles-checklist {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n  gap: 8px;\n  max-height: 140px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-sm, 6px);\n  padding: 10px;\n  background: var(--mj-bg-surface-sunken, color-mix(in srgb, var(--mj-text-primary) 3%, var(--mj-bg-surface)));\n}\n\n.mj-role-check-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 0.78rem;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n}\n\n/* Delete Confirm */\n.mj-delete-confirm-body {\n  display: flex;\n  gap: 16px;\n  padding: 10px 0;\n}\n\n.mj-delete-confirm-icon {\n  font-size: 2.2rem;\n  color: var(--mj-status-error, #ef4444);\n  flex-shrink: 0;\n}\n\n.mj-delete-confirm-title {\n  font-size: 0.92rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 6px 0;\n}\n\n.mj-delete-confirm-subtitle {\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  margin: 0;\n}\n\n/* Dialog Action Buttons */\n.mj-admin-btn {\n  padding: 7px 14px;\n  border-radius: var(--mj-radius-sm, 6px);\n  font-size: 0.82rem;\n  font-weight: 500;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid transparent;\n  transition: all 0.12s;\n}\n\n.mj-admin-btn-primary {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n.mj-admin-btn-primary:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.mj-admin-btn-secondary {\n  background: var(--mj-bg-surface);\n  border-color: var(--mj-border-default);\n  color: var(--mj-text-secondary);\n}\n\n.mj-admin-btn-secondary:hover {\n  background: color-mix(in srgb, var(--mj-text-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n}\n\n.mj-admin-btn-danger {\n  background: var(--mj-status-error, #ef4444);\n  color: var(--mj-text-inverse, #ffffff);\n}\n\n.mj-admin-btn-danger:hover {\n  background: color-mix(in srgb, var(--mj-text-primary, #000000) 15%, var(--mj-status-error, #ef4444));\n}\n\n.mj-admin-btn-link {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  font-size: 0.78rem;\n  font-weight: 600;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0;\n}\n\n.mj-admin-btn-link:hover {\n  text-decoration: underline;\n}\n"] }]
+    }], null, { Visible: [{
+            type: Input
+        }], ActiveTab: [{
+            type: Input
+        }], Provider: [{
+            type: Input
+        }], Close: [{
+            type: Output
+        }], AccountsChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StorageAdminDialogComponent, { className: "StorageAdminDialogComponent", filePath: "src/lib/admin/storage-admin-dialog.component.ts", lineNumber: 43 }); })();
+//# sourceMappingURL=storage-admin-dialog.component.js.map