@memberjunction/ng-conversations 5.43.0 → 5.45.0

package/dist/lib/components/collection/collection-form-modal.component.js

@@ -21,14 +21,13 @@ function CollectionFormModalComponent_Conditional_0_Conditional_14_Template(rf,
     i0.ɵɵtextInterpolate(ctx_r1.parentCollection.Name);
 } }
 function CollectionFormModalComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "i", 14);
-    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(0, "mj-alert", 9);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.errorMessage, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.errorMessage);
 } }
 function CollectionFormModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -51,7 +50,7 @@ function CollectionFormModalComponent_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(13, "            ");
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(14, CollectionFormModalComponent_Conditional_0_Conditional_14_Template, 7, 1, "div", 4);
-    i0.ɵɵconditionalCreate(15, CollectionFormModalComponent_Conditional_0_Conditional_15_Template, 3, 1, "div", 9);
+    i0.ɵɵconditionalCreate(15, CollectionFormModalComponent_Conditional_0_Conditional_15_Template, 2, 1, "mj-alert", 9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "mj-dialog-actions")(17, "button", 10);
     i0.ɵɵlistener("click", function CollectionFormModalComponent_Conditional_0_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
@@ -213,11 +212,11 @@ export class CollectionFormModalComponent extends BaseAngularComponent {
         this.errorMessage = '';
     }
     static ɵfac = function CollectionFormModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionFormModalComponent)(i0.ɵɵdirectiveInject(i1.ToastService), i0.ɵɵdirectiveInject(i2.CollectionPermissionService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionFormModalComponent, selectors: [["mj-collection-form-modal"]], inputs: { isOpen: "isOpen", collection: "collection", parentCollection: "parentCollection", environmentId: "environmentId", currentUser: "currentUser" }, outputs: { saved: "saved", cancelled: "cancelled" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["nameInput", ""], [3, "Title", "Width", "MinWidth", "Visible"], [3, "Close", "Title", "Width", "MinWidth", "Visible"], [1, "collection-form"], [1, "form-group"], [1, "form-label"], [1, "required"], ["type", "text", "placeholder", "Collection name", 1, "k-textbox", "form-control", 3, "ngModelChange", "keydown.enter", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "k-textarea", "form-control", 3, "ngModelChange", "ngModel"], [1, "form-error"], ["mjButton", "", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "parent-info"], [1, "fas", "fa-folder"], [1, "fas", "fa-exclamation-circle"]], template: function CollectionFormModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionFormModalComponent, selectors: [["mj-collection-form-modal"]], inputs: { isOpen: "isOpen", collection: "collection", parentCollection: "parentCollection", environmentId: "environmentId", currentUser: "currentUser" }, outputs: { saved: "saved", cancelled: "cancelled" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["nameInput", ""], [3, "Title", "Width", "MinWidth", "Visible"], [3, "Close", "Title", "Width", "MinWidth", "Visible"], [1, "collection-form"], [1, "form-group"], [1, "form-label"], [1, "required"], ["type", "text", "placeholder", "Collection name", 1, "k-textbox", "form-control", 3, "ngModelChange", "keydown.enter", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "k-textarea", "form-control", 3, "ngModelChange", "ngModel"], ["Variant", "error"], ["mjButton", "", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "parent-info"], [1, "fas", "fa-folder"]], template: function CollectionFormModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, CollectionFormModalComponent_Conditional_0_Template, 21, 11, "mj-dialog", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen ? 0 : -1);
-        } }, dependencies: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i4.MJDialogComponent, i4.MJDialogActionsComponent], styles: [".collection-form[_ngcontent-%COMP%] {\n      padding: 20px 0;\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n\n    .form-label[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .form-control[_ngcontent-%COMP%] {\n      width: 100%;\n    }\n\n    .parent-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .form-error[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 6px;\n      color: var(--mj-status-error);\n      font-size: 14px;\n    }\n\n    .form-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n    }"] });
+        } }, dependencies: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i4.MJDialogComponent, i4.MJDialogActionsComponent, i4.MJAlertComponent], styles: [".collection-form[_ngcontent-%COMP%] {\n      padding: 20px 0;\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n\n    .form-label[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .form-control[_ngcontent-%COMP%] {\n      width: 100%;\n    }\n\n    .parent-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionFormModalComponent, [{
         type: Component,
@@ -261,10 +260,7 @@ export class CollectionFormModalComponent extends BaseAngularComponent {
             </div>
           }
           @if (errorMessage) {
-            <div class="form-error">
-              <i class="fas fa-exclamation-circle"></i>
-              {{ errorMessage }}
-            </div>
+            <mj-alert Variant="error">{{ errorMessage }}</mj-alert>
           }
         </div>
         <mj-dialog-actions>
@@ -280,7 +276,7 @@ export class CollectionFormModalComponent extends BaseAngularComponent {
         </mj-dialog-actions>
       </mj-dialog>
     }
-    `, styles: ["\n    .collection-form {\n      padding: 20px 0;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required {\n      color: var(--mj-status-error);\n    }\n\n    .form-control {\n      width: 100%;\n    }\n\n    .parent-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .form-error {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 6px;\n      color: var(--mj-status-error);\n      font-size: 14px;\n    }\n\n    .form-error i {\n      flex-shrink: 0;\n    }\n  "] }]
+    `, styles: ["\n    .collection-form {\n      padding: 20px 0;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required {\n      color: var(--mj-status-error);\n    }\n\n    .form-control {\n      width: 100%;\n    }\n\n    .parent-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info i {\n      color: var(--mj-brand-primary);\n    }\n  "] }]
     }], () => [{ type: i1.ToastService }, { type: i2.CollectionPermissionService }], { isOpen: [{
             type: Input
         }], collection: [{
@@ -296,5 +292,5 @@ export class CollectionFormModalComponent extends BaseAngularComponent {
         }], cancelled: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionFormModalComponent, { className: "CollectionFormModalComponent", filePath: "src/lib/components/collection/collection-form-modal.component.ts", lineNumber: 132 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionFormModalComponent, { className: "CollectionFormModalComponent", filePath: "src/lib/components/collection/collection-form-modal.component.ts", lineNumber: 113 }); })();
 //# sourceMappingURL=collection-form-modal.component.js.map

package/dist/lib/components/collection/collection-form-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection-form-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-form-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, Metadata } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\nimport { DialogService } from '../../services/dialog.service';\nimport { ToastService } from '../../services/toast.service';\nimport { CollectionPermissionService } from '../../services/collection-permission.service';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Modal for creating and editing collections\n */\n@Component({\n  standalone: false,\n  selector: 'mj-collection-form-modal',\n  template: `\n    @if (isOpen) {\n      <mj-dialog\n        [Title]=\"collection?.ID ? 'Edit Collection' : 'New Collection'\"\n        (Close)=\"onCancel()\"\n        [Width]=\"500\"\n        [MinWidth]=\"300\"\n        [Visible]=\"true\">\n        <div class=\"collection-form\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">\n              Name <span class=\"required\">*</span>\n            </label>\n            <input\n              type=\"text\"\n              class=\"k-textbox form-control\"\n              [(ngModel)]=\"formData.name\"\n              placeholder=\"Collection name\"\n              #nameInput\n              (keydown.enter)=\"onSave()\">\n          </div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">Description</label>\n            <textarea\n              class=\"k-textarea form-control\"\n              [(ngModel)]=\"formData.description\"\n              placeholder=\"Optional description\"\n              rows=\"3\">\n            </textarea>\n          </div>\n          @if (parentCollection) {\n            <div class=\"form-group\">\n              <label class=\"form-label\">Parent Collection</label>\n              <div class=\"parent-info\">\n                <i class=\"fas fa-folder\"></i>\n                <span>{{ parentCollection.Name }}</span>\n              </div>\n            </div>\n          }\n          @if (errorMessage) {\n            <div class=\"form-error\">\n              <i class=\"fas fa-exclamation-circle\"></i>\n              {{ errorMessage }}\n            </div>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton (click)=\"onCancel()\" [disabled]=\"isSaving\">\n            Cancel\n          </button>\n          <button mjButton\n            variant=\"primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!canSave || isSaving\">\n            {{ isSaving ? 'Saving...' : 'Save' }}\n          </button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .collection-form {\n      padding: 20px 0;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required {\n      color: var(--mj-status-error);\n    }\n\n    .form-control {\n      width: 100%;\n    }\n\n    .parent-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .form-error {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 6px;\n      color: var(--mj-status-error);\n      font-size: 14px;\n    }\n\n    .form-error i {\n      flex-shrink: 0;\n    }\n  `]\n})\nexport class CollectionFormModalComponent extends BaseAngularComponent implements OnChanges  {\n  @Input() isOpen: boolean = false;\n  @Input() collection?: MJCollectionEntity;\n  @Input() parentCollection?: MJCollectionEntity;\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n\n  @Output() saved = new EventEmitter<MJCollectionEntity>();\n  @Output() cancelled = new EventEmitter<void>();\n\n  public formData = {\n    name: '',\n    description: ''\n  };\n\n  public isSaving: boolean = false;\n  public errorMessage: string = '';\n\n  constructor(\n    private toastService: ToastService,\n    private permissionService: CollectionPermissionService\n  ) {\n  super();}\n\n  ngOnChanges(changes: SimpleChanges) {\n    // Bind provider-aware service to this component's provider on every input change pass.\n    this.permissionService.Provider = this.ProviderToUse;\n\n    if (changes['collection'] || changes['isOpen']) {\n      if (this.isOpen && this.collection) {\n        this.formData.name = this.collection.Name || '';\n        this.formData.description = this.collection.Description || '';\n      } else if (this.isOpen && !this.collection) {\n        this.formData = { name: '', description: '' };\n      }\n    }\n  }\n\n  get canSave(): boolean {\n    return this.formData.name.trim().length > 0;\n  }\n\n  async onSave(): Promise<void> {\n    if (!this.canSave) return;\n\n    this.isSaving = true;\n    this.errorMessage = '';\n\n    try {\n      // Validate permissions before saving\n      if (this.collection) {\n        // Editing existing collection - need Edit permission\n        if (this.collection.OwnerID && !UUIDsEqual(this.collection.OwnerID, this.currentUser.ID)) {\n          const permission = await this.permissionService.checkPermission(\n            this.collection.ID,\n            this.currentUser.ID,\n            this.currentUser\n          );\n\n          if (!permission?.canEdit) {\n            this.errorMessage = 'You do not have Edit permission for this collection.';\n            this.isSaving = false;\n            return;\n          }\n        }\n      } else if (this.parentCollection) {\n        // Creating child collection - need Edit permission on parent\n        if (this.parentCollection.OwnerID && !UUIDsEqual(this.parentCollection.OwnerID, this.currentUser.ID)) {\n          const permission = await this.permissionService.checkPermission(\n            this.parentCollection.ID,\n            this.currentUser.ID,\n            this.currentUser\n          );\n\n          if (!permission?.canEdit) {\n            this.errorMessage = 'You do not have Edit permission for the parent collection.';\n            this.isSaving = false;\n            return;\n          }\n        }\n      }\n\n      const md = this.ProviderToUse;\n      const collection = this.collection ||\n        await md.GetEntityObject<MJCollectionEntity>('MJ: Collections', this.currentUser);\n\n      collection.Name = this.formData.name.trim();\n      collection.Description = this.formData.description.trim() || null;\n      collection.EnvironmentID = this.environmentId;\n\n      // Set owner and parent relationship if creating new collection\n      if (!this.collection) {\n        if (this.parentCollection) {\n          // Child collection inherits parent's owner to maintain permission hierarchy\n          collection.ParentID = this.parentCollection.ID;\n          collection.OwnerID = this.parentCollection.OwnerID || this.currentUser.ID;\n        } else {\n          // Root collection - current user becomes owner\n          collection.OwnerID = this.currentUser.ID;\n        }\n      } else if (this.parentCollection) {\n        // Updating existing collection's parent\n        collection.ParentID = this.parentCollection.ID;\n      }\n\n      const saved = await collection.Save();\n      if (saved) {\n        // If creating new collection, set up permissions\n        if (!this.collection) {\n          if (this.parentCollection) {\n            // Child collection - copy non-owner permissions from parent.\n            // (The owner gets implicit full access via OwnerID; no self-share row is written.)\n            await this.permissionService.copyParentPermissions(\n              this.parentCollection.ID,\n              collection.ID,\n              this.currentUser\n            );\n          }\n          // Root collection: nothing to do. CollectionPermissionProvider treats OwnerID as\n          // an implicit full-access grant — writing a self-share row was redundant and was\n          // failing server-side auth on freshly-created collections.\n        }\n\n        this.toastService.success(\n          this.collection ? 'Collection updated successfully' : 'Collection created successfully'\n        );\n        this.saved.emit(collection);\n        this.resetForm();\n      } else {\n        this.errorMessage = collection.LatestResult?.Message || 'Failed to save collection';\n        this.toastService.error(this.errorMessage);\n      }\n    } catch (error) {\n      console.error('Error saving collection:', error);\n      this.errorMessage = 'An unexpected error occurred';\n      this.toastService.error(this.errorMessage);\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n  onCancel(): void {\n    this.resetForm();\n    this.cancelled.emit();\n  }\n\n  private resetForm(): void {\n    this.formData = {\n      name: '',\n      description: ''\n    };\n    this.errorMessage = '';\n  }\n}\n"]}
+{"version":3,"file":"collection-form-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-form-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, Metadata } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\nimport { DialogService } from '../../services/dialog.service';\nimport { ToastService } from '../../services/toast.service';\nimport { CollectionPermissionService } from '../../services/collection-permission.service';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Modal for creating and editing collections\n */\n@Component({\n  standalone: false,\n  selector: 'mj-collection-form-modal',\n  template: `\n    @if (isOpen) {\n      <mj-dialog\n        [Title]=\"collection?.ID ? 'Edit Collection' : 'New Collection'\"\n        (Close)=\"onCancel()\"\n        [Width]=\"500\"\n        [MinWidth]=\"300\"\n        [Visible]=\"true\">\n        <div class=\"collection-form\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">\n              Name <span class=\"required\">*</span>\n            </label>\n            <input\n              type=\"text\"\n              class=\"k-textbox form-control\"\n              [(ngModel)]=\"formData.name\"\n              placeholder=\"Collection name\"\n              #nameInput\n              (keydown.enter)=\"onSave()\">\n          </div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">Description</label>\n            <textarea\n              class=\"k-textarea form-control\"\n              [(ngModel)]=\"formData.description\"\n              placeholder=\"Optional description\"\n              rows=\"3\">\n            </textarea>\n          </div>\n          @if (parentCollection) {\n            <div class=\"form-group\">\n              <label class=\"form-label\">Parent Collection</label>\n              <div class=\"parent-info\">\n                <i class=\"fas fa-folder\"></i>\n                <span>{{ parentCollection.Name }}</span>\n              </div>\n            </div>\n          }\n          @if (errorMessage) {\n            <mj-alert Variant=\"error\">{{ errorMessage }}</mj-alert>\n          }\n        </div>\n        <mj-dialog-actions>\n          <button mjButton (click)=\"onCancel()\" [disabled]=\"isSaving\">\n            Cancel\n          </button>\n          <button mjButton\n            variant=\"primary\"\n            (click)=\"onSave()\"\n            [disabled]=\"!canSave || isSaving\">\n            {{ isSaving ? 'Saving...' : 'Save' }}\n          </button>\n        </mj-dialog-actions>\n      </mj-dialog>\n    }\n    `,\n  styles: [`\n    .collection-form {\n      padding: 20px 0;\n    }\n\n    .form-group {\n      margin-bottom: 20px;\n    }\n\n    .form-label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .required {\n      color: var(--mj-status-error);\n    }\n\n    .form-control {\n      width: 100%;\n    }\n\n    .parent-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n    }\n\n    .parent-info i {\n      color: var(--mj-brand-primary);\n    }\n  `]\n})\nexport class CollectionFormModalComponent extends BaseAngularComponent implements OnChanges  {\n  @Input() isOpen: boolean = false;\n  @Input() collection?: MJCollectionEntity;\n  @Input() parentCollection?: MJCollectionEntity;\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n\n  @Output() saved = new EventEmitter<MJCollectionEntity>();\n  @Output() cancelled = new EventEmitter<void>();\n\n  public formData = {\n    name: '',\n    description: ''\n  };\n\n  public isSaving: boolean = false;\n  public errorMessage: string = '';\n\n  constructor(\n    private toastService: ToastService,\n    private permissionService: CollectionPermissionService\n  ) {\n  super();}\n\n  ngOnChanges(changes: SimpleChanges) {\n    // Bind provider-aware service to this component's provider on every input change pass.\n    this.permissionService.Provider = this.ProviderToUse;\n\n    if (changes['collection'] || changes['isOpen']) {\n      if (this.isOpen && this.collection) {\n        this.formData.name = this.collection.Name || '';\n        this.formData.description = this.collection.Description || '';\n      } else if (this.isOpen && !this.collection) {\n        this.formData = { name: '', description: '' };\n      }\n    }\n  }\n\n  get canSave(): boolean {\n    return this.formData.name.trim().length > 0;\n  }\n\n  async onSave(): Promise<void> {\n    if (!this.canSave) return;\n\n    this.isSaving = true;\n    this.errorMessage = '';\n\n    try {\n      // Validate permissions before saving\n      if (this.collection) {\n        // Editing existing collection - need Edit permission\n        if (this.collection.OwnerID && !UUIDsEqual(this.collection.OwnerID, this.currentUser.ID)) {\n          const permission = await this.permissionService.checkPermission(\n            this.collection.ID,\n            this.currentUser.ID,\n            this.currentUser\n          );\n\n          if (!permission?.canEdit) {\n            this.errorMessage = 'You do not have Edit permission for this collection.';\n            this.isSaving = false;\n            return;\n          }\n        }\n      } else if (this.parentCollection) {\n        // Creating child collection - need Edit permission on parent\n        if (this.parentCollection.OwnerID && !UUIDsEqual(this.parentCollection.OwnerID, this.currentUser.ID)) {\n          const permission = await this.permissionService.checkPermission(\n            this.parentCollection.ID,\n            this.currentUser.ID,\n            this.currentUser\n          );\n\n          if (!permission?.canEdit) {\n            this.errorMessage = 'You do not have Edit permission for the parent collection.';\n            this.isSaving = false;\n            return;\n          }\n        }\n      }\n\n      const md = this.ProviderToUse;\n      const collection = this.collection ||\n        await md.GetEntityObject<MJCollectionEntity>('MJ: Collections', this.currentUser);\n\n      collection.Name = this.formData.name.trim();\n      collection.Description = this.formData.description.trim() || null;\n      collection.EnvironmentID = this.environmentId;\n\n      // Set owner and parent relationship if creating new collection\n      if (!this.collection) {\n        if (this.parentCollection) {\n          // Child collection inherits parent's owner to maintain permission hierarchy\n          collection.ParentID = this.parentCollection.ID;\n          collection.OwnerID = this.parentCollection.OwnerID || this.currentUser.ID;\n        } else {\n          // Root collection - current user becomes owner\n          collection.OwnerID = this.currentUser.ID;\n        }\n      } else if (this.parentCollection) {\n        // Updating existing collection's parent\n        collection.ParentID = this.parentCollection.ID;\n      }\n\n      const saved = await collection.Save();\n      if (saved) {\n        // If creating new collection, set up permissions\n        if (!this.collection) {\n          if (this.parentCollection) {\n            // Child collection - copy non-owner permissions from parent.\n            // (The owner gets implicit full access via OwnerID; no self-share row is written.)\n            await this.permissionService.copyParentPermissions(\n              this.parentCollection.ID,\n              collection.ID,\n              this.currentUser\n            );\n          }\n          // Root collection: nothing to do. CollectionPermissionProvider treats OwnerID as\n          // an implicit full-access grant — writing a self-share row was redundant and was\n          // failing server-side auth on freshly-created collections.\n        }\n\n        this.toastService.success(\n          this.collection ? 'Collection updated successfully' : 'Collection created successfully'\n        );\n        this.saved.emit(collection);\n        this.resetForm();\n      } else {\n        this.errorMessage = collection.LatestResult?.Message || 'Failed to save collection';\n        this.toastService.error(this.errorMessage);\n      }\n    } catch (error) {\n      console.error('Error saving collection:', error);\n      this.errorMessage = 'An unexpected error occurred';\n      this.toastService.error(this.errorMessage);\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n  onCancel(): void {\n    this.resetForm();\n    this.cancelled.emit();\n  }\n\n  private resetForm(): void {\n    this.formData = {\n      name: '',\n      description: ''\n    };\n    this.errorMessage = '';\n  }\n}\n"]}

package/dist/lib/components/collection/collection-share-modal.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { MJConfirmService } from '@memberjunction/ng-ui-components';
 import { UserInfo } from '@memberjunction/core';
 import { MJCollectionEntity } from '@memberjunction/core-entities';
 import { CollectionPermissionService, CollectionPermission, PermissionSet } from '../../services/collection-permission.service';
@@ -11,6 +12,7 @@ interface PermissionDisplay extends CollectionPermission {
 export declare class CollectionShareModalComponent implements OnInit, OnChanges {
     private permissionService;
     private cdr;
+    private confirmService;
     isOpen: boolean;
     collection: MJCollectionEntity | null;
     currentUser: UserInfo;
@@ -22,7 +24,7 @@ export declare class CollectionShareModalComponent implements OnInit, OnChanges
     availablePermissions: string[];
     canModifyPermissions: boolean;
     newPermissions: PermissionSet;
-    constructor(permissionService: CollectionPermissionService, cdr: ChangeDetectorRef);
+    constructor(permissionService: CollectionPermissionService, cdr: ChangeDetectorRef, confirmService: MJConfirmService);
     ngOnInit(): Promise<void>;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     private loadPermissions;

package/dist/lib/components/collection/collection-share-modal.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAI5H,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAChI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAGxF,UAAU,iBAAkB,SAAQ,oBAAoB;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,aAAa,CAAC;CACrC;AAED,qBAgNa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAsB/D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IAtBN,MAAM,EAAE,OAAO,CAAS;IACxB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAC7C,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE1D,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,aAAa,CAK3B;gBAGU,iBAAiB,EAAE,2BAA2B,EAC9C,GAAG,EAAE,iBAAiB;IAG5B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAa1C,eAAe;IAiB7B,OAAO,CAAC,0BAA0B;IA0BlC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAWlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAqChC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAW3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAoBtE,QAAQ,IAAI,IAAI;yCA7NP,6BAA6B;2CAA7B,6BAA6B;CAgOzC"}
+{"version":3,"file":"collection-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/collection/collection-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG5H,OAAO,EAA+D,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEjI,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAChI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAGxF,UAAU,iBAAkB,SAAQ,oBAAoB;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,aAAa,CAAC;CACrC;AAED,qBAgNa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAsB/D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,cAAc;IAvBjB,MAAM,EAAE,OAAO,CAAS;IACxB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAC7C,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE1D,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,aAAa,CAK3B;gBAGU,iBAAiB,EAAE,2BAA2B,EAC9C,GAAG,EAAE,iBAAiB,EACtB,cAAc,EAAE,gBAAgB;IAGtC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAa1C,eAAe;IAiB7B,OAAO,CAAC,0BAA0B;IA0BlC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAWlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAqChC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAW3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAoBtE,QAAQ,IAAI,IAAI;yCA9NP,6BAA6B;2CAA7B,6BAA6B;CAiOzC"}

package/dist/lib/components/collection/collection-share-modal.component.js

@@ -1,11 +1,13 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { MJWindowComponent, MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { MJWindowComponent, MJButtonDirective, MJEmptyStateComponent } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { UserPickerComponent } from '../shared/user-picker.component';
 import { UUIDsEqual } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/collection-permission.service";
-import * as i2 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@angular/forms";
 const _forTrack0 = ($index, $item) => $item.id;
 function CollectionShareModalComponent_Conditional_0_Conditional_7_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -109,14 +111,10 @@ function CollectionShareModalComponent_Conditional_0_Conditional_7_Template(rf,
     i0.ɵɵproperty("disabled", !ctx_r1.selectedUser);
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "Not shared with anyone yet");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(0, "mj-empty-state", 10);
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelementStart(0, "span", 37);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -125,31 +123,31 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
     i0.ɵɵtextInterpolate1("shared by ", permission_r7.sharedByUserName);
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelementStart(0, "span", 41);
     i0.ɵɵelement(1, "i", 31);
     i0.ɵɵtext(2, " Share ");
     i0.ɵɵelementEnd();
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelementStart(0, "span", 41);
     i0.ɵɵelement(1, "i", 32);
     i0.ɵɵtext(2, " Edit ");
     i0.ɵɵelementEnd();
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelementStart(0, "span", 41);
     i0.ɵɵelement(1, "i", 33);
     i0.ɵɵtext(2, " Delete ");
     i0.ɵɵelementEnd();
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39)(1, "span", 42);
+    i0.ɵɵelementStart(0, "div", 38)(1, "span", 41);
     i0.ɵɵelement(2, "i", 24);
     i0.ɵɵtext(3, " Read ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template, 3, 0, "span", 42);
-    i0.ɵɵconditionalCreate(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template, 3, 0, "span", 42);
-    i0.ɵɵconditionalCreate(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_6_Template, 3, 0, "span", 42);
+    i0.ɵɵconditionalCreate(4, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_4_Template, 3, 0, "span", 41);
+    i0.ɵɵconditionalCreate(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_5_Template, 3, 0, "span", 41);
+    i0.ɵɵconditionalCreate(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Conditional_6_Template, 3, 0, "span", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const permission_r7 = i0.ɵɵnextContext().$implicit;
@@ -162,7 +160,7 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 44)(1, "input", 30);
+    i0.ɵɵelementStart(0, "label", 43)(1, "input", 30);
     i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canShare, $event) || (permission_r7.editingPermissions.canShare = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "span");
@@ -175,7 +173,7 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 44)(1, "input", 30);
+    i0.ɵɵelementStart(0, "label", 43)(1, "input", 30);
     i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r9); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canEdit, $event) || (permission_r7.editingPermissions.canEdit = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "span");
@@ -188,7 +186,7 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 44)(1, "input", 30);
+    i0.ɵɵelementStart(0, "label", 43)(1, "input", 30);
     i0.ɵɵtwoWayListener("ngModelChange", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r10); const permission_r7 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(permission_r7.editingPermissions.canDelete, $event) || (permission_r7.editingPermissions.canDelete = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "span");
@@ -200,14 +198,14 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
     i0.ɵɵtwoWayProperty("ngModel", permission_r7.editingPermissions.canDelete);
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "label", 43);
+    i0.ɵɵelementStart(0, "div", 39)(1, "label", 42);
     i0.ɵɵelement(2, "input", 22);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Read");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template, 4, 1, "label", 44);
-    i0.ɵɵconditionalCreate(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template, 4, 1, "label", 44);
-    i0.ɵɵconditionalCreate(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template, 4, 1, "label", 44);
+    i0.ɵɵconditionalCreate(5, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_5_Template, 4, 1, "label", 43);
+    i0.ɵɵconditionalCreate(6, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_6_Template, 4, 1, "label", 43);
+    i0.ɵɵconditionalCreate(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Conditional_7_Template, 4, 1, "label", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -222,28 +220,28 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵelementStart(0, "button", 44);
     i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onEditPermission(permission_r7)); });
-    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵelement(1, "i", 45);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 47);
+    i0.ɵɵelementStart(2, "button", 46);
     i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r11); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRevokePermission(permission_r7)); });
-    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelement(3, "i", 47);
     i0.ɵɵelementEnd();
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵelementStart(0, "button", 48);
     i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSavePermission(permission_r7)); });
-    i0.ɵɵelement(1, "i", 50);
+    i0.ɵɵelement(1, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 51);
+    i0.ɵɵelementStart(2, "button", 50);
     i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const permission_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCancelEdit(permission_r7)); });
-    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelement(3, "i", 47);
     i0.ɵɵelementEnd();
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
+    i0.ɵɵelementStart(0, "div", 40);
     i0.ɵɵconditionalCreate(1, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_1_Template, 4, 0)(2, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Conditional_2_Template, 4, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -252,17 +250,17 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Condit
     i0.ɵɵconditional(!permission_r7.isEditing ? 1 : 2);
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 15);
+    i0.ɵɵelementStart(0, "div", 34)(1, "div", 15);
     i0.ɵɵelement(2, "i", 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 36)(4, "div", 37)(5, "span", 18);
+    i0.ɵɵelementStart(3, "div", 35)(4, "div", 36)(5, "span", 18);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template, 2, 1, "span", 38);
+    i0.ɵɵconditionalCreate(7, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_7_Template, 2, 1, "span", 37);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template, 7, 3, "div", 39)(9, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template, 8, 4, "div", 40);
+    i0.ɵɵconditionalCreate(8, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_8_Template, 7, 3, "div", 38)(9, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_9_Template, 8, 4, "div", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template, 3, 1, "div", 41);
+    i0.ɵɵconditionalCreate(10, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Conditional_10_Template, 3, 1, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const permission_r7 = ctx.$implicit;
@@ -278,7 +276,7 @@ function CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Templa
 } }
 function CollectionShareModalComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵrepeaterCreate(1, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Template, 11, 4, "div", 35, _forTrack0);
+    i0.ɵɵrepeaterCreate(1, CollectionShareModalComponent_Conditional_0_Conditional_13_For_2_Template, 11, 4, "div", 34, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -302,7 +300,7 @@ function CollectionShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵelement(10, "i", 9);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, CollectionShareModalComponent_Conditional_0_Conditional_12_Template, 4, 0, "div", 10)(13, CollectionShareModalComponent_Conditional_0_Conditional_13_Template, 3, 0, "div", 11);
+    i0.ɵɵconditionalCreate(12, CollectionShareModalComponent_Conditional_0_Conditional_12_Template, 1, 0, "mj-empty-state", 10)(13, CollectionShareModalComponent_Conditional_0_Conditional_13_Template, 3, 0, "div", 11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(14, "div", 12)(15, "button", 13);
     i0.ɵɵlistener("click", function CollectionShareModalComponent_Conditional_0_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
@@ -323,6 +321,7 @@ function CollectionShareModalComponent_Conditional_0_Template(rf, ctx) { if (rf
 export class CollectionShareModalComponent {
     permissionService;
     cdr;
+    confirmService;
     isOpen = false;
     collection = null;
     currentUser;
@@ -339,9 +338,10 @@ export class CollectionShareModalComponent {
         canEdit: false,
         canDelete: false
     };
-    constructor(permissionService, cdr) {
+    constructor(permissionService, cdr, confirmService) {
         this.permissionService = permissionService;
         this.cdr = cdr;
+        this.confirmService = confirmService;
     }
     async ngOnInit() {
         if (this.collection) {
@@ -435,7 +435,7 @@ export class CollectionShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(this.newPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Use cascade grant to apply permissions to all child collections
@@ -446,7 +446,7 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error adding user:', error);
-            alert('Failed to add user. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to add user. Please try again.', 'error', 5000);
         }
     }
     onEditPermission(permission) {
@@ -475,7 +475,7 @@ export class CollectionShareModalComponent {
             };
             // Validate permissions
             if (!this.permissionService.validatePermissions(permission.editingPermissions, userPerms, isOwner)) {
-                alert('You cannot grant permissions you do not have');
+                MJNotificationService.Instance.CreateSimpleNotification('You cannot grant permissions you do not have', 'warning', 4000);
                 return;
             }
             // Use cascade update to apply changes to all child collections
@@ -485,11 +485,11 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error updating permission:', error);
-            alert('Failed to update permissions. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to update permissions. Please try again.', 'error', 5000);
         }
     }
     async onRevokePermission(permission) {
-        if (!confirm(`Remove ${permission.userName}'s access to this collection and all its child collections?`)) {
+        if (!(await this.confirmService.ConfirmDelete({ title: 'Remove Access', message: `Remove ${permission.userName}'s access to this collection and all its child collections?`, confirmText: 'Remove' }))) {
             return;
         }
         try {
@@ -500,22 +500,22 @@ export class CollectionShareModalComponent {
         }
         catch (error) {
             console.error('Error revoking permission:', error);
-            alert('Failed to revoke permission. Please try again.');
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to revoke permission. Please try again.', 'error', 5000);
         }
     }
     onCancel() {
         this.cancelled.emit();
     }
-    static ɵfac = function CollectionShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionShareModalComponent)(i0.ɵɵdirectiveInject(i1.CollectionPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionShareModalComponent, selectors: [["mj-collection-share-modal"]], inputs: { isOpen: "isOpen", collection: "collection", currentUser: "currentUser", currentUserPermissions: "currentUserPermissions" }, outputs: { saved: "saved", cancelled: "cancelled" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [3, "Close", "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [1, "share-modal-content"], [1, "add-user-section"], [1, "section-title"], [1, "fa-solid", "fa-user-plus"], [3, "userSelected", "currentUser", "excludeUserIds"], [1, "permissions-form"], [1, "permissions-list-section"], [1, "fa-solid", "fa-users"], [1, "empty-state"], [1, "permissions-list"], [1, "modal-actions"], ["mjButton", "", 3, "click"], [1, "selected-user-info"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-details"], [1, "user-name"], [1, "user-email"], [1, "permissions-grid"], [1, "permission-checkbox", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "permission-label"], [1, "fa-solid", "fa-eye"], [1, "permission-desc"], [1, "permission-checkbox"], [1, "form-actions"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-user-slash"], [1, "permission-item"], [1, "permission-details"], [1, "permission-user"], [1, "shared-by"], [1, "permission-badges"], [1, "permissions-edit-grid"], [1, "permission-actions"], [1, "permission-badge"], [1, "permission-checkbox-small", "disabled"], [1, "permission-checkbox-small"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove", 3, "click"], [1, "fa-solid", "fa-xmark"], ["mjButton", "", "variant", "success", "size", "sm", "title", "Save", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Cancel", 3, "click"]], template: function CollectionShareModalComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function CollectionShareModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollectionShareModalComponent)(i0.ɵɵdirectiveInject(i1.CollectionPermissionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.MJConfirmService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionShareModalComponent, selectors: [["mj-collection-share-modal"]], inputs: { isOpen: "isOpen", collection: "collection", currentUser: "currentUser", currentUserPermissions: "currentUserPermissions" }, outputs: { saved: "saved", cancelled: "cancelled" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [3, "Close", "Title", "Width", "Height", "MinWidth", "MinHeight", "Visible"], [1, "share-modal-content"], [1, "add-user-section"], [1, "section-title"], [1, "fa-solid", "fa-user-plus"], [3, "userSelected", "currentUser", "excludeUserIds"], [1, "permissions-form"], [1, "permissions-list-section"], [1, "fa-solid", "fa-users"], ["Icon", "fa-solid fa-user-slash", "Title", "Not shared with anyone yet", "Size", "compact"], [1, "permissions-list"], [1, "modal-actions"], ["mjButton", "", 3, "click"], [1, "selected-user-info"], [1, "user-avatar"], [1, "fa-solid", "fa-user"], [1, "user-details"], [1, "user-name"], [1, "user-email"], [1, "permissions-grid"], [1, "permission-checkbox", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], [1, "permission-label"], [1, "fa-solid", "fa-eye"], [1, "permission-desc"], [1, "permission-checkbox"], [1, "form-actions"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-share-nodes"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [1, "permission-item"], [1, "permission-details"], [1, "permission-user"], [1, "shared-by"], [1, "permission-badges"], [1, "permissions-edit-grid"], [1, "permission-actions"], [1, "permission-badge"], [1, "permission-checkbox-small", "disabled"], [1, "permission-checkbox-small"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove", 3, "click"], [1, "fa-solid", "fa-xmark"], ["mjButton", "", "variant", "success", "size", "sm", "title", "Save", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Cancel", 3, "click"]], template: function CollectionShareModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, CollectionShareModalComponent_Conditional_0_Template, 17, 11, "mj-window", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen && ctx.collection ? 0 : -1);
-        } }, dependencies: [FormsModule, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, MJWindowComponent, MJButtonDirective, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 12px;\n}\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
+        } }, dependencies: [FormsModule, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], styles: [".share-modal-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n.user-details[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details[_ngcontent-%COMP%]   .user-email[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.permissions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox[_ngcontent-%COMP%]   .permission-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user[_ngcontent-%COMP%]   .user-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user[_ngcontent-%COMP%]   .shared-by[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.permissions-edit-grid[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   input[type=checkbox][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.permission-checkbox-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.modal-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionShareModalComponent, [{
         type: Component,
-        args: [{ selector: 'mj-collection-share-modal', standalone: true, imports: [FormsModule, MJWindowComponent, MJButtonDirective, UserPickerComponent], template: `
+        args: [{ selector: 'mj-collection-share-modal', standalone: true, imports: [FormsModule, MJWindowComponent, MJButtonDirective, MJEmptyStateComponent, UserPickerComponent], template: `
         @if (isOpen && collection) {
             <mj-window
                 [Title]="'Share: ' + collection.Name"
@@ -617,10 +617,10 @@ export class CollectionShareModalComponent {
                         </h3>
 
                         @if (permissions.length === 0) {
-                            <div class="empty-state">
-                                <i class="fa-solid fa-user-slash"></i>
-                                <p>Not shared with anyone yet</p>
-                            </div>
+                            <mj-empty-state
+                                Icon="fa-solid fa-user-slash"
+                                Title="Not shared with anyone yet"
+                                Size="compact" />
                         } @else {
                             <div class="permissions-list">
                                 @for (permission of permissions; track permission.id) {
@@ -716,8 +716,8 @@ export class CollectionShareModalComponent {
                 </div>
             </mj-window>
         }
-    `, styles: [".share-modal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details {\n  flex: 1;\n  min-width: 0;\n}\n.user-details .user-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details .user-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form {\n  margin-top: 16px;\n}\n\n.permissions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox input[type=checkbox] {\n  margin-right: 8px;\n}\n.permission-checkbox .permission-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox .permission-label i {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox .permission-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user .user-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user .shared-by {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge i {\n  font-size: 10px;\n}\n\n.permissions-edit-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small input[type=checkbox] {\n  margin: 0;\n}\n.permission-checkbox-small span {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 12px;\n}\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary i {\n  font-size: 12px;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon i {\n  font-size: 14px;\n}\n\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n"] }]
-    }], () => [{ type: i1.CollectionPermissionService }, { type: i0.ChangeDetectorRef }], { isOpen: [{
+    `, styles: [".share-modal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 20px;\n  height: 100%;\n  overflow-y: auto;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 16px 0;\n}\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.add-user-section {\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 24px;\n}\n\n.selected-user-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 16px 0;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n}\n\n.user-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n\n.user-details {\n  flex: 1;\n  min-width: 0;\n}\n.user-details .user-name {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n.user-details .user-email {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n.permissions-form {\n  margin-top: 16px;\n}\n\n.permissions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  gap: 12px;\n  margin: 16px 0;\n}\n\n.permission-checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.permission-checkbox:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background: var(--mj-bg-surface-sunken);\n}\n.permission-checkbox input[type=checkbox] {\n  margin-right: 8px;\n}\n.permission-checkbox .permission-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-checkbox .permission-label i {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.permission-checkbox .permission-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-left: 28px;\n}\n\n.form-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.permissions-list-section {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.permissions-list {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.permission-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  transition: background 0.2s;\n}\n.permission-item:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.permission-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.permission-user {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.permission-user .user-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n.permission-user .shared-by {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.permission-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n}\n.permission-badge i {\n  font-size: 10px;\n}\n\n.permissions-edit-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.permission-checkbox-small {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.permission-checkbox-small.disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.permission-checkbox-small input[type=checkbox] {\n  margin: 0;\n}\n.permission-checkbox-small span {\n  color: var(--mj-text-primary);\n}\n\n.permission-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.btn-primary {\n  background: var(--mj-brand-primary) !important;\n  color: var(--mj-text-inverse) !important;\n  border: none !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover) !important;\n}\n.btn-primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.btn-primary i {\n  font-size: 12px;\n}\n\n.btn-secondary {\n  background: var(--mj-bg-surface) !important;\n  color: var(--mj-text-secondary) !important;\n  border: 1px solid var(--mj-border-default) !important;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n}\n.btn-secondary:hover {\n  background: var(--mj-bg-surface-sunken) !important;\n  border-color: var(--mj-border-strong) !important;\n}\n\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border-radius: 6px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n.btn-icon:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n.btn-icon.btn-success {\n  color: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n}\n.btn-icon.btn-success:hover {\n  background: var(--mj-status-success-bg);\n}\n.btn-icon.btn-danger {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error);\n}\n.btn-icon.btn-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n.btn-icon i {\n  font-size: 14px;\n}\n\n.modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n"] }]
+    }], () => [{ type: i1.CollectionPermissionService }, { type: i0.ChangeDetectorRef }, { type: i2.MJConfirmService }], { isOpen: [{
             type: Input
         }], collection: [{
             type: Input
@@ -730,5 +730,5 @@ export class CollectionShareModalComponent {
         }], cancelled: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionShareModalComponent, { className: "CollectionShareModalComponent", filePath: "src/lib/components/collection/collection-share-modal.component.ts", lineNumber: 224 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionShareModalComponent, { className: "CollectionShareModalComponent", filePath: "src/lib/components/collection/collection-share-modal.component.ts", lineNumber: 225 }); })();
 //# sourceMappingURL=collection-share-modal.component.js.map