npm - @memberjunction/ng-conversations - Versions diffs - 6.2.0-edge.0 → 6.2.0-edge.2 - Mend

@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

package/dist/lib/components/project/project-form-modal.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"project-form-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/project/project-form-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJDialogRef } from '@memberjunction/ng-ui-components';\nimport { MJProjectEntity } from '@memberjunction/core-entities';\nimport { UserInfo, Metadata } from '@memberjunction/core';\n\nexport interface ProjectFormData {\n name: string;\n description: string;\n color: string;\n icon: string;\n}\n\nconst DEFAULT_PROJECT_COLORS = [\n '#0076B6', // MJ Blue\n '#F44336', // Red\n '#E91E63', // Pink\n '#9C27B0', // Purple\n '#673AB7', // Deep Purple\n '#3F51B5', // Indigo\n '#2196F3', // Blue\n '#03A9F4', // Light Blue\n '#00BCD4', // Cyan\n '#009688', // Teal\n '#4CAF50', // Green\n '#8BC34A', // Light Green\n '#CDDC39', // Lime\n '#FFEB3B', // Yellow\n '#FFC107', // Amber\n '#FF9800', // Orange\n '#FF5722', // Deep Orange\n '#795548', // Brown\n '#607D8B', // Blue Grey\n '#9E9E9E' // Grey\n];\n\nconst DEFAULT_PROJECT_ICONS = [\n 'fa-folder',\n 'fa-folder-open',\n 'fa-briefcase',\n 'fa-project-diagram',\n 'fa-chart-line',\n 'fa-tasks',\n 'fa-clipboard-list',\n 'fa-bullseye',\n 'fa-rocket',\n 'fa-lightbulb',\n 'fa-brain',\n 'fa-cogs',\n 'fa-code',\n 'fa-database',\n 'fa-server',\n 'fa-cloud',\n 'fa-mobile-alt',\n 'fa-desktop',\n 'fa-globe',\n 'fa-users'\n];\n\n@Component({\n standalone: false,\n selector: 'mj-project-form-modal',\n template: `\n <mj-dialog\n [Title]=\"isEditMode ? 'Edit Folder' : 'New Folder'\"\n [Width]=\"560\"\n [MinWidth]=\"400\"\n [Visible]=\"true\"\n (Close)=\"onCancel()\">\n\n <div class=\"project-form\">\n <!-- Live preview chip -->\n <div class=\"folder-preview\">\n <span class=\"folder-preview-chip\" [style.backgroundColor]=\"chipBackground\" [style.color]=\"formData.color\">\n <i class=\"fa-solid {{ formData.icon }}\"></i>\n </span>\n <span class=\"folder-preview-name\">{{ formData.name.trim() \|\| 'Untitled folder' }}</span>\n </div>\n\n <!-- Name Input -->\n <div class=\"form-field\">\n <label for=\"projectName\" class=\"required\">\n Folder Name\n </label>\n <input\n id=\"projectName\"\n type=\"text\"\n [(ngModel)]=\"formData.name\"\n placeholder=\"e.g. Client work, Research, Ideas\"\n class=\"mj-input full-width\"\n (keydown.enter)=\"onSave()\"\n autofocus />\n @if (showNameError) {\n <div class=\"error-message\">Folder name is required</div>\n }\n </div>\n\n <!-- Description Textarea -->\n <div class=\"form-field\">\n <label for=\"projectDescription\">\n Description\n </label>\n <textarea\n id=\"projectDescription\"\n [(ngModel)]=\"formData.description\"\n placeholder=\"What goes in this folder? (optional)\"\n class=\"mj-textarea full-width\"\n rows=\"2\"></textarea>\n </div>\n\n <!-- Color Picker -->\n <div class=\"form-field\">\n <label>Color</label>\n <div class=\"color-picker-section\">\n <div class=\"color-palette\">\n @for (color of availableColors; track color) {\n <button\n type=\"button\"\n class=\"color-swatch\"\n [class.selected]=\"formData.color === color\"\n [style.backgroundColor]=\"color\"\n (click)=\"selectColor(color)\"\n [title]=\"color\">\n </button>\n }\n </div>\n <div class=\"custom-color-input\">\n <label for=\"customColor\">Custom:</label>\n <input\n id=\"customColor\"\n type=\"color\"\n [(ngModel)]=\"formData.color\"\n class=\"custom-color-picker\" />\n <span class=\"color-value\">{{ formData.color }}</span>\n </div>\n </div>\n </div>\n\n <!-- Icon Selector -->\n <div class=\"form-field\">\n <label>Icon</label>\n <div class=\"icon-grid\">\n @for (icon of availableIcons; track icon) {\n <button\n type=\"button\"\n class=\"icon-option\"\n [class.selected]=\"formData.icon === icon\"\n [style.color]=\"formData.icon === icon ? formData.color : null\"\n (click)=\"selectIcon(icon)\"\n [title]=\"icon\">\n <i class=\"fa-solid {{ icon }}\"></i>\n </button>\n }\n </div>\n </div>\n </div>\n\n <mj-dialog-actions>\n <button mjButton variant=\"primary\" (click)=\"onSave()\">\n {{ isEditMode ? 'Save Changes' : 'Create Folder' }}\n </button>\n <button mjButton (click)=\"onCancel()\">Cancel</button>\n </mj-dialog-actions>\n </mj-dialog>\n `,\n styles: [`\n .project-form {\n padding: 20px 24px 8px;\n display: flex;\n flex-direction: column;\n gap: 22px;\n }\n\n /* Live preview chip /\n .folder-preview {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px 16px;\n border-radius: 12px;\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n }\n .folder-preview-chip {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n transition: background-color 150ms ease, color 150ms ease;\n }\n .folder-preview-name {\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .form-field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .form-field label {\n font-weight: 600;\n font-size: 13px;\n letter-spacing: 0.01em;\n color: var(--mj-text-secondary);\n }\n\n .form-field label.required::after {\n content: '';\n color: var(--mj-status-error);\n margin-left: 4px;\n }\n\n .full-width { width: 100%; }\n\n .error-message {\n color: var(--mj-status-error);\n font-size: 12px;\n }\n\n /* Color Picker /\n .color-picker-section {\n border: 1px solid var(--mj-border-default);\n border-radius: 12px;\n padding: 14px;\n background: var(--mj-bg-surface);\n }\n\n .color-palette {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n margin-bottom: 12px;\n }\n\n .color-swatch {\n width: 100%;\n aspect-ratio: 1;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n padding: 0;\n transition: transform 120ms ease, box-shadow 120ms ease;\n box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n }\n\n .color-swatch:hover {\n transform: scale(1.12);\n }\n\n .color-swatch.selected {\n box-shadow: 0 0 0 2px var(--mj-bg-surface), 0 0 0 4px var(--mj-brand-primary);\n }\n\n .custom-color-input {\n display: flex;\n align-items: center;\n gap: 10px;\n padding-top: 14px;\n border-top: 1px solid var(--mj-border-subtle);\n }\n\n .custom-color-input label {\n margin: 0;\n font-size: 13px;\n font-weight: 500;\n color: var(--mj-text-secondary);\n }\n\n .custom-color-picker {\n width: 44px;\n height: 30px;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: 8px;\n cursor: pointer;\n background: var(--mj-bg-surface);\n }\n\n .color-value {\n font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n font-size: 13px;\n color: var(--mj-text-muted);\n text-transform: uppercase;\n }\n\n / Icon Selector /\n .icon-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n max-height: 184px;\n overflow-y: auto;\n padding: 14px;\n border: 1px solid var(--mj-border-default);\n border-radius: 12px;\n background: var(--mj-bg-surface);\n }\n\n .icon-option {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-card);\n border-radius: 8px;\n cursor: pointer;\n color: var(--mj-text-secondary);\n transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;\n }\n\n .icon-option:hover {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n transform: translateY(-1px);\n }\n\n .icon-option.selected {\n background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n border-color: var(--mj-brand-primary);\n box-shadow: 0 0 0 1px var(--mj-brand-primary);\n }\n\n .icon-option i { font-size: 17px; }\n\n / Scrollbar /\n .icon-grid::-webkit-scrollbar { width: 8px; }\n .icon-grid::-webkit-scrollbar-track {\n background: transparent;\n }\n .icon-grid::-webkit-scrollbar-thumb {\n background: var(--mj-border-strong);\n border-radius: 4px;\n }\n .icon-grid::-webkit-scrollbar-thumb:hover {\n background: var(--mj-text-disabled);\n }\n `]\n})\nexport class ProjectFormModalComponent extends BaseAngularComponent implements OnInit {\n @Input() dialogRef!: MJDialogRef;\n @Input() project: MJProjectEntity \| null = null;\n @Input() environmentId!: string;\n @Input() currentUser!: UserInfo;\n /* When creating a new folder, the parent folder ID for nesting (null = top level). /\n @Input() parentId: string \| null = null;\n\n @Output() projectSaved = new EventEmitter<MJProjectEntity>();\n\n public formData: ProjectFormData = {\n name: '',\n description: '',\n color: '#0076B6',\n icon: 'fa-folder'\n };\n\n public showNameError = false;\n public isEditMode = false;\n public availableColors = DEFAULT_PROJECT_COLORS;\n public availableIcons = DEFAULT_PROJECT_ICONS;\n\n /* Translucent tint of the selected color, used behind the preview/icon glyph. */\n public get chipBackground(): string {\n const hex = this.formData.color \|\| '#0076B6';\n // 8-digit hex (#RRGGBBAA) — ~14% alpha tint of the chosen color\n return /^#[0-9a-fA-F]{6}$/.test(hex) ? `${hex}24` : hex;\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n super();}\n\n ngOnInit(): void {\n this.isEditMode = this.project != null;\n\n if (this.project) {\n this.loadProjectData();\n }\n }\n\n private loadProjectData(): void {\n if (!this.project) return;\n\n this.formData = {\n name: this.project.Name \|\| '',\n description: this.project.Description \|\| '',\n color: this.project.Color \|\| '#0076B6',\n icon: this.project.Icon \|\| 'fa-folder'\n };\n }\n\n selectColor(color: string): void {\n this.formData.color = color;\n this.cdr.detectChanges();\n }\n\n selectIcon(icon: string): void {\n this.formData.icon = icon;\n this.cdr.detectChanges();\n }\n\n async onSave(): Promise<void> {\n // Validate\n if (!this.formData.name.trim()) {\n this.showNameError = true;\n this.cdr.detectChanges();\n return;\n }\n\n this.showNameError = false;\n\n try {\n const md = this.ProviderToUse;\n const project = this.project \|\| await md.GetEntityObject<MJProjectEntity>('MJ: Projects', this.currentUser);\n\n project.Name = this.formData.name.trim();\n project.Description = this.formData.description.trim() \|\| null;\n project.Color = this.formData.color;\n project.Icon = this.formData.icon;\n\n if (!this.isEditMode) {\n project.EnvironmentID = this.environmentId;\n project.IsArchived = false;\n if (this.parentId) {\n project.ParentID = this.parentId;\n }\n }\n\n const saved = await project.Save();\n if (saved) {\n this.projectSaved.emit(project);\n this.dialogRef.Close();\n } else {\n throw new Error('Failed to save project');\n }\n } catch (error) {\n console.error('Error saving project:', error);\n alert('Failed to save project. Please try again.');\n }\n }\n\n onCancel(): void {\n this.dialogRef.Close();\n }\n}\n"]}
1	+ {"version":3,"file":"project-form-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/project/project-form-modal.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJDialogRef } from '@memberjunction/ng-ui-components';\nimport { MJProjectEntity } from '@memberjunction/core-entities';\nimport { UserInfo, Metadata } from '@memberjunction/core';\n\nexport interface ProjectFormData {\n name: string;\n description: string;\n color: string;\n icon: string;\n /** true = only the owner sees it; false = everyone in the environment does. /\n isPersonal: boolean;\n}\n\nconst DEFAULT_PROJECT_COLORS = [\n '#0076B6', // MJ Blue\n '#F44336', // Red\n '#E91E63', // Pink\n '#9C27B0', // Purple\n '#673AB7', // Deep Purple\n '#3F51B5', // Indigo\n '#2196F3', // Blue\n '#03A9F4', // Light Blue\n '#00BCD4', // Cyan\n '#009688', // Teal\n '#4CAF50', // Green\n '#8BC34A', // Light Green\n '#CDDC39', // Lime\n '#FFEB3B', // Yellow\n '#FFC107', // Amber\n '#FF9800', // Orange\n '#FF5722', // Deep Orange\n '#795548', // Brown\n '#607D8B', // Blue Grey\n '#9E9E9E' // Grey\n];\n\nconst DEFAULT_PROJECT_ICONS = [\n 'fa-folder',\n 'fa-folder-open',\n 'fa-briefcase',\n 'fa-project-diagram',\n 'fa-chart-line',\n 'fa-tasks',\n 'fa-clipboard-list',\n 'fa-bullseye',\n 'fa-rocket',\n 'fa-lightbulb',\n 'fa-brain',\n 'fa-cogs',\n 'fa-code',\n 'fa-database',\n 'fa-server',\n 'fa-cloud',\n 'fa-mobile-alt',\n 'fa-desktop',\n 'fa-globe',\n 'fa-users'\n];\n\n@Component({\n standalone: false,\n selector: 'mj-project-form-modal',\n template: `\n <mj-dialog\n [Title]=\"isEditMode ? 'Edit Folder' : 'New Folder'\"\n [Width]=\"560\"\n [MinWidth]=\"400\"\n [Visible]=\"true\"\n (Close)=\"onCancel()\">\n\n <div class=\"project-form\">\n <!-- Live preview chip -->\n <div class=\"folder-preview\">\n <span class=\"folder-preview-chip\" [style.backgroundColor]=\"chipBackground\" [style.color]=\"formData.color\">\n <i class=\"fa-solid {{ formData.icon }}\"></i>\n </span>\n <span class=\"folder-preview-name\">{{ formData.name.trim() \|\| 'Untitled folder' }}</span>\n </div>\n\n <!-- Name Input -->\n <div class=\"form-field\">\n <label for=\"projectName\" class=\"required\">\n Folder Name\n </label>\n <input\n id=\"projectName\"\n type=\"text\"\n [(ngModel)]=\"formData.name\"\n placeholder=\"e.g. Client work, Research, Ideas\"\n class=\"mj-input full-width\"\n (keydown.enter)=\"onSave()\"\n autofocus />\n @if (showNameError) {\n <div class=\"error-message\">Folder name is required</div>\n }\n </div>\n\n <!-- Description Textarea -->\n <div class=\"form-field\">\n <label for=\"projectDescription\">\n Description\n </label>\n <textarea\n id=\"projectDescription\"\n [(ngModel)]=\"formData.description\"\n placeholder=\"What goes in this folder? (optional)\"\n class=\"mj-textarea full-width\"\n rows=\"2\"></textarea>\n </div>\n\n <!-- Visibility. TWO NAMED OPTIONS, not a checkbox: with a checkbox the unchecked\n meaning lives only in the helper text, so the shared state is never actually\n named. A fieldset/legend also gives the group a real accessible name, which a\n bare <label>Visibility</label> did not, and the hint is a sibling of the\n options rather than inside one — inside, a screen reader read the whole hint\n as part of the option's name.\n\n A SHARED folder shows a statement instead of the control. Visibility is a\n create-time choice in one direction only: personal -> shared stays available,\n because it only ever adds. See VisibilityIsLocked for why the reverse is not\n offered. -->\n <div class=\"form-field\">\n @if (VisibilityIsLocked) {\n <fieldset class=\"visibility-set\" aria-describedby=\"projectVisibilityHint\">\n <legend>Visibility</legend>\n <p class=\"visibility-locked\">\n <i class=\"fa-solid fa-users\" aria-hidden=\"true\"></i>\n Shared with everyone\n </p>\n <p class=\"visibility-hint\" id=\"projectVisibilityHint\">\n A shared folder stays shared. To keep something to yourself, create a new\n private folder and move it there.\n </p>\n </fieldset>\n } @else {\n <fieldset class=\"visibility-set\" aria-describedby=\"projectVisibilityHint\">\n <legend>Visibility</legend>\n <label class=\"visibility-choice\">\n <input type=\"radio\" name=\"projectVisibility\" [value]=\"true\"\n [(ngModel)]=\"FormData.isPersonal\" />\n <span>Only me</span>\n </label>\n <label class=\"visibility-choice\">\n <input type=\"radio\" name=\"projectVisibility\" [value]=\"false\"\n [(ngModel)]=\"FormData.isPersonal\" />\n <span>Everyone</span>\n </label>\n <p class=\"visibility-hint\" id=\"projectVisibilityHint\">\n {{ FormData.isPersonal\n ? 'Only you can see this folder.'\n : 'Everyone can see this folder and its name. They will not see the conversations you keep in it.' }}\n </p>\n </fieldset>\n }\n </div>\n\n <!-- Color Picker -->\n <div class=\"form-field\">\n <label>Color</label>\n <div class=\"color-picker-section\">\n <div class=\"color-palette\">\n @for (color of availableColors; track color) {\n <button\n type=\"button\"\n class=\"color-swatch\"\n [class.selected]=\"formData.color === color\"\n [style.backgroundColor]=\"color\"\n (click)=\"selectColor(color)\"\n [title]=\"color\">\n </button>\n }\n </div>\n <div class=\"custom-color-input\">\n <label for=\"customColor\">Custom:</label>\n <input\n id=\"customColor\"\n type=\"color\"\n [(ngModel)]=\"formData.color\"\n class=\"custom-color-picker\" />\n <span class=\"color-value\">{{ formData.color }}</span>\n </div>\n </div>\n </div>\n\n <!-- Icon Selector -->\n <div class=\"form-field\">\n <label>Icon</label>\n <div class=\"icon-grid\">\n @for (icon of availableIcons; track icon) {\n <button\n type=\"button\"\n class=\"icon-option\"\n [class.selected]=\"formData.icon === icon\"\n [style.color]=\"formData.icon === icon ? formData.color : null\"\n (click)=\"selectIcon(icon)\"\n [title]=\"icon\">\n <i class=\"fa-solid {{ icon }}\"></i>\n </button>\n }\n </div>\n </div>\n </div>\n\n <mj-dialog-actions>\n <button mjButton variant=\"primary\" (click)=\"onSave()\">\n {{ isEditMode ? 'Save Changes' : 'Create Folder' }}\n </button>\n <button mjButton (click)=\"onCancel()\">Cancel</button>\n </mj-dialog-actions>\n </mj-dialog>\n `,\n styles: [`\n .project-form {\n padding: 20px 24px 8px;\n display: flex;\n flex-direction: column;\n gap: 22px;\n }\n\n / Live preview chip /\n .folder-preview {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 14px 16px;\n border-radius: 12px;\n background: var(--mj-bg-surface-sunken);\n border: 1px solid var(--mj-border-subtle);\n }\n .folder-preview-chip {\n width: 40px;\n height: 40px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n flex-shrink: 0;\n transition: background-color 150ms ease, color 150ms ease;\n }\n .folder-preview-name {\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .form-field {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .form-field label {\n font-weight: 600;\n font-size: 13px;\n letter-spacing: 0.01em;\n color: var(--mj-text-secondary);\n }\n\n .form-field label.required::after {\n content: '';\n color: var(--mj-status-error);\n margin-left: 4px;\n }\n\n .full-width { width: 100%; }\n\n .error-message {\n color: var(--mj-status-error);\n font-size: 12px;\n }\n\n /* Color Picker /\n .visibility-set {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n / A <legend> is not matched by the .form-field label rule, so it inherited 16px/400\n and read larger and lighter than every other field label. Restated here rather than\n widening that selector, which would also catch the option labels below.\n (No backticks in this block: it is a template literal.) /\n .visibility-set legend {\n padding: 0;\n margin-bottom: 0.15rem;\n font-weight: 600;\n font-size: 13px;\n letter-spacing: 0.01em;\n color: var(--mj-text-secondary);\n }\n\n / Scoped as .form-field .visibility-choice (0,2,1) so it deliberately outranks the\n .form-field label rule (0,1,1) this sits inside — at equal specificity that rule\n won on source order and rendered the option text bold.\n (No backticks in here: this block is a template literal.) /\n .form-field .visibility-choice {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n font-weight: 400;\n font-size: 13px;\n margin: 0;\n / The rows were the height of the radio alone (~16px). The checkbox this replaced\n sat in a 31px row, so the tap target got smaller when the control got clearer. /\n padding: 0.25rem 0;\n }\n\n .visibility-choice input {\n flex: 0 0 auto;\n margin: 0;\n }\n\n / The shared-folder statement that stands in for the radios. Matches the option rows\n it replaces — same size, same weight, same 0.25rem row padding — so the dialog does\n not visibly reflow between a folder that offers the choice and one that does not.\n (No backticks in here: this block is a template literal.) /\n .form-field .visibility-locked {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin: 0;\n padding: 0.25rem 0;\n font-weight: 400;\n font-size: 13px;\n color: var(--mj-text-primary);\n }\n\n .visibility-locked i {\n font-size: 12px;\n color: var(--mj-text-muted);\n }\n\n .visibility-hint {\n margin: 0.15rem 0 0;\n / Unsized it inherited 16px and read LARGER than the options it describes. /\n font-size: 12px;\n line-height: 1.4;\n color: var(--mj-text-muted);\n }\n\n .color-picker-section {\n border: 1px solid var(--mj-border-default);\n border-radius: 12px;\n padding: 14px;\n background: var(--mj-bg-surface);\n }\n\n .color-palette {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n margin-bottom: 12px;\n }\n\n .color-swatch {\n width: 100%;\n aspect-ratio: 1;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n padding: 0;\n transition: transform 120ms ease, box-shadow 120ms ease;\n box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n }\n\n .color-swatch:hover {\n transform: scale(1.12);\n }\n\n .color-swatch.selected {\n box-shadow: 0 0 0 2px var(--mj-bg-surface), 0 0 0 4px var(--mj-brand-primary);\n }\n\n .custom-color-input {\n display: flex;\n align-items: center;\n gap: 10px;\n padding-top: 14px;\n border-top: 1px solid var(--mj-border-subtle);\n }\n\n .custom-color-input label {\n margin: 0;\n font-size: 13px;\n font-weight: 500;\n color: var(--mj-text-secondary);\n }\n\n .custom-color-picker {\n width: 44px;\n height: 30px;\n padding: 2px;\n border: 1px solid var(--mj-border-default);\n border-radius: 8px;\n cursor: pointer;\n background: var(--mj-bg-surface);\n }\n\n .color-value {\n font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n font-size: 13px;\n color: var(--mj-text-muted);\n text-transform: uppercase;\n }\n\n / Icon Selector /\n .icon-grid {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n gap: 8px;\n max-height: 184px;\n overflow-y: auto;\n padding: 14px;\n border: 1px solid var(--mj-border-default);\n border-radius: 12px;\n background: var(--mj-bg-surface);\n }\n\n .icon-option {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--mj-border-subtle);\n background: var(--mj-bg-surface-card);\n border-radius: 8px;\n cursor: pointer;\n color: var(--mj-text-secondary);\n transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;\n }\n\n .icon-option:hover {\n background: var(--mj-bg-surface-hover);\n border-color: var(--mj-border-strong);\n transform: translateY(-1px);\n }\n\n .icon-option.selected {\n background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n border-color: var(--mj-brand-primary);\n box-shadow: 0 0 0 1px var(--mj-brand-primary);\n }\n\n .icon-option i { font-size: 17px; }\n\n / Scrollbar /\n .icon-grid::-webkit-scrollbar { width: 8px; }\n .icon-grid::-webkit-scrollbar-track {\n background: transparent;\n }\n .icon-grid::-webkit-scrollbar-thumb {\n background: var(--mj-border-strong);\n border-radius: 4px;\n }\n .icon-grid::-webkit-scrollbar-thumb:hover {\n background: var(--mj-text-disabled);\n }\n `]\n})\nexport class ProjectFormModalComponent extends BaseAngularComponent implements OnInit {\n @Input() DialogRef!: MJDialogRef;\n\n /* @deprecated Use {@link DialogRef}. /\n @Input() set dialogRef(value: MJDialogRef) {\n this.DialogRef = value;\n }\n /* @deprecated Use {@link DialogRef}. /\n get dialogRef(): MJDialogRef {\n return this.DialogRef;\n }\n @Input() Project: MJProjectEntity \| null = null;\n\n /* @deprecated Use {@link Project}. /\n @Input() set project(value: MJProjectEntity \| null) {\n this.Project = value;\n }\n /* @deprecated Use {@link Project}. /\n get project(): MJProjectEntity \| null {\n return this.Project;\n }\n @Input() EnvironmentId!: string;\n\n /* @deprecated Use {@link EnvironmentId}. /\n @Input() set environmentId(value: string) {\n this.EnvironmentId = value;\n }\n /* @deprecated Use {@link EnvironmentId}. /\n get environmentId(): string {\n return this.EnvironmentId;\n }\n @Input() CurrentUser!: UserInfo;\n\n /* @deprecated Use {@link CurrentUser}. /\n @Input() set currentUser(value: UserInfo) {\n this.CurrentUser = value;\n }\n /* @deprecated Use {@link CurrentUser}. /\n get currentUser(): UserInfo {\n return this.CurrentUser;\n }\n /* When creating a new folder, the parent folder ID for nesting (null = top level). /\n @Input() ParentId: string \| null = null;\n\n /* @deprecated Use {@link ParentId}. /\n @Input() set parentId(value: string \| null) {\n this.ParentId = value;\n }\n /* @deprecated Use {@link ParentId}. /\n get parentId(): string \| null {\n return this.ParentId;\n }\n\n @Output() ProjectSaved = new EventEmitter<MJProjectEntity>();\n\n /\n @deprecated Use {@link ProjectSaved}.\n \n The same emitter under the old binding name, so a template still binding\n * (projectSaved) keeps working. Must stay AFTER ProjectSaved: class fields\n * initialise in order, and the other way round this captures undefined.\n /\n @Output() projectSaved = this.ProjectSaved;\n\n public FormData: ProjectFormData = {\n name: '',\n description: '',\n color: '#0076B6',\n icon: 'fa-folder',\n // A NEW folder is personal by default. The conversation sidebar is a personal\n // surface — the conversations in it are already bound to their owner — so a\n // folder everyone can see is the surprising option, not the private one. Folder\n // NAMES are user-authored free text, and before OwnerUserID existed every one of\n // them was readable by every user of the environment, which is what prompted\n // this. Existing folders are untouched: they carry NULL, which still means shared.\n isPersonal: true\n };\n\n /* @deprecated Use {@link FormData}. /\n public get formData(): ProjectFormData {\n return this.FormData;\n }\n /* @deprecated Use {@link FormData}. /\n public set formData(value: ProjectFormData) {\n this.FormData = value;\n }\n\n public ShowNameError = false;\n\n /* @deprecated Use {@link ShowNameError}. /\n public get showNameError() {\n return this.ShowNameError;\n }\n /* @deprecated Use {@link ShowNameError}. /\n public set showNameError(value) {\n this.ShowNameError = value;\n }\n public IsEditMode = false;\n\n /* @deprecated Use {@link IsEditMode}. /\n public get isEditMode() {\n return this.IsEditMode;\n }\n /* @deprecated Use {@link IsEditMode}. /\n public set isEditMode(value) {\n this.IsEditMode = value;\n }\n public AvailableColors = DEFAULT_PROJECT_COLORS;\n\n /* @deprecated Use {@link AvailableColors}. /\n public get availableColors() {\n return this.AvailableColors;\n }\n /* @deprecated Use {@link AvailableColors}. /\n public set availableColors(value) {\n this.AvailableColors = value;\n }\n public AvailableIcons = DEFAULT_PROJECT_ICONS;\n\n /* @deprecated Use {@link AvailableIcons}. /\n public get availableIcons() {\n return this.AvailableIcons;\n }\n /* @deprecated Use {@link AvailableIcons}. /\n public set availableIcons(value) {\n this.AvailableIcons = value;\n }\n\n /\n True when this dialog is editing a folder that is currently SHARED — in which case\n * visibility is shown as a statement rather than a control.\n \n Sharing is one-way by design, and the reason is in the data model rather than the UI.\n * NULL-means-shared conflates \"shared\" with \"unowned\": the moment a folder is shared its\n * `OwnerUserID` goes to NULL and there is no column anywhere recording who created it\n * (`Project` has `__mj_CreatedAt`, but no created-by). So `OwnerUserID = currentUser.ID`\n * on a shared folder is indistinguishable from any other user claiming it — the system\n * cannot tell reclaiming from appropriating, which makes \"take it back\" an affordance\n * that was never really there.\n \n What that would cost on day one is the deciding argument. Every folder that exists\n * today carries NULL, so without this the whole team's folder structure — subfolders\n * included — is one radio button away from belonging to whichever person opens its\n * settings first. A confirm does not fix that; it only narrates it.\n \n Personal -> shared stays available, because it only ever adds. Someone who wants a\n * private copy makes a private folder. If personal folders later grow features that need\n * a stable creator (sharing with named users, transfer, recovering a departed employee's\n * folders), the fix is a separate IsShared flag so ownership stops being erased by\n * sharing — a bigger change, and deliberately not this one.\n /\n public get VisibilityIsLocked(): boolean {\n return this.IsEditMode && !this.Project?.OwnerUserID;\n }\n\n /* Translucent tint of the selected color, used behind the preview/icon glyph. /\n public get ChipBackground(): string {\n const hex = this.FormData.color \|\| '#0076B6';\n // 8-digit hex (#RRGGBBAA) — ~14% alpha tint of the chosen color\n return /^#[0-9a-fA-F]{6}$/.test(hex) ? `${hex}24` : hex;\n }\n\n /* @deprecated Use {@link ChipBackground}. /\n public get chipBackground(): string {\n return this.ChipBackground;\n }\n\n constructor(private cdr: ChangeDetectorRef) {\n super();}\n\n ngOnInit(): void {\n this.IsEditMode = this.Project != null;\n\n if (this.Project) {\n this.loadProjectData();\n }\n }\n\n private loadProjectData(): void {\n if (!this.Project) return;\n\n this.FormData = {\n name: this.Project.Name \|\| '',\n description: this.Project.Description \|\| '',\n color: this.Project.Color \|\| '#0076B6',\n icon: this.Project.Icon \|\| 'fa-folder',\n // Reflect what the folder IS, not the create-time default — otherwise opening\n // a shared folder's settings and pressing Save would silently make it private.\n isPersonal: !!this.Project.OwnerUserID\n };\n }\n\n SelectColor(color: string): void {\n this.FormData.color = color;\n this.cdr.detectChanges();\n }\n\n /* @deprecated Use {@link SelectColor}. /\n selectColor(color: string): void {\n return this.SelectColor(color);\n }\n\n SelectIcon(icon: string): void {\n this.FormData.icon = icon;\n this.cdr.detectChanges();\n }\n\n /* @deprecated Use {@link SelectIcon}. /\n selectIcon(icon: string): void {\n return this.SelectIcon(icon);\n }\n\n async OnSave(): Promise<void> {\n // Validate\n if (!this.FormData.name.trim()) {\n this.ShowNameError = true;\n this.cdr.detectChanges();\n return;\n }\n\n this.ShowNameError = false;\n\n try {\n const md = this.ProviderToUse;\n\n // A shared folder cannot be taken private — the control is not rendered for one\n // (see VisibilityIsLocked). This is the same rule expressed where the write happens,\n // so a future template change, a stale `formData` from a reopened dialog, or anything\n // else that sets the flag cannot quietly appropriate a folder the whole team uses.\n // It resolves to the folder's CURRENT state, so it is a no-op in every other case.\n const isPersonal = this.VisibilityIsLocked ? false : this.FormData.isPersonal;\n\n const project = this.Project \|\| await md.GetEntityObject<MJProjectEntity>('MJ: Projects', this.CurrentUser);\n\n project.Name = this.FormData.name.trim();\n project.Description = this.FormData.description.trim() \|\| null;\n project.Color = this.FormData.color;\n project.Icon = this.FormData.icon;\n\n // Settable on edit, in one direction: a personal folder can be shared with the team.\n // Null means shared, which is what every folder created before this column existed\n // carries — and, because sharing erases the owner, is also why the reverse is not on\n // offer. See VisibilityIsLocked.\n project.OwnerUserID = isPersonal ? this.CurrentUser.ID : null;\n\n if (!this.IsEditMode) {\n project.EnvironmentID = this.EnvironmentId;\n project.IsArchived = false;\n if (this.ParentId) {\n project.ParentID = this.ParentId;\n }\n }\n\n const saved = await project.Save();\n if (saved) {\n this.ProjectSaved.emit(project);\n this.DialogRef.Close();\n } else {\n // Save() records WHY it refused on LatestResult and returns false — a\n // server refusal, a constraint violation, a failed validation. Reporting\n // a generic message here would throw the only copy of that reason away.\n throw new Error(project.LatestResult?.CompleteMessage \|\| 'The save was refused with no reason given.');\n }\n } catch (error) {\n console.error('Error saving project:', error);\n const reason = error instanceof Error ? error.message : String(error);\n alert(`Failed to save folder.\\n\\n${reason}`);\n }\n }\n\n /* @deprecated Use {@link OnSave}. */\n async onSave(): Promise<void> {\n return this.OnSave();\n }\n\n onCancel(): void {\n this.DialogRef.Close();\n }\n}\n"]}

package/dist/lib/components/project/project-selector.component.d.ts CHANGED Viewed

@@ -12,27 +12,97 @@ export declare class ProjectSelectorComponent extends BaseAngularComponent imple
     private dialogService;
     private mjDialogService;
     private viewContainerRef;
-    environmentId: string;
-    currentUser: UserInfo;
-    selectedProjectId: string | null;
-    disabled: boolean;
-    showStats: boolean;
+    EnvironmentId: string;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value: string);
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId(): string;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
+    SelectedProjectId: string | null;
+    /** @deprecated Use {@link SelectedProjectId}. */
+    set selectedProjectId(value: string | null);
+    /** @deprecated Use {@link SelectedProjectId}. */
+    get selectedProjectId(): string | null;
+    Disabled: boolean;
+    /** @deprecated Use {@link Disabled}. */
+    set disabled(value: boolean);
+    /** @deprecated Use {@link Disabled}. */
+    get disabled(): boolean;
+    ShowStats: boolean;
+    /** @deprecated Use {@link ShowStats}. */
+    set showStats(value: boolean);
+    /** @deprecated Use {@link ShowStats}. */
+    get showStats(): boolean;
+    ProjectSelected: EventEmitter<MJProjectEntity | null>;
+    /**
+     * @deprecated Use {@link ProjectSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectSelected) keeps working. Must stay AFTER ProjectSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     projectSelected: EventEmitter<MJProjectEntity | null>;
+    ProjectCreated: EventEmitter<MJProjectEntity>;
+    /**
+     * @deprecated Use {@link ProjectCreated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectCreated) keeps working. Must stay AFTER ProjectCreated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     projectCreated: EventEmitter<MJProjectEntity>;
+    ProjectUpdated: EventEmitter<MJProjectEntity>;
+    /**
+     * @deprecated Use {@link ProjectUpdated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectUpdated) keeps working. Must stay AFTER ProjectUpdated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     projectUpdated: EventEmitter<MJProjectEntity>;
+    ProjectDeleted: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link ProjectDeleted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectDeleted) keeps working. Must stay AFTER ProjectDeleted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     projectDeleted: EventEmitter<string>;
-    projectsWithStats: ProjectWithStats[];
-    selectedProject: MJProjectEntity | null;
+    ProjectsWithStats: ProjectWithStats[];
+    /** @deprecated Use {@link ProjectsWithStats}. */
+    get projectsWithStats(): ProjectWithStats[];
+    /** @deprecated Use {@link ProjectsWithStats}. */
+    set projectsWithStats(value: ProjectWithStats[]);
+    SelectedProject: MJProjectEntity | null;
+    /** @deprecated Use {@link SelectedProject}. */
+    get selectedProject(): MJProjectEntity | null;
+    /** @deprecated Use {@link SelectedProject}. */
+    set selectedProject(value: MJProjectEntity | null);
     constructor(dialogService: DialogService, mjDialogService: MJDialogService, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     private loadProjects;
     private calculateConversationCounts;
+    OnProjectChange(project: MJProjectEntity | null): void;
+    /** @deprecated Use {@link OnProjectChange}. */
     onProjectChange(project: MJProjectEntity | null): void;
+    OnProjectSelectChange(projectId: string): void;
+    /** @deprecated Use {@link OnProjectSelectChange}. */
     onProjectSelectChange(projectId: string): void;
+    OnCreateProject(): void;
+    /** @deprecated Use {@link OnCreateProject}. */
     onCreateProject(): void;
+    OnEditProject(): void;
+    /** @deprecated Use {@link OnEditProject}. */
     onEditProject(): void;
+    OnDeleteProject(): Promise<void>;
+    /** @deprecated Use {@link OnDeleteProject}. */
     onDeleteProject(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProjectSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProjectSelectorComponent, "mj-project-selector", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "selectedProjectId": { "alias": "selectedProjectId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showStats": { "alias": "showStats"; "required": false; }; }, { "projectSelected": "projectSelected"; "projectCreated": "projectCreated"; "projectUpdated": "projectUpdated"; "projectDeleted": "projectDeleted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProjectSelectorComponent, "mj-project-selector", never, { "EnvironmentId": { "alias": "EnvironmentId"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "SelectedProjectId": { "alias": "SelectedProjectId"; "required": false; }; "selectedProjectId": { "alias": "selectedProjectId"; "required": false; }; "Disabled": { "alias": "Disabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ShowStats": { "alias": "ShowStats"; "required": false; }; "showStats": { "alias": "showStats"; "required": false; }; }, { "ProjectSelected": "ProjectSelected"; "projectSelected": "projectSelected"; "ProjectCreated": "ProjectCreated"; "projectCreated": "projectCreated"; "ProjectUpdated": "ProjectUpdated"; "projectUpdated": "projectUpdated"; "ProjectDeleted": "ProjectDeleted"; "projectDeleted": "projectDeleted"; }, never, never, false, never>;
 }
 //# sourceMappingURL=project-selector.component.d.ts.map

package/dist/lib/components/project/project-selector.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"project-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/project/project-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,eAAe,~~EAAwB~~,MAAM,+BAA+B,CAAC;~~AACtF~~,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAI9D,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,qBA0Fa,wBAAyB,SAAQ,oBAAqB,YAAW,MAAM;~~IAgBhF~~,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,gBAAgB;~~IAjBjB~~,aAAa,EAAG,MAAM,CAAC;~~IACvB~~,WAAW,EAAG,QAAQ,CAAC;~~IACvB~~,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;~~IACxC~~,QAAQ,EAAE,OAAO,CAAS;~~IAC1B~~,SAAS,EAAE,OAAO,CAAQ;~~IAEzB~~,eAAe,uCAA8C;~~IAC7D~~,cAAc,gCAAuC;~~IACrD~~,cAAc,~~gCAAuC~~;~~IACrD~~,cAAc,~~uBAA8B~~;IAE/C,iBAAiB,EAAE,gBAAgB,EAAE,CAAM;~~IAC3C~~,eAAe,EAAE,eAAe,GAAG,IAAI,CAAQ;~~gBAG5C~~,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB;IAI5C,QAAQ;YAIM,YAAY;~~IA0C1B~~,OAAO,CAAC,2BAA2B;IAYnC,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAKtD,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAK9C,eAAe,IAAI,IAAI;IAoBvB,aAAa,IAAI,IAAI;~~IAuBf~~,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;~~yCArI3B~~,wBAAwB;2CAAxB,wBAAwB;~~CA8KpC~~"}
1	+ {"version":3,"file":"project-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/project/project-selector.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/project/project-selector.component.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { BuildProjectVisibilityFilter } from '@memberjunction/core-entities';
 import { RunView } from '@memberjunction/core';
 import { ProjectFormModalComponent } from './project-form-modal.component';
 import { UUIDsEqual } from '@memberjunction/global';
@@ -39,17 +40,105 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
     dialogService;
     mjDialogService;
     viewContainerRef;
-    environmentId;
-    currentUser;
-    selectedProjectId = null;
-    disabled = false;
-    showStats = true;
-    projectSelected = new EventEmitter();
-    projectCreated = new EventEmitter();
-    projectUpdated = new EventEmitter();
-    projectDeleted = new EventEmitter();
-    projectsWithStats = [];
-    selectedProject = null;
+    EnvironmentId;
+    /** @deprecated Use {@link EnvironmentId}. */
+    set environmentId(value) {
+        this.EnvironmentId = value;
+    }
+    /** @deprecated Use {@link EnvironmentId}. */
+    get environmentId() {
+        return this.EnvironmentId;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    SelectedProjectId = null;
+    /** @deprecated Use {@link SelectedProjectId}. */
+    set selectedProjectId(value) {
+        this.SelectedProjectId = value;
+    }
+    /** @deprecated Use {@link SelectedProjectId}. */
+    get selectedProjectId() {
+        return this.SelectedProjectId;
+    }
+    Disabled = false;
+    /** @deprecated Use {@link Disabled}. */
+    set disabled(value) {
+        this.Disabled = value;
+    }
+    /** @deprecated Use {@link Disabled}. */
+    get disabled() {
+        return this.Disabled;
+    }
+    ShowStats = true;
+    /** @deprecated Use {@link ShowStats}. */
+    set showStats(value) {
+        this.ShowStats = value;
+    }
+    /** @deprecated Use {@link ShowStats}. */
+    get showStats() {
+        return this.ShowStats;
+    }
+    ProjectSelected = new EventEmitter();
+    /**
+     * @deprecated Use {@link ProjectSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectSelected) keeps working. Must stay AFTER ProjectSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    projectSelected = this.ProjectSelected;
+    ProjectCreated = new EventEmitter();
+    /**
+     * @deprecated Use {@link ProjectCreated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectCreated) keeps working. Must stay AFTER ProjectCreated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    projectCreated = this.ProjectCreated;
+    ProjectUpdated = new EventEmitter();
+    /**
+     * @deprecated Use {@link ProjectUpdated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectUpdated) keeps working. Must stay AFTER ProjectUpdated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    projectUpdated = this.ProjectUpdated;
+    ProjectDeleted = new EventEmitter();
+    /**
+     * @deprecated Use {@link ProjectDeleted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (projectDeleted) keeps working. Must stay AFTER ProjectDeleted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    projectDeleted = this.ProjectDeleted;
+    ProjectsWithStats = [];
+    /** @deprecated Use {@link ProjectsWithStats}. */
+    get projectsWithStats() {
+        return this.ProjectsWithStats;
+    }
+    /** @deprecated Use {@link ProjectsWithStats}. */
+    set projectsWithStats(value) {
+        this.ProjectsWithStats = value;
+    }
+    SelectedProject = null;
+    /** @deprecated Use {@link SelectedProject}. */
+    get selectedProject() {
+        return this.SelectedProject;
+    }
+    /** @deprecated Use {@link SelectedProject}. */
+    set selectedProject(value) {
+        this.SelectedProject = value;
+    }
     constructor(dialogService, mjDialogService, viewContainerRef) {
         super();
         this.dialogService = dialogService;
@@ -66,29 +155,33 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
             const [projectsResult, conversationsResult] = await rv.RunViews([
                 {
                     EntityName: 'MJ: Projects',
-                    ExtraFilter: `EnvironmentID='${this.environmentId}' AND IsArchived=0`,
+                    // Shared folders plus this user's own — the SAME rule the sidebar uses. Without
+                    // it this modal listed every personal folder in the environment by name, which
+                    // is the exposure OwnerUserID exists to close.
+                    ExtraFilter: `EnvironmentID='${this.EnvironmentId}' AND IsArchived=0`
+                        + ` AND ${BuildProjectVisibilityFilter(this.CurrentUser?.ID)}`,
                     OrderBy: 'Name ASC',
                     ResultType: 'entity_object'
                 },
                 {
                     EntityName: 'MJ: Conversations',
-                    ExtraFilter: `EnvironmentID='${this.environmentId}'`,
+                    ExtraFilter: `EnvironmentID='${this.EnvironmentId}'`,
                     ResultType: 'entity_object'
                 }
-            ], this.currentUser);
+            ], this.CurrentUser);
             if (projectsResult.Success && conversationsResult.Success) {
                 const projects = projectsResult.Results || [];
                 const conversations = conversationsResult.Results || [];
                 // Calculate conversation counts per project
                 const conversationCounts = this.calculateConversationCounts(conversations);
                 // Merge projects with stats
-                this.projectsWithStats = projects.map(p => {
+                this.ProjectsWithStats = projects.map(p => {
                     const projectWithStats = p;
                     projectWithStats.conversationCount = conversationCounts.get(p.ID) || 0;
                     return projectWithStats;
                 });
-                if (this.selectedProjectId) {
-                    this.selectedProject = this.projectsWithStats.find(p => UUIDsEqual(p.ID, this.selectedProjectId)) || null;
+                if (this.SelectedProjectId) {
+                    this.SelectedProject = this.ProjectsWithStats.find(p => UUIDsEqual(p.ID, this.SelectedProjectId)) || null;
                 }
             }
         }
@@ -105,15 +198,23 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
         }
         return counts;
     }
+    OnProjectChange(project) {
+        this.SelectedProject = project;
+        this.ProjectSelected.emit(project);
+    }
+    /** @deprecated Use {@link OnProjectChange}. */
     onProjectChange(project) {
-        this.selectedProject = project;
-        this.projectSelected.emit(project);
+        return this.OnProjectChange(project);
     }
+    OnProjectSelectChange(projectId) {
+        const project = this.ProjectsWithStats.find(p => UUIDsEqual(p.ID, projectId)) || null;
+        this.OnProjectChange(project);
+    }
+    /** @deprecated Use {@link OnProjectSelectChange}. */
     onProjectSelectChange(projectId) {
-        const project = this.projectsWithStats.find(p => UUIDsEqual(p.ID, projectId)) || null;
-        this.onProjectChange(project);
+        return this.OnProjectSelectChange(projectId);
     }
-    onCreateProject() {
+    OnCreateProject() {
         const dialogRef = this.mjDialogService.open({
             content: ProjectFormModalComponent,
             width: 600,
@@ -121,17 +222,21 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
         });
         const modalInstance = dialogRef.Content.instance;
         modalInstance.dialogRef = dialogRef;
-        modalInstance.environmentId = this.environmentId;
-        modalInstance.currentUser = this.currentUser;
+        modalInstance.environmentId = this.EnvironmentId;
+        modalInstance.currentUser = this.CurrentUser;
         modalInstance.projectSaved.subscribe(async (project) => {
-            this.projectCreated.emit(project);
+            this.ProjectCreated.emit(project);
             await this.loadProjects();
-            this.selectedProject = project;
-            this.projectSelected.emit(project);
+            this.SelectedProject = project;
+            this.ProjectSelected.emit(project);
         });
     }
-    onEditProject() {
-        if (!this.selectedProject)
+    /** @deprecated Use {@link OnCreateProject}. */
+    onCreateProject() {
+        return this.OnCreateProject();
+    }
+    OnEditProject() {
+        if (!this.SelectedProject)
             return;
         const dialogRef = this.mjDialogService.open({
             content: ProjectFormModalComponent,
@@ -140,22 +245,26 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
         });
         const modalInstance = dialogRef.Content.instance;
         modalInstance.dialogRef = dialogRef;
-        modalInstance.project = this.selectedProject;
-        modalInstance.environmentId = this.environmentId;
-        modalInstance.currentUser = this.currentUser;
+        modalInstance.project = this.SelectedProject;
+        modalInstance.environmentId = this.EnvironmentId;
+        modalInstance.currentUser = this.CurrentUser;
         modalInstance.projectSaved.subscribe(async (project) => {
-            this.projectUpdated.emit(project);
+            this.ProjectUpdated.emit(project);
             await this.loadProjects();
-            this.selectedProject = project;
-            this.projectSelected.emit(project);
+            this.SelectedProject = project;
+            this.ProjectSelected.emit(project);
         });
     }
-    async onDeleteProject() {
-        if (!this.selectedProject)
+    /** @deprecated Use {@link OnEditProject}. */
+    onEditProject() {
+        return this.OnEditProject();
+    }
+    async OnDeleteProject() {
+        if (!this.SelectedProject)
             return;
-        const projectName = this.selectedProject.Name;
-        const projectId = this.selectedProject.ID;
-        const conversationCount = this.selectedProject.conversationCount || 0;
+        const projectName = this.SelectedProject.Name;
+        const projectId = this.SelectedProject.ID;
+        const conversationCount = this.SelectedProject.conversationCount || 0;
         let message = `Are you sure you want to delete the project "${projectName}"?`;
         if (conversationCount > 0) {
             message += `\n\nThis project has ${conversationCount} conversation(s). The conversations will not be deleted, but will be unassigned from this project.`;
@@ -171,14 +280,14 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
             return;
         try {
             const md = this.ProviderToUse;
-            const project = await md.GetEntityObject('MJ: Projects', this.currentUser);
+            const project = await md.GetEntityObject('MJ: Projects', this.CurrentUser);
             await project.Load(projectId);
             const deleted = await project.Delete();
             if (deleted) {
-                this.projectDeleted.emit(projectId);
+                this.ProjectDeleted.emit(projectId);
                 await this.loadProjects();
-                this.selectedProject = null;
-                this.projectSelected.emit(null);
+                this.SelectedProject = null;
+                this.ProjectSelected.emit(null);
             }
             else {
                 throw new Error('Delete operation returned false');
@@ -189,8 +298,12 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
             await this.dialogService.alert('Error', 'Failed to delete project. Please try again.');
         }
     }
+    /** @deprecated Use {@link OnDeleteProject}. */
+    async onDeleteProject() {
+        return this.OnDeleteProject();
+    }
     static ɵfac = function ProjectSelectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProjectSelectorComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.MJDialogService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectSelectorComponent, selectors: [["mj-project-selector"]], inputs: { environmentId: "environmentId", currentUser: "currentUser", selectedProjectId: "selectedProjectId", disabled: "disabled", showStats: "showStats" }, outputs: { projectSelected: "projectSelected", projectCreated: "projectCreated", projectUpdated: "projectUpdated", projectDeleted: "projectDeleted" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "project-selector"], [1, "mj-select", "project-dropdown", 3, "ngModelChange", "ngModel", "disabled"], ["value", "", "disabled", ""], [3, "value"], [1, "project-actions"], ["mjButton", "", "variant", "primary", "size", "sm", "title", "Create New Project", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit Project", 3, "click", "disabled"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Delete Project", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"]], template: function ProjectSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectSelectorComponent, selectors: [["mj-project-selector"]], inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", CurrentUser: "CurrentUser", currentUser: "currentUser", SelectedProjectId: "SelectedProjectId", selectedProjectId: "selectedProjectId", Disabled: "Disabled", disabled: "disabled", ShowStats: "ShowStats", showStats: "showStats" }, outputs: { ProjectSelected: "ProjectSelected", projectSelected: "projectSelected", ProjectCreated: "ProjectCreated", projectCreated: "projectCreated", ProjectUpdated: "ProjectUpdated", projectUpdated: "projectUpdated", ProjectDeleted: "ProjectDeleted", projectDeleted: "projectDeleted" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "project-selector"], [1, "mj-select", "project-dropdown", 3, "ngModelChange", "ngModel", "disabled"], ["value", "", "disabled", ""], [3, "value"], [1, "project-actions"], ["mjButton", "", "variant", "primary", "size", "sm", "title", "Create New Project", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit Project", 3, "click", "disabled"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Delete Project", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"]], template: function ProjectSelectorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "select", 1);
             i0.ɵɵlistener("ngModelChange", function ProjectSelectorComponent_Template_select_ngModelChange_1_listener($event) { return ctx.onProjectSelectChange($event); });
             i0.ɵɵelementStart(2, "option", 2);
@@ -260,22 +373,40 @@ export class ProjectSelectorComponent extends BaseAngularComponent {
       </div>
     </div>
   `, styles: ["\n    .project-selector {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    }\n    .project-dropdown {\n      flex: 1;\n      min-width: 200px;\n    }\n    .project-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n    }\n    .project-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    .project-name {\n      font-weight: 500;\n      color: #333;\n    }\n    .project-stats {\n      font-size: 12px;\n      color: #666;\n    }\n    .project-actions {\n      display: flex;\n      gap: 4px;\n    }\n    .btn-icon {\n      min-width: auto;\n      padding: 6px 8px;\n    }\n    .btn-danger:hover:not(:disabled) {\n      background-color: #F44336;\n      border-color: #F44336;\n      color: white;\n    }\n  "] }]
-    }], () => [{ type: i1.DialogService }, { type: i2.MJDialogService }, { type: i0.ViewContainerRef }], { environmentId: [{
+    }], () => [{ type: i1.DialogService }, { type: i2.MJDialogService }, { type: i0.ViewContainerRef }], { EnvironmentId: [{
+            type: Input
+        }], environmentId: [{
+            type: Input
+        }], CurrentUser: [{
             type: Input
         }], currentUser: [{
             type: Input
+        }], SelectedProjectId: [{
+            type: Input
         }], selectedProjectId: [{
             type: Input
+        }], Disabled: [{
+            type: Input
         }], disabled: [{
             type: Input
+        }], ShowStats: [{
+            type: Input
         }], showStats: [{
             type: Input
+        }], ProjectSelected: [{
+            type: Output
         }], projectSelected: [{
             type: Output
+        }], ProjectCreated: [{
+            type: Output
         }], projectCreated: [{
             type: Output
+        }], ProjectUpdated: [{
+            type: Output
         }], projectUpdated: [{
             type: Output
+        }], ProjectDeleted: [{
+            type: Output
         }], projectDeleted: [{
             type: Output
         }] }); })();