@memberjunction/ng-explorer-settings 2.121.0 → 2.122.0

package/dist/lib/user-app-config/user-app-config.component.js

@@ -0,0 +1,552 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Metadata, RunView, LogError, LogStatus } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-application";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@progress/kendo-angular-sortable";
+import * as i7 from "@memberjunction/ng-shared-generic";
+function UserAppConfigComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 2);
+} }
+function UserAppConfigComponent_kendo_window_1_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "mj-loading", 17);
+    i0.ɵɵelementEnd();
+} }
+function UserAppConfigComponent_kendo_window_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "span", 19);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.errorMessage, " ");
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "span", 35);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "All applications added!");
+    i0.ɵɵelementEnd()();
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_div_14_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r5.app.Description);
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_div_14_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵlistener("dblclick", function UserAppConfigComponent_kendo_window_1_div_4_div_14_Template_div_dblclick_0_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addApp(item_r5)); });
+    i0.ɵɵelementStart(1, "div", 37);
+    i0.ɵɵelement(2, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 38)(4, "span", 39);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, UserAppConfigComponent_kendo_window_1_div_4_div_14_span_6_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 41);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_div_14_Template_button_click_7_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addApp(item_r5)); });
+    i0.ɵɵelement(8, "span", 42);
+    i0.ɵɵtext(9, " Add ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r5 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", item_r5.app.GetColor());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(item_r5.app.Icon || "fa-solid fa-cube");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r5.app.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r5.app.Description);
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_div_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "span", 44);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No applications selected");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 45);
+    i0.ɵɵtext(5, "Add apps from the available list");
+    i0.ɵɵelementEnd()();
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r8 = i0.ɵɵnextContext().item;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r8.app.Description);
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵlistener("dblclick", function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template_div_dblclick_0_listener($event) { const item_r8 = i0.ɵɵrestoreView(_r7).item; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.removeApp(item_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "span", 49);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 37);
+    i0.ɵɵelement(4, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 38)(6, "span", 39);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_span_8_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 50)(10, "button", 51);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template_button_click_10_listener($event) { const item_r8 = i0.ɵɵrestoreView(_r7).item; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.moveUp(item_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(11, "span", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 53);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template_button_click_12_listener($event) { const item_r8 = i0.ɵɵrestoreView(_r7).item; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.moveDown(item_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(13, "span", 54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 55);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template_button_click_14_listener($event) { const item_r8 = i0.ɵɵrestoreView(_r7).item; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.removeApp(item_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(15, "span", 56);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r8 = ctx.item;
+    const index_r9 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("border-left-color", item_r8.app.GetColor());
+    i0.ɵɵadvance(3);
+    i0.ɵɵstyleProp("background-color", item_r8.app.GetColor());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(item_r8.app.Icon || "fa-solid fa-cube");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r8.app.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r8.app.Description);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", index_r9 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", index_r9 === ctx_r1.activeApps.length - 1);
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-sortable", 46);
+    i0.ɵɵlistener("dragEnd", function UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
+    i0.ɵɵtemplate(1, UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_ng_template_1_Template, 16, 10, "ng-template");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("kendoSortableBinding", ctx_r1.activeApps)("animation", true);
+} }
+function UserAppConfigComponent_kendo_window_1_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "p", 21);
+    i0.ɵɵtext(2, " Select which applications appear in your app switcher and arrange them in your preferred order. Double-click to quickly add or remove. Drag and drop to reorder, or use the arrow buttons. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 22)(4, "div", 23)(5, "div", 24);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.availablePanelCollapsed = !ctx_r1.availablePanelCollapsed); });
+    i0.ɵɵelement(6, "span", 25);
+    i0.ɵɵelementStart(7, "h3");
+    i0.ɵɵtext(8, "Available Applications");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 26);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(11, "span", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 28);
+    i0.ɵɵtemplate(13, UserAppConfigComponent_kendo_window_1_div_4_div_13_Template, 4, 0, "div", 29)(14, UserAppConfigComponent_kendo_window_1_div_4_div_14_Template, 10, 6, "div", 30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 31)(16, "div", 24);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_div_4_Template_div_click_16_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectedPanelCollapsed = !ctx_r1.selectedPanelCollapsed); });
+    i0.ɵɵelement(17, "span", 32);
+    i0.ɵɵelementStart(18, "h3");
+    i0.ɵɵtext(19, "Your Applications");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "span", 26);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(22, "span", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 28);
+    i0.ɵɵtemplate(24, UserAppConfigComponent_kendo_window_1_div_4_div_24_Template, 6, 0, "div", 29)(25, UserAppConfigComponent_kendo_window_1_div_4_kendo_sortable_25_Template, 2, 2, "kendo-sortable", 33);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("collapsed", ctx_r1.availablePanelCollapsed);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.availableApps.length);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r1.availablePanelCollapsed)("fa-chevron-up", !ctx_r1.availablePanelCollapsed);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.availableApps.length === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.availableApps);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", ctx_r1.selectedPanelCollapsed);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.activeApps.length);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r1.selectedPanelCollapsed)("fa-chevron-up", !ctx_r1.selectedPanelCollapsed);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.activeApps.length === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.activeApps.length > 0);
+} }
+function UserAppConfigComponent_kendo_window_1_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.reset()); });
+    i0.ɵɵelement(1, "span", 57);
+    i0.ɵɵtext(2, " Reset Changes ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading || ctx_r1.isSaving);
+} }
+function UserAppConfigComponent_kendo_window_1_mj_loading_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 58);
+} if (rf & 2) {
+    i0.ɵɵproperty("showText", false);
+} }
+function UserAppConfigComponent_kendo_window_1_span_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 59);
+} }
+function UserAppConfigComponent_kendo_window_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 3);
+    i0.ɵɵlistener("close", function UserAppConfigComponent_kendo_window_1_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵelementStart(1, "div", 4);
+    i0.ɵɵtemplate(2, UserAppConfigComponent_kendo_window_1_div_2_Template, 2, 0, "div", 5)(3, UserAppConfigComponent_kendo_window_1_div_3_Template, 3, 1, "div", 6)(4, UserAppConfigComponent_kendo_window_1_div_4_Template, 26, 18, "div", 7);
+    i0.ɵɵelementStart(5, "div", 8)(6, "div", 9);
+    i0.ɵɵtemplate(7, UserAppConfigComponent_kendo_window_1_button_7_Template, 3, 1, "button", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 11)(9, "button", 12);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.save()); });
+    i0.ɵɵtemplate(10, UserAppConfigComponent_kendo_window_1_mj_loading_10_Template, 1, 1, "mj-loading", 13)(11, UserAppConfigComponent_kendo_window_1_span_11_Template, 1, 0, "span", 14);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 15);
+    i0.ɵɵlistener("click", function UserAppConfigComponent_kendo_window_1_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵtext(14, " Cancel ");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("top", 0)("left", 0)("resizable", false)("draggable", false);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.errorMessage);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isLoading);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.hasChanges());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading || ctx_r1.isSaving || !ctx_r1.hasChanges());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isSaving ? "Saving..." : "Save Changes", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.isSaving);
+} }
+/**
+ * Full-screen modal dialog for configuring user's application visibility and order.
+ * Allows users to:
+ * - Select which applications to show in the app switcher
+ * - Reorder applications via drag-and-drop
+ */
+export class UserAppConfigComponent {
+    appManager;
+    sharedService;
+    cdr;
+    showDialog = false;
+    showDialogChange = new EventEmitter();
+    configSaved = new EventEmitter();
+    // All available apps from the system
+    allApps = [];
+    // User's selected apps (active and ordered)
+    activeApps = [];
+    // Available apps not yet selected
+    availableApps = [];
+    isLoading = false;
+    isSaving = false;
+    errorMessage = '';
+    // Panel collapse state (for mobile)
+    availablePanelCollapsed = false;
+    selectedPanelCollapsed = false;
+    constructor(appManager, sharedService, cdr) {
+        this.appManager = appManager;
+        this.sharedService = sharedService;
+        this.cdr = cdr;
+    }
+    /**
+     * Opens the dialog and loads user's app configuration
+     */
+    async open() {
+        this.showDialog = true;
+        this.showDialogChange.emit(true);
+        this.errorMessage = '';
+        await this.loadConfiguration();
+    }
+    /**
+     * Closes the dialog without saving
+     */
+    close() {
+        this.showDialog = false;
+        this.showDialogChange.emit(false);
+    }
+    /**
+     * Loads the user's current app configuration
+     */
+    async loadConfiguration() {
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            const md = new Metadata();
+            const rv = new RunView();
+            // Load all system apps from ApplicationManager
+            const systemApps = this.appManager.GetAllSystemApps();
+            // Load user's UserApplication records
+            const userAppsResult = await rv.RunView({
+                EntityName: 'User Applications',
+                ExtraFilter: `UserID = '${md.CurrentUser.ID}'`,
+                OrderBy: 'Sequence, Application',
+                ResultType: 'entity_object'
+            });
+            const userApps = userAppsResult.Success ? userAppsResult.Results : [];
+            // Build app config items
+            this.allApps = this.buildAppConfigItems(systemApps, userApps);
+            // Separate into active (selected) and available (unselected)
+            this.refreshAppLists();
+        }
+        catch (error) {
+            this.errorMessage = 'Failed to load app configuration. Please try again.';
+            LogError('Error loading app configuration:', undefined, error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            this.isLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Builds app config items by matching system apps with user's UserApplication records
+     */
+    buildAppConfigItems(systemApps, userApps) {
+        const items = [];
+        for (const app of systemApps) {
+            const userApp = userApps.find(ua => ua.ApplicationID === app.ID);
+            items.push({
+                app,
+                userAppId: userApp?.ID || null,
+                sequence: userApp?.Sequence ?? 999, // Default high sequence for unselected
+                isActive: userApp?.IsActive ?? false,
+                isDirty: false
+            });
+        }
+        return items;
+    }
+    /**
+     * Separates apps into active and available lists based on isActive state
+     */
+    refreshAppLists() {
+        this.activeApps = this.allApps
+            .filter(item => item.isActive)
+            .sort((a, b) => a.sequence - b.sequence);
+        this.availableApps = this.allApps
+            .filter(item => !item.isActive)
+            .sort((a, b) => a.app.Name.localeCompare(b.app.Name));
+    }
+    /**
+     * Handles drag-and-drop reordering of active apps
+     */
+    onDragEnd(event) {
+        if (event.index >= 0) {
+            // Update sequences based on new order
+            this.activeApps.forEach((item, index) => {
+                if (item.sequence !== index) {
+                    item.sequence = index;
+                    item.isDirty = true;
+                }
+            });
+        }
+    }
+    /**
+     * Adds an app to the user's active list
+     */
+    addApp(item) {
+        item.isActive = true;
+        item.sequence = this.activeApps.length;
+        item.isDirty = true;
+        this.refreshAppLists();
+    }
+    /**
+     * Removes an app from the user's active list
+     */
+    removeApp(item) {
+        item.isActive = false;
+        item.sequence = 999;
+        item.isDirty = true;
+        this.refreshAppLists();
+        // Resequence remaining active apps
+        this.activeApps.forEach((activeItem, index) => {
+            if (activeItem.sequence !== index) {
+                activeItem.sequence = index;
+                activeItem.isDirty = true;
+            }
+        });
+    }
+    /**
+     * Moves an app up in the order
+     */
+    moveUp(item) {
+        const index = this.activeApps.indexOf(item);
+        if (index > 0) {
+            // Swap with previous item
+            const prevItem = this.activeApps[index - 1];
+            // Swap sequences
+            const tempSeq = item.sequence;
+            item.sequence = prevItem.sequence;
+            prevItem.sequence = tempSeq;
+            item.isDirty = true;
+            prevItem.isDirty = true;
+            // Re-sort and create new array reference to trigger change detection
+            this.activeApps = [...this.activeApps].sort((a, b) => a.sequence - b.sequence);
+        }
+    }
+    /**
+     * Moves an app down in the order
+     */
+    moveDown(item) {
+        const index = this.activeApps.indexOf(item);
+        if (index < this.activeApps.length - 1) {
+            // Swap with next item
+            const nextItem = this.activeApps[index + 1];
+            // Swap sequences
+            const tempSeq = item.sequence;
+            item.sequence = nextItem.sequence;
+            nextItem.sequence = tempSeq;
+            item.isDirty = true;
+            nextItem.isDirty = true;
+            // Re-sort and create new array reference to trigger change detection
+            this.activeApps = [...this.activeApps].sort((a, b) => a.sequence - b.sequence);
+        }
+    }
+    /**
+     * Checks if there are any unsaved changes
+     */
+    hasChanges() {
+        return this.allApps.some(item => item.isDirty);
+    }
+    /**
+     * Saves the user's app configuration
+     */
+    async save() {
+        if (!this.hasChanges()) {
+            this.close();
+            return;
+        }
+        this.isSaving = true;
+        this.errorMessage = '';
+        try {
+            const md = new Metadata();
+            const rv = new RunView();
+            // Process each app config item
+            for (const item of this.allApps) {
+                if (!item.isDirty)
+                    continue;
+                if (item.userAppId) {
+                    // Update existing UserApplication record
+                    await this.updateUserApplication(md, item);
+                }
+                else if (item.isActive) {
+                    // Create new UserApplication record (only if active)
+                    await this.createUserApplication(md, item);
+                }
+                // If not active and no existing record, nothing to do
+            }
+            // Reload the ApplicationManager to reflect changes
+            LogStatus('User app configuration saved, reloading ApplicationManager...');
+            await this.appManager.ReloadUserApplications();
+            this.sharedService.CreateSimpleNotification('App configuration saved successfully!', 'success', 3000);
+            this.configSaved.emit();
+            this.close();
+        }
+        catch (error) {
+            this.errorMessage = 'Failed to save configuration. Please try again.';
+            LogError('Error saving app configuration:', undefined, error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            this.isSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Updates an existing UserApplication record
+     */
+    async updateUserApplication(md, item) {
+        const userApp = await md.GetEntityObject('User Applications');
+        await userApp.Load(item.userAppId);
+        userApp.Sequence = item.sequence;
+        userApp.IsActive = item.isActive;
+        const saved = await userApp.Save();
+        if (!saved) {
+            throw new Error(`Failed to update UserApplication for ${item.app.Name}: ${userApp.LatestResult}`);
+        }
+        item.isDirty = false;
+        LogStatus(`Updated UserApplication for ${item.app.Name}: sequence=${item.sequence}, isActive=${item.isActive}`);
+    }
+    /**
+     * Creates a new UserApplication record
+     */
+    async createUserApplication(md, item) {
+        const userApp = await md.GetEntityObject('User Applications');
+        userApp.NewRecord();
+        userApp.UserID = md.CurrentUser.ID;
+        userApp.ApplicationID = item.app.ID;
+        userApp.Sequence = item.sequence;
+        userApp.IsActive = item.isActive;
+        const saved = await userApp.Save();
+        if (!saved) {
+            throw new Error(`Failed to create UserApplication for ${item.app.Name}: ${userApp.LatestResult}`);
+        }
+        item.userAppId = userApp.ID;
+        item.isDirty = false;
+        LogStatus(`Created UserApplication for ${item.app.Name}: sequence=${item.sequence}`);
+    }
+    /**
+     * Resets all changes and reloads the configuration
+     */
+    async reset() {
+        await this.loadConfiguration();
+    }
+    static ɵfac = function UserAppConfigComponent_Factory(t) { return new (t || UserAppConfigComponent)(i0.ɵɵdirectiveInject(i1.ApplicationManager), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserAppConfigComponent, selectors: [["mj-user-app-config"]], inputs: { showDialog: "showDialog" }, outputs: { showDialogChange: "showDialogChange", configSaved: "configSaved" }, decls: 2, vars: 2, consts: [["class", "k-overlay", 4, "ngIf"], ["title", "Configure Apps", "class", "full-screen-dialog", 3, "top", "left", "resizable", "draggable", "close", 4, "ngIf"], [1, "k-overlay"], ["title", "Configure Apps", 1, "full-screen-dialog", 3, "close", "top", "left", "resizable", "draggable"], [1, "app-config-container"], ["class", "loading-container", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "config-content", 4, "ngIf"], [1, "dialog-footer"], [1, "footer-left"], ["kendoButton", "", "fillMode", "outline", 3, "disabled", "click", 4, "ngIf"], [1, "footer-right"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], ["size", "small", 3, "showText", 4, "ngIf"], ["class", "fa-solid fa-check", 4, "ngIf"], ["kendoButton", "", "fillMode", "outline", 3, "click", "disabled"], [1, "loading-container"], ["text", "Loading your app configuration...", "size", "medium"], [1, "error-message"], [1, "fa-solid", "fa-circle-exclamation"], [1, "config-content"], [1, "config-description"], [1, "panels-container"], [1, "panel", "available-apps-panel"], [1, "panel-header", 3, "click"], [1, "fa-solid", "fa-layer-group"], [1, "badge"], [1, "collapse-toggle", "fa-solid"], [1, "panel-content"], ["class", "empty-state", 4, "ngIf"], ["class", "available-app-item", 3, "dblclick", 4, "ngFor", "ngForOf"], [1, "panel", "selected-apps-panel"], [1, "fa-solid", "fa-check-circle"], ["itemClass", "app-item", "activeItemClass", "app-item dragging", 3, "kendoSortableBinding", "animation", "dragEnd", 4, "ngIf"], [1, "empty-state"], [1, "fa-solid", "fa-check-double"], [1, "available-app-item", 3, "dblclick"], [1, "app-icon"], [1, "app-info"], [1, "app-name"], ["class", "app-description", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", "fillMode", "outline", "title", "Add to your apps", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "app-description"], [1, "fa-solid", "fa-inbox"], [1, "hint"], ["itemClass", "app-item", "activeItemClass", "app-item dragging", 3, "dragEnd", "kendoSortableBinding", "animation"], [1, "app-item-content", 3, "dblclick"], [1, "drag-handle"], [1, "fa-solid", "fa-grip-vertical"], [1, "app-actions"], ["kendoButton", "", "fillMode", "flat", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["kendoButton", "", "fillMode", "flat", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "title", "Remove from your apps", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-rotate-left"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-check"]], template: function UserAppConfigComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, UserAppConfigComponent_div_0_Template, 1, 0, "div", 0)(1, UserAppConfigComponent_kendo_window_1_Template, 15, 13, "kendo-window", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.showDialog);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showDialog);
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.WindowComponent, i5.ButtonComponent, i6.SortableComponent, i6.SortableBindingDirective, i7.LoadingComponent], styles: ["\n\n[_nghost-%COMP%]     .full-screen-dialog {\n  width: 100vw !important;\n  height: 100vh !important;\n}\n\n[_nghost-%COMP%]     .full-screen-dialog .k-window {\n  border-radius: 0;\n  box-shadow: none;\n}\n\n[_nghost-%COMP%]     .full-screen-dialog .k-window-titlebar {\n  background: var(--kendo-component-bg, #ffffff);\n  border-bottom: 1px solid var(--kendo-border-color, #e0e0e0);\n  padding: 16px 24px;\n}\n\n[_nghost-%COMP%]     .full-screen-dialog .k-window-title {\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n\n\n[_nghost-%COMP%]     .full-screen-dialog .k-window-titlebar-action:not(:last-child) {\n  display: none;\n}\n\n[_nghost-%COMP%]     .full-screen-dialog .k-window-content {\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n\n\n.app-config-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-surface-bg, #f5f5f5);\n}\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  color: var(--kendo-subtle-text, #666);\n}\n\n\n\n.error-message[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 24px;\n  background: var(--kendo-error-bg, #ffebee);\n  color: var(--kendo-error-text, #c62828);\n  border-bottom: 1px solid var(--kendo-error-border, #ef9a9a);\n}\n\n.error-message[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 1.1rem;\n}\n\n\n\n.config-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  overflow: hidden;\n}\n\n.config-description[_ngcontent-%COMP%] {\n  margin: 0 0 24px 0;\n  color: var(--kendo-subtle-text, #666);\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n\n\n.panels-container[_ngcontent-%COMP%] {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  overflow: hidden;\n}\n\n@media (max-width: 900px) {\n  .panels-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    overflow-y: auto;\n  }\n\n  \n\n  .panel-header[_ngcontent-%COMP%]   .collapse-toggle[_ngcontent-%COMP%] {\n    display: inline-block !important;\n    color: var(--kendo-subtle-text, #666) !important;\n  }\n\n  \n\n  .panel-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .panel-header[_ngcontent-%COMP%]:hover {\n    background: var(--kendo-hover-bg, #f0f0f0);\n  }\n\n  \n\n  .panel.collapsed[_ngcontent-%COMP%] {\n    flex: 0 0 auto !important;\n  }\n\n  .panel.collapsed[_ngcontent-%COMP%]   .panel-content[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n\n  .panel.collapsed[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%] {\n    border-bottom: none;\n  }\n\n  \n\n  .panel[_ngcontent-%COMP%]:not(.collapsed) {\n    flex: 1 1 auto;\n    min-height: 150px;\n  }\n}\n\n\n\n.panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px;\n  background: var(--kendo-surface-bg, #fafafa);\n  border-bottom: 1px solid var(--kendo-border-color, #e0e0e0);\n}\n\n.panel-header[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 1.1rem;\n  color: var(--kendo-primary, #0078d4);\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 600;\n  flex: 1;\n}\n\n.panel-header[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n  background: var(--kendo-primary, #0078d4);\n  color: white;\n  padding: 2px 10px;\n  border-radius: 12px;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n\n\n.panel-header[_ngcontent-%COMP%]   .collapse-toggle[_ngcontent-%COMP%] {\n  display: none;\n  color: var(--kendo-subtle-text, #666);\n  font-size: 0.9rem;\n  margin-left: 8px;\n}\n\n.panel-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 24px;\n  color: var(--kendo-subtle-text, #999);\n  text-align: center;\n}\n\n.empty-state[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 2.5rem;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.95rem;\n}\n\n.empty-state[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n  margin-top: 4px;\n  font-size: 0.85rem;\n  opacity: 0.7;\n}\n\n\n\n[_nghost-%COMP%]     .app-item {\n  margin-bottom: 8px;\n  cursor: grab;\n}\n\n[_nghost-%COMP%]     .app-item.dragging {\n  opacity: 0.8;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.app-item-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-left-width: 4px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.app-item-content[_ngcontent-%COMP%]:hover {\n  border-color: var(--kendo-primary, #0078d4);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.drag-handle[_ngcontent-%COMP%] {\n  color: var(--kendo-subtle-text, #999);\n  cursor: grab;\n}\n\n.drag-handle[_ngcontent-%COMP%]:active {\n  cursor: grabbing;\n}\n\n.app-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 1.1rem;\n  flex-shrink: 0;\n}\n\n.app-info[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.app-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  font-size: 0.95rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.app-description[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  color: var(--kendo-subtle-text, #666);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.app-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.app-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n}\n\n\n\n.available-app-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  margin-bottom: 8px;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.available-app-item[_ngcontent-%COMP%]:hover {\n  border-color: var(--kendo-primary, #0078d4);\n  background: var(--kendo-surface-bg, #fafafa);\n}\n\n.available-app-item[_ngcontent-%COMP%]   .app-info[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 24px;\n  background: var(--kendo-component-bg, #ffffff);\n  border-top: 1px solid var(--kendo-border-color, #e0e0e0);\n}\n\n.footer-left[_ngcontent-%COMP%], \n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n@media (max-width: 600px) {\n  .config-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .panels-container[_ngcontent-%COMP%] {\n    gap: 16px;\n  }\n\n  .app-item-content[_ngcontent-%COMP%], \n   .available-app-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .app-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    font-size: 1rem;\n  }\n\n  .app-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .footer-left[_ngcontent-%COMP%], \n   .footer-right[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserAppConfigComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-user-app-config', template: "<div class=\"k-overlay\" *ngIf=\"showDialog\"></div>\n<kendo-window\n  *ngIf=\"showDialog\"\n  [top]=\"0\"\n  [left]=\"0\"\n  [resizable]=\"false\"\n  [draggable]=\"false\"\n  title=\"Configure Apps\"\n  (close)=\"close()\"\n  class=\"full-screen-dialog\"\n>\n  <div class=\"app-config-container\">\n    <!-- Loading State -->\n    <div *ngIf=\"isLoading\" class=\"loading-container\">\n      <mj-loading text=\"Loading your app configuration...\" size=\"medium\"></mj-loading>\n    </div>\n\n    <!-- Error Message -->\n    <div *ngIf=\"errorMessage\" class=\"error-message\">\n      <span class=\"fa-solid fa-circle-exclamation\"></span>\n      {{ errorMessage }}\n    </div>\n\n    <!-- Main Content -->\n    <div *ngIf=\"!isLoading\" class=\"config-content\">\n      <p class=\"config-description\">\n        Select which applications appear in your app switcher and arrange them in your preferred order.\n        Double-click to quickly add or remove. Drag and drop to reorder, or use the arrow buttons.\n      </p>\n\n      <div class=\"panels-container\">\n        <!-- Available Apps Panel -->\n        <div class=\"panel available-apps-panel\" [class.collapsed]=\"availablePanelCollapsed\">\n          <div class=\"panel-header\" (click)=\"availablePanelCollapsed = !availablePanelCollapsed\">\n            <span class=\"fa-solid fa-layer-group\"></span>\n            <h3>Available Applications</h3>\n            <span class=\"badge\">{{ availableApps.length }}</span>\n            <span class=\"collapse-toggle fa-solid\" [class.fa-chevron-down]=\"availablePanelCollapsed\" [class.fa-chevron-up]=\"!availablePanelCollapsed\"></span>\n          </div>\n\n          <div class=\"panel-content\">\n            <div *ngIf=\"availableApps.length === 0\" class=\"empty-state\">\n              <span class=\"fa-solid fa-check-double\"></span>\n              <p>All applications added!</p>\n            </div>\n\n            <div *ngFor=\"let item of availableApps\" class=\"available-app-item\" (dblclick)=\"addApp(item)\">\n              <div class=\"app-icon\" [style.background-color]=\"item.app.GetColor()\">\n                <span [class]=\"item.app.Icon || 'fa-solid fa-cube'\"></span>\n              </div>\n\n              <div class=\"app-info\">\n                <span class=\"app-name\">{{ item.app.Name }}</span>\n                <span class=\"app-description\" *ngIf=\"item.app.Description\">{{ item.app.Description }}</span>\n              </div>\n\n              <button\n                kendoButton\n                themeColor=\"primary\"\n                fillMode=\"outline\"\n                (click)=\"addApp(item)\"\n                title=\"Add to your apps\"\n              >\n                <span class=\"fa-solid fa-plus\"></span>\n                Add\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <!-- Selected Apps Panel -->\n        <div class=\"panel selected-apps-panel\" [class.collapsed]=\"selectedPanelCollapsed\">\n          <div class=\"panel-header\" (click)=\"selectedPanelCollapsed = !selectedPanelCollapsed\">\n            <span class=\"fa-solid fa-check-circle\"></span>\n            <h3>Your Applications</h3>\n            <span class=\"badge\">{{ activeApps.length }}</span>\n            <span class=\"collapse-toggle fa-solid\" [class.fa-chevron-down]=\"selectedPanelCollapsed\" [class.fa-chevron-up]=\"!selectedPanelCollapsed\"></span>\n          </div>\n\n          <div class=\"panel-content\">\n            <div *ngIf=\"activeApps.length === 0\" class=\"empty-state\">\n              <span class=\"fa-solid fa-inbox\"></span>\n              <p>No applications selected</p>\n              <p class=\"hint\">Add apps from the available list</p>\n            </div>\n\n            <kendo-sortable\n              *ngIf=\"activeApps.length > 0\"\n              [kendoSortableBinding]=\"activeApps\"\n              [animation]=\"true\"\n              itemClass=\"app-item\"\n              activeItemClass=\"app-item dragging\"\n              (dragEnd)=\"onDragEnd($event)\"\n            >\n              <ng-template let-item=\"item\" let-index=\"index\">\n                <div class=\"app-item-content\" [style.border-left-color]=\"item.app.GetColor()\" (dblclick)=\"removeApp(item); $event.stopPropagation()\">\n                  <div class=\"drag-handle\">\n                    <span class=\"fa-solid fa-grip-vertical\"></span>\n                  </div>\n\n                  <div class=\"app-icon\" [style.background-color]=\"item.app.GetColor()\">\n                    <span [class]=\"item.app.Icon || 'fa-solid fa-cube'\"></span>\n                  </div>\n\n                  <div class=\"app-info\">\n                    <span class=\"app-name\">{{ item.app.Name }}</span>\n                    <span class=\"app-description\" *ngIf=\"item.app.Description\">{{ item.app.Description }}</span>\n                  </div>\n\n                  <div class=\"app-actions\">\n                    <button\n                      kendoButton\n                      fillMode=\"flat\"\n                      [disabled]=\"index === 0\"\n                      (click)=\"moveUp(item); $event.stopPropagation()\"\n                      title=\"Move up\"\n                    >\n                      <span class=\"fa-solid fa-chevron-up\"></span>\n                    </button>\n                    <button\n                      kendoButton\n                      fillMode=\"flat\"\n                      [disabled]=\"index === activeApps.length - 1\"\n                      (click)=\"moveDown(item); $event.stopPropagation()\"\n                      title=\"Move down\"\n                    >\n                      <span class=\"fa-solid fa-chevron-down\"></span>\n                    </button>\n                    <button\n                      kendoButton\n                      fillMode=\"flat\"\n                      themeColor=\"error\"\n                      (click)=\"removeApp(item); $event.stopPropagation()\"\n                      title=\"Remove from your apps\"\n                    >\n                      <span class=\"fa-solid fa-xmark\"></span>\n                    </button>\n                  </div>\n                </div>\n              </ng-template>\n            </kendo-sortable>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer Actions -->\n    <div class=\"dialog-footer\">\n      <div class=\"footer-left\">\n        <button\n          kendoButton\n          fillMode=\"outline\"\n          (click)=\"reset()\"\n          [disabled]=\"isLoading || isSaving\"\n          *ngIf=\"hasChanges()\"\n        >\n          <span class=\"fa-solid fa-rotate-left\"></span>\n          Reset Changes\n        </button>\n      </div>\n      <div class=\"footer-right\">\n        <button\n          kendoButton\n          themeColor=\"primary\"\n          (click)=\"save()\"\n          [disabled]=\"isLoading || isSaving || !hasChanges()\"\n        >\n          <mj-loading *ngIf=\"isSaving\" [showText]=\"false\" size=\"small\"></mj-loading>\n          <span *ngIf=\"!isSaving\" class=\"fa-solid fa-check\"></span>\n          {{ isSaving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button\n          kendoButton\n          fillMode=\"outline\"\n          (click)=\"close()\"\n          [disabled]=\"isSaving\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</kendo-window>\n", styles: ["/* Full-screen dialog overlay */\n:host ::ng-deep .full-screen-dialog {\n  width: 100vw !important;\n  height: 100vh !important;\n}\n\n:host ::ng-deep .full-screen-dialog .k-window {\n  border-radius: 0;\n  box-shadow: none;\n}\n\n:host ::ng-deep .full-screen-dialog .k-window-titlebar {\n  background: var(--kendo-component-bg, #ffffff);\n  border-bottom: 1px solid var(--kendo-border-color, #e0e0e0);\n  padding: 16px 24px;\n}\n\n:host ::ng-deep .full-screen-dialog .k-window-title {\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n/* Hide minimize/maximize buttons, keep only close */\n:host ::ng-deep .full-screen-dialog .k-window-titlebar-action:not(:last-child) {\n  display: none;\n}\n\n:host ::ng-deep .full-screen-dialog .k-window-content {\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n/* Main container */\n.app-config-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-surface-bg, #f5f5f5);\n}\n\n/* Loading state */\n.loading-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  color: var(--kendo-subtle-text, #666);\n}\n\n/* Error message */\n.error-message {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 24px;\n  background: var(--kendo-error-bg, #ffebee);\n  color: var(--kendo-error-text, #c62828);\n  border-bottom: 1px solid var(--kendo-error-border, #ef9a9a);\n}\n\n.error-message .fa-solid {\n  font-size: 1.1rem;\n}\n\n/* Config content */\n.config-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  overflow: hidden;\n}\n\n.config-description {\n  margin: 0 0 24px 0;\n  color: var(--kendo-subtle-text, #666);\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n/* Panels container */\n.panels-container {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  overflow: hidden;\n}\n\n@media (max-width: 900px) {\n  .panels-container {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    overflow-y: auto;\n  }\n\n  /* Show collapse toggle on mobile */\n  .panel-header .collapse-toggle {\n    display: inline-block !important;\n    color: var(--kendo-subtle-text, #666) !important;\n  }\n\n  /* Make header clickable on mobile */\n  .panel-header {\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .panel-header:hover {\n    background: var(--kendo-hover-bg, #f0f0f0);\n  }\n\n  /* Collapsed panel - just show header */\n  .panel.collapsed {\n    flex: 0 0 auto !important;\n  }\n\n  .panel.collapsed .panel-content {\n    display: none !important;\n  }\n\n  .panel.collapsed .panel-header {\n    border-bottom: none;\n  }\n\n  /* Non-collapsed panel takes available space */\n  .panel:not(.collapsed) {\n    flex: 1 1 auto;\n    min-height: 150px;\n  }\n}\n\n/* Panel styles */\n.panel {\n  display: flex;\n  flex-direction: column;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.panel-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px;\n  background: var(--kendo-surface-bg, #fafafa);\n  border-bottom: 1px solid var(--kendo-border-color, #e0e0e0);\n}\n\n.panel-header .fa-solid {\n  font-size: 1.1rem;\n  color: var(--kendo-primary, #0078d4);\n}\n\n.panel-header h3 {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 600;\n  flex: 1;\n}\n\n.panel-header .badge {\n  background: var(--kendo-primary, #0078d4);\n  color: white;\n  padding: 2px 10px;\n  border-radius: 12px;\n  font-size: 0.85rem;\n  font-weight: 500;\n}\n\n/* Collapse toggle - hidden by default, shown on mobile */\n.panel-header .collapse-toggle {\n  display: none;\n  color: var(--kendo-subtle-text, #666);\n  font-size: 0.9rem;\n  margin-left: 8px;\n}\n\n.panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n\n/* Empty state */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 24px;\n  color: var(--kendo-subtle-text, #999);\n  text-align: center;\n}\n\n.empty-state .fa-solid {\n  font-size: 2.5rem;\n  margin-bottom: 16px;\n  opacity: 0.5;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 0.95rem;\n}\n\n.empty-state .hint {\n  margin-top: 4px;\n  font-size: 0.85rem;\n  opacity: 0.7;\n}\n\n/* Sortable app items */\n:host ::ng-deep .app-item {\n  margin-bottom: 8px;\n  cursor: grab;\n}\n\n:host ::ng-deep .app-item.dragging {\n  opacity: 0.8;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.app-item-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-left-width: 4px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.app-item-content:hover {\n  border-color: var(--kendo-primary, #0078d4);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.drag-handle {\n  color: var(--kendo-subtle-text, #999);\n  cursor: grab;\n}\n\n.drag-handle:active {\n  cursor: grabbing;\n}\n\n.app-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 1.1rem;\n  flex-shrink: 0;\n}\n\n.app-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.app-name {\n  font-weight: 500;\n  font-size: 0.95rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.app-description {\n  font-size: 0.8rem;\n  color: var(--kendo-subtle-text, #666);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.app-actions {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.app-actions button {\n  padding: 4px 8px;\n}\n\n/* Available app items */\n.available-app-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  margin-bottom: 8px;\n  background: var(--kendo-component-bg, #ffffff);\n  border: 1px solid var(--kendo-border-color, #e0e0e0);\n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.available-app-item:hover {\n  border-color: var(--kendo-primary, #0078d4);\n  background: var(--kendo-surface-bg, #fafafa);\n}\n\n.available-app-item .app-info {\n  flex: 1;\n}\n\n/* Dialog footer */\n.dialog-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 24px;\n  background: var(--kendo-component-bg, #ffffff);\n  border-top: 1px solid var(--kendo-border-color, #e0e0e0);\n}\n\n.footer-left,\n.footer-right {\n  display: flex;\n  gap: 12px;\n}\n\n.dialog-footer button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 600px) {\n  .config-content {\n    padding: 16px;\n  }\n\n  .panels-container {\n    gap: 16px;\n  }\n\n  .app-item-content,\n  .available-app-item {\n    padding: 10px 12px;\n  }\n\n  .app-icon {\n    width: 36px;\n    height: 36px;\n    font-size: 1rem;\n  }\n\n  .app-actions button {\n    padding: 2px 6px;\n  }\n\n  .dialog-footer {\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .footer-left,\n  .footer-right {\n    width: 100%;\n    justify-content: center;\n  }\n}\n"] }]
+    }], () => [{ type: i1.ApplicationManager }, { type: i2.SharedService }, { type: i0.ChangeDetectorRef }], { showDialog: [{
+            type: Input
+        }], showDialogChange: [{
+            type: Output
+        }], configSaved: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserAppConfigComponent, { className: "UserAppConfigComponent", filePath: "src/lib/user-app-config/user-app-config.component.ts", lineNumber: 30 }); })();
+//# sourceMappingURL=user-app-config.component.js.map

package/dist/lib/user-app-config/user-app-config.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-app-config.component.js","sourceRoot":"","sources":["../../../src/lib/user-app-config/user-app-config.component.ts","../../../src/lib/user-app-config/user-app-config.component.html"],"names":[],"mappings":"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"}

package/dist/lib/user-management/user-dialog/user-dialog.component.d.ts

@@ -39,6 +39,6 @@ export declare class UserDialogComponent implements OnInit, OnDestroy, OnChanges
     onCancel(): void;
     private markFormGroupTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserDialogComponent, "mj-user-dialog", never, { "data": { "alias": "data"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "result": "result"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserDialogComponent, "mj-user-dialog", never, { "data": { "alias": "data"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "result": "result"; }, never, never, false, never>;
 }
 //# sourceMappingURL=user-dialog.component.d.ts.map