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

package/dist/lib/components/global-tasks/global-tasks-panel.component.js

@@ -96,19 +96,43 @@ function GlobalTasksPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
  */
 export class GlobalTasksPanelComponent {
     activeTasksService;
-    tasks = [];
-    isMinimized = false;
+    Tasks = [];
+    /** @deprecated Use {@link Tasks}. */
+    get tasks() {
+        return this.Tasks;
+    }
+    /** @deprecated Use {@link Tasks}. */
+    set tasks(value) {
+        this.Tasks = value;
+    }
+    IsMinimized = false;
+    /** @deprecated Use {@link IsMinimized}. */
+    get isMinimized() {
+        return this.IsMinimized;
+    }
+    /** @deprecated Use {@link IsMinimized}. */
+    set isMinimized(value) {
+        this.IsMinimized = value;
+    }
     destroy$ = new Subject();
-    taskClicked = new EventEmitter();
+    TaskClicked = new EventEmitter();
+    /**
+     * @deprecated Use {@link TaskClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    taskClicked = this.TaskClicked;
     constructor(activeTasksService) {
         this.activeTasksService = activeTasksService;
     }
     ngOnInit() {
         // Subscribe to active tasks
         this.activeTasksService.tasks$.pipe(takeUntil(this.destroy$)).subscribe(tasks => {
-            this.tasks = tasks;
+            this.Tasks = tasks;
             // Auto-expand if tasks appear and panel was minimized
-            if (this.tasks.length > 0 && this.isMinimized) {
+            if (this.Tasks.length > 0 && this.IsMinimized) {
                 // Keep minimized, let user expand manually
             }
         });
@@ -117,21 +141,37 @@ export class GlobalTasksPanelComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    Expand() {
+        this.IsMinimized = false;
+    }
+    /** @deprecated Use {@link Expand}. */
     expand() {
-        this.isMinimized = false;
+        return this.Expand();
+    }
+    Minimize() {
+        this.IsMinimized = true;
     }
+    /** @deprecated Use {@link Minimize}. */
     minimize() {
-        this.isMinimized = true;
+        return this.Minimize();
+    }
+    OnTaskClick(task) {
+        this.TaskClicked.emit(task);
     }
+    /** @deprecated Use {@link OnTaskClick}. */
     onTaskClick(task) {
-        this.taskClicked.emit(task);
+        return this.OnTaskClick(task);
     }
-    getTrimmedStatus(status) {
+    GetTrimmedStatus(status) {
         // Remove emojis and trim to 50 chars
         const cleaned = status.replace(/[\u{1F600}-\u{1F64F}]/gu, '').trim();
         return cleaned.length > 50 ? cleaned.substring(0, 47) + '...' : cleaned;
     }
-    getElapsedTime(task) {
+    /** @deprecated Use {@link GetTrimmedStatus}. */
+    getTrimmedStatus(status) {
+        return this.GetTrimmedStatus(status);
+    }
+    GetElapsedTime(task) {
         const elapsed = Date.now() - task.startTime;
         const seconds = Math.floor(elapsed / 1000);
         const minutes = Math.floor(seconds / 60);
@@ -146,8 +186,12 @@ export class GlobalTasksPanelComponent {
             return `${seconds}s`;
         }
     }
+    /** @deprecated Use {@link GetElapsedTime}. */
+    getElapsedTime(task) {
+        return this.GetElapsedTime(task);
+    }
     static ɵfac = function GlobalTasksPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GlobalTasksPanelComponent)(i0.ɵɵdirectiveInject(i1.ActiveTasksService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GlobalTasksPanelComponent, selectors: [["mj-global-tasks-panel"]], outputs: { taskClicked: "taskClicked" }, standalone: false, decls: 1, vars: 1, consts: [[1, "global-tasks-panel"], ["title", "View active tasks", 1, "minimized-badge"], [1, "expanded-panel"], ["title", "View active tasks", 1, "minimized-badge", 3, "click"], [1, "fas", "fa-bolt"], [1, "task-count"], [1, "panel-header"], [1, "header-left"], [1, "fas", "fa-circle-notch", "fa-spin"], ["title", "Minimize", 1, "minimize-btn", 3, "click"], [1, "fas", "fa-minus"], [1, "panel-content"], [1, "task-item"], [1, "task-item", 3, "click"], [1, "task-header"], [1, "fas", "fa-robot"], [1, "task-agent"], [1, "task-conversation"], [1, "task-status"], [1, "status-indicator", "active"], [1, "status-text"], [1, "task-elapsed"], [1, "fas", "fa-message"]], template: function GlobalTasksPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GlobalTasksPanelComponent, selectors: [["mj-global-tasks-panel"]], outputs: { TaskClicked: "TaskClicked", taskClicked: "taskClicked" }, standalone: false, decls: 1, vars: 1, consts: [[1, "global-tasks-panel"], ["title", "View active tasks", 1, "minimized-badge"], [1, "expanded-panel"], ["title", "View active tasks", 1, "minimized-badge", 3, "click"], [1, "fas", "fa-bolt"], [1, "task-count"], [1, "panel-header"], [1, "header-left"], [1, "fas", "fa-circle-notch", "fa-spin"], ["title", "Minimize", 1, "minimize-btn", 3, "click"], [1, "fas", "fa-minus"], [1, "panel-content"], [1, "task-item"], [1, "task-item", 3, "click"], [1, "task-header"], [1, "fas", "fa-robot"], [1, "task-agent"], [1, "task-conversation"], [1, "task-status"], [1, "status-indicator", "active"], [1, "status-text"], [1, "task-elapsed"], [1, "fas", "fa-message"]], template: function GlobalTasksPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, GlobalTasksPanelComponent_Conditional_0_Template, 3, 2, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.tasks.length > 0 ? 0 : -1);
@@ -206,7 +250,9 @@ export class GlobalTasksPanelComponent {
       </div>
     }
     `, styles: ["\n    .global-tasks-panel {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 9999;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    /* Minimized Badge */\n    .minimized-badge {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 50%;\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      box-shadow: var(--mj-shadow-md);\n      transition: all 0.3s ease;\n      position: relative;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    .minimized-badge:hover {\n      transform: scale(1.1);\n      box-shadow: var(--mj-shadow-lg);\n    }\n\n    .minimized-badge i {\n      font-size: 20px;\n      margin-right: 4px;\n    }\n\n    .minimized-badge .task-count {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border-radius: 50%;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 600;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: var(--mj-shadow-md);\n      }\n      50% {\n        box-shadow: var(--mj-shadow-lg);\n      }\n    }\n\n    /* Expanded Panel */\n    .expanded-panel {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 360px;\n      max-height: 480px;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      animation: slideIn 0.3s ease-out;\n    }\n\n    @keyframes slideIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px) scale(0.95);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      font-size: 14px;\n    }\n\n    .header-left i {\n      font-size: 16px;\n    }\n\n    .minimize-btn {\n      background: rgba(255, 255, 255, 0.2);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .minimize-btn:hover {\n      background: rgba(255, 255, 255, 0.3);\n    }\n\n    .panel-content {\n      overflow-y: auto;\n      max-height: 420px;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .task-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-item:last-child {\n      border-bottom: none;\n    }\n\n    .task-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .task-conversation {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .task-conversation i {\n      font-size: 11px;\n    }\n\n    .task-status {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n    }\n\n    .status-indicator {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .status-indicator.active {\n      background: var(--mj-status-success);\n      animation: blink 2s ease-in-out infinite;\n    }\n\n    @keyframes blink {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.4; }\n    }\n\n    .status-text {\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* Scrollbar Styling */\n    .panel-content::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .panel-content::-webkit-scrollbar-track {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-content::-webkit-scrollbar-thumb {\n      background: var(--mj-border-strong);\n      border-radius: 3px;\n    }\n\n    .panel-content::-webkit-scrollbar-thumb:hover {\n      background: var(--mj-text-disabled);\n    }\n  "] }]
-    }], () => [{ type: i1.ActiveTasksService }], { taskClicked: [{
+    }], () => [{ type: i1.ActiveTasksService }], { TaskClicked: [{
+            type: Output
+        }], taskClicked: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GlobalTasksPanelComponent, { className: "GlobalTasksPanelComponent", filePath: "src/lib/components/global-tasks/global-tasks-panel.component.ts", lineNumber: 300 }); })();

package/dist/lib/components/global-tasks/global-tasks-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-tasks-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/global-tasks/global-tasks-panel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Global floating tasks panel that shows all active tasks across all conversations\n * Appears in bottom-right corner, minimizable, shows only when tasks > 0\n */\n@Component({\n  standalone: false,\n  selector: 'mj-global-tasks-panel',\n  template: `\n    @if (tasks.length > 0) {\n      <div class=\"global-tasks-panel\">\n        <!-- Minimized State -->\n        @if (isMinimized) {\n          <button\n            class=\"minimized-badge\"\n            (click)=\"expand()\"\n            title=\"View active tasks\">\n            <i class=\"fas fa-bolt\"></i>\n            <span class=\"task-count\">{{ tasks.length }}</span>\n          </button>\n        }\n        <!-- Expanded State -->\n        @if (!isMinimized) {\n          <div class=\"expanded-panel\">\n            <div class=\"panel-header\">\n              <div class=\"header-left\">\n                <i class=\"fas fa-circle-notch fa-spin\"></i>\n                <span>Active Tasks ({{ tasks.length }})</span>\n              </div>\n              <button class=\"minimize-btn\" (click)=\"minimize()\" title=\"Minimize\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n            <div class=\"panel-content\">\n              @for (task of tasks; track task) {\n                <div class=\"task-item\" (click)=\"onTaskClick(task)\">\n                  <div class=\"task-header\">\n                    <i class=\"fas fa-robot\"></i>\n                    <span class=\"task-agent\">{{ task.agentName }}</span>\n                  </div>\n                  @if (task.conversationName) {\n                    <div class=\"task-conversation\">\n                      <i class=\"fas fa-message\"></i>\n                      <span>{{ task.conversationName }}</span>\n                    </div>\n                  }\n                  <div class=\"task-status\">\n                    <span class=\"status-indicator active\"></span>\n                    <span class=\"status-text\">{{ getTrimmedStatus(task.status) }}</span>\n                  </div>\n                  <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    `,\n  styles: [`\n    .global-tasks-panel {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 9999;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    /* Minimized Badge */\n    .minimized-badge {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 50%;\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      box-shadow: var(--mj-shadow-md);\n      transition: all 0.3s ease;\n      position: relative;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    .minimized-badge:hover {\n      transform: scale(1.1);\n      box-shadow: var(--mj-shadow-lg);\n    }\n\n    .minimized-badge i {\n      font-size: 20px;\n      margin-right: 4px;\n    }\n\n    .minimized-badge .task-count {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border-radius: 50%;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 600;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: var(--mj-shadow-md);\n      }\n      50% {\n        box-shadow: var(--mj-shadow-lg);\n      }\n    }\n\n    /* Expanded Panel */\n    .expanded-panel {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 360px;\n      max-height: 480px;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      animation: slideIn 0.3s ease-out;\n    }\n\n    @keyframes slideIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px) scale(0.95);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      font-size: 14px;\n    }\n\n    .header-left i {\n      font-size: 16px;\n    }\n\n    .minimize-btn {\n      background: rgba(255, 255, 255, 0.2);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .minimize-btn:hover {\n      background: rgba(255, 255, 255, 0.3);\n    }\n\n    .panel-content {\n      overflow-y: auto;\n      max-height: 420px;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .task-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-item:last-child {\n      border-bottom: none;\n    }\n\n    .task-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .task-conversation {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .task-conversation i {\n      font-size: 11px;\n    }\n\n    .task-status {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n    }\n\n    .status-indicator {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .status-indicator.active {\n      background: var(--mj-status-success);\n      animation: blink 2s ease-in-out infinite;\n    }\n\n    @keyframes blink {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.4; }\n    }\n\n    .status-text {\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* Scrollbar Styling */\n    .panel-content::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .panel-content::-webkit-scrollbar-track {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-content::-webkit-scrollbar-thumb {\n      background: var(--mj-border-strong);\n      border-radius: 3px;\n    }\n\n    .panel-content::-webkit-scrollbar-thumb:hover {\n      background: var(--mj-text-disabled);\n    }\n  `]\n})\nexport class GlobalTasksPanelComponent implements OnInit, OnDestroy {\n  public tasks: ActiveTask[] = [];\n  public isMinimized: boolean = false;\n\n  private destroy$ = new Subject<void>();\n\n  @Output() taskClicked = new EventEmitter<ActiveTask>();\n\n  constructor(private activeTasksService: ActiveTasksService) {}\n\n  ngOnInit() {\n    // Subscribe to active tasks\n    this.activeTasksService.tasks$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(tasks => {\n      this.tasks = tasks;\n\n      // Auto-expand if tasks appear and panel was minimized\n      if (this.tasks.length > 0 && this.isMinimized) {\n        // Keep minimized, let user expand manually\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  expand() {\n    this.isMinimized = false;\n  }\n\n  minimize() {\n    this.isMinimized = true;\n  }\n\n  onTaskClick(task: ActiveTask) {\n    this.taskClicked.emit(task);\n  }\n\n  getTrimmedStatus(status: string): string {\n    // Remove emojis and trim to 50 chars\n    const cleaned = status.replace(/[\\u{1F600}-\\u{1F64F}]/gu, '').trim();\n    return cleaned.length > 50 ? cleaned.substring(0, 47) + '...' : cleaned;\n  }\n\n  getElapsedTime(task: ActiveTask): string {\n    const elapsed = Date.now() - task.startTime;\n    const seconds = Math.floor(elapsed / 1000);\n    const minutes = Math.floor(seconds / 60);\n    const hours = Math.floor(minutes / 60);\n\n    if (hours > 0) {\n      return `${hours}h ${minutes % 60}m`;\n    } else if (minutes > 0) {\n      return `${minutes}m ${seconds % 60}s`;\n    } else {\n      return `${seconds}s`;\n    }\n  }\n}\n"]}
+{"version":3,"file":"global-tasks-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/global-tasks/global-tasks-panel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Global floating tasks panel that shows all active tasks across all conversations\n * Appears in bottom-right corner, minimizable, shows only when tasks > 0\n */\n@Component({\n  standalone: false,\n  selector: 'mj-global-tasks-panel',\n  template: `\n    @if (tasks.length > 0) {\n      <div class=\"global-tasks-panel\">\n        <!-- Minimized State -->\n        @if (isMinimized) {\n          <button\n            class=\"minimized-badge\"\n            (click)=\"expand()\"\n            title=\"View active tasks\">\n            <i class=\"fas fa-bolt\"></i>\n            <span class=\"task-count\">{{ tasks.length }}</span>\n          </button>\n        }\n        <!-- Expanded State -->\n        @if (!isMinimized) {\n          <div class=\"expanded-panel\">\n            <div class=\"panel-header\">\n              <div class=\"header-left\">\n                <i class=\"fas fa-circle-notch fa-spin\"></i>\n                <span>Active Tasks ({{ tasks.length }})</span>\n              </div>\n              <button class=\"minimize-btn\" (click)=\"minimize()\" title=\"Minimize\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n            <div class=\"panel-content\">\n              @for (task of tasks; track task) {\n                <div class=\"task-item\" (click)=\"onTaskClick(task)\">\n                  <div class=\"task-header\">\n                    <i class=\"fas fa-robot\"></i>\n                    <span class=\"task-agent\">{{ task.agentName }}</span>\n                  </div>\n                  @if (task.conversationName) {\n                    <div class=\"task-conversation\">\n                      <i class=\"fas fa-message\"></i>\n                      <span>{{ task.conversationName }}</span>\n                    </div>\n                  }\n                  <div class=\"task-status\">\n                    <span class=\"status-indicator active\"></span>\n                    <span class=\"status-text\">{{ getTrimmedStatus(task.status) }}</span>\n                  </div>\n                  <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n    `,\n  styles: [`\n    .global-tasks-panel {\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n      z-index: 9999;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    /* Minimized Badge */\n    .minimized-badge {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 50%;\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      box-shadow: var(--mj-shadow-md);\n      transition: all 0.3s ease;\n      position: relative;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    .minimized-badge:hover {\n      transform: scale(1.1);\n      box-shadow: var(--mj-shadow-lg);\n    }\n\n    .minimized-badge i {\n      font-size: 20px;\n      margin-right: 4px;\n    }\n\n    .minimized-badge .task-count {\n      position: absolute;\n      top: -4px;\n      right: -4px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border-radius: 50%;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 600;\n      border: 2px solid var(--mj-bg-surface);\n    }\n\n    @keyframes pulse {\n      0%, 100% {\n        box-shadow: var(--mj-shadow-md);\n      }\n      50% {\n        box-shadow: var(--mj-shadow-lg);\n      }\n    }\n\n    /* Expanded Panel */\n    .expanded-panel {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 360px;\n      max-height: 480px;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      animation: slideIn 0.3s ease-out;\n    }\n\n    @keyframes slideIn {\n      from {\n        opacity: 0;\n        transform: translateY(20px) scale(0.95);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      font-size: 14px;\n    }\n\n    .header-left i {\n      font-size: 16px;\n    }\n\n    .minimize-btn {\n      background: rgba(255, 255, 255, 0.2);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .minimize-btn:hover {\n      background: rgba(255, 255, 255, 0.3);\n    }\n\n    .panel-content {\n      overflow-y: auto;\n      max-height: 420px;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .task-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-item:last-child {\n      border-bottom: none;\n    }\n\n    .task-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .task-conversation {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .task-conversation i {\n      font-size: 11px;\n    }\n\n    .task-status {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n    }\n\n    .status-indicator {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .status-indicator.active {\n      background: var(--mj-status-success);\n      animation: blink 2s ease-in-out infinite;\n    }\n\n    @keyframes blink {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.4; }\n    }\n\n    .status-text {\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* Scrollbar Styling */\n    .panel-content::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .panel-content::-webkit-scrollbar-track {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-content::-webkit-scrollbar-thumb {\n      background: var(--mj-border-strong);\n      border-radius: 3px;\n    }\n\n    .panel-content::-webkit-scrollbar-thumb:hover {\n      background: var(--mj-text-disabled);\n    }\n  `]\n})\nexport class GlobalTasksPanelComponent implements OnInit, OnDestroy {\n  public Tasks: ActiveTask[] = [];\n\n  /** @deprecated Use {@link Tasks}. */\n  public get tasks(): ActiveTask[] {\n    return this.Tasks;\n  }\n  /** @deprecated Use {@link Tasks}. */\n  public set tasks(value: ActiveTask[]) {\n    this.Tasks = value;\n  }\n  public IsMinimized: boolean = false;\n\n  /** @deprecated Use {@link IsMinimized}. */\n  public get isMinimized(): boolean {\n    return this.IsMinimized;\n  }\n  /** @deprecated Use {@link IsMinimized}. */\n  public set isMinimized(value: boolean) {\n    this.IsMinimized = value;\n  }\n\n  private destroy$ = new Subject<void>();\n\n  @Output() TaskClicked = new EventEmitter<ActiveTask>();\n\n  /**\n   * @deprecated Use {@link TaskClicked}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() taskClicked = this.TaskClicked;\n\n  constructor(private activeTasksService: ActiveTasksService) {}\n\n  ngOnInit() {\n    // Subscribe to active tasks\n    this.activeTasksService.tasks$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(tasks => {\n      this.Tasks = tasks;\n\n      // Auto-expand if tasks appear and panel was minimized\n      if (this.Tasks.length > 0 && this.IsMinimized) {\n        // Keep minimized, let user expand manually\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  Expand() {\n    this.IsMinimized = false;\n  }\n\n  /** @deprecated Use {@link Expand}. */\n  expand() {\n    return this.Expand();\n  }\n\n  Minimize() {\n    this.IsMinimized = true;\n  }\n\n  /** @deprecated Use {@link Minimize}. */\n  minimize() {\n    return this.Minimize();\n  }\n\n  OnTaskClick(task: ActiveTask) {\n    this.TaskClicked.emit(task);\n  }\n\n  /** @deprecated Use {@link OnTaskClick}. */\n  onTaskClick(task: ActiveTask) {\n    return this.OnTaskClick(task);\n  }\n\n  GetTrimmedStatus(status: string): string {\n    // Remove emojis and trim to 50 chars\n    const cleaned = status.replace(/[\\u{1F600}-\\u{1F64F}]/gu, '').trim();\n    return cleaned.length > 50 ? cleaned.substring(0, 47) + '...' : cleaned;\n  }\n\n  /** @deprecated Use {@link GetTrimmedStatus}. */\n  getTrimmedStatus(status: string): string {\n    return this.GetTrimmedStatus(status);\n  }\n\n  GetElapsedTime(task: ActiveTask): string {\n    const elapsed = Date.now() - task.startTime;\n    const seconds = Math.floor(elapsed / 1000);\n    const minutes = Math.floor(seconds / 60);\n    const hours = Math.floor(minutes / 60);\n\n    if (hours > 0) {\n      return `${hours}h ${minutes % 60}m`;\n    } else if (minutes > 0) {\n      return `${minutes}m ${seconds % 60}s`;\n    } else {\n      return `${seconds}s`;\n    }\n  }\n\n  /** @deprecated Use {@link GetElapsedTime}. */\n  getElapsedTime(task: ActiveTask): string {\n    return this.GetElapsedTime(task);\n  }\n}\n"]}

package/dist/lib/components/library/library-full-view.component.d.ts

@@ -8,30 +8,79 @@ import * as i0 from "@angular/core";
  * Replaces the main content area when Collections tab is selected
  */
 export declare class LibraryFullViewComponent extends BaseAngularComponent implements OnInit {
-    environmentId: string;
-    currentUser: UserInfo;
-    collections: MJCollectionEntity[];
-    filteredCollections: MJCollectionEntity[];
-    searchQuery: string;
+    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;
+    Collections: MJCollectionEntity[];
+    /** @deprecated Use {@link Collections}. */
+    get collections(): MJCollectionEntity[];
+    /** @deprecated Use {@link Collections}. */
+    set collections(value: MJCollectionEntity[]);
+    FilteredCollections: MJCollectionEntity[];
+    /** @deprecated Use {@link FilteredCollections}. */
+    get filteredCollections(): MJCollectionEntity[];
+    /** @deprecated Use {@link FilteredCollections}. */
+    set filteredCollections(value: MJCollectionEntity[]);
+    SearchQuery: string;
+    /** @deprecated Use {@link SearchQuery}. */
+    get searchQuery(): string;
+    /** @deprecated Use {@link SearchQuery}. */
+    set searchQuery(value: string);
     isLoading: boolean;
-    breadcrumbs: Array<{
+    Breadcrumbs: Array<{
         id: string;
         name: string;
     }>;
-    currentCollectionId: string | null;
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs(): Array<{
+        id: string;
+        name: string;
+    }>;
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value: Array<{
+        id: string;
+        name: string;
+    }>);
+    CurrentCollectionId: string | null;
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    get currentCollectionId(): string | null;
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    set currentCollectionId(value: string | null);
     constructor();
     ngOnInit(): void;
+    LoadCollections(): Promise<void>;
+    /** @deprecated Use {@link LoadCollections}. */
     loadCollections(): Promise<void>;
+    OnSearchChange(query: string): void;
+    /** @deprecated Use {@link OnSearchChange}. */
     onSearchChange(query: string): void;
     private applySearch;
+    OpenCollection(collection: MJCollectionEntity): void;
+    /** @deprecated Use {@link OpenCollection}. */
     openCollection(collection: MJCollectionEntity): void;
+    NavigateTo(crumb: {
+        id: string;
+        name: string;
+    }): void;
+    /** @deprecated Use {@link NavigateTo}. */
     navigateTo(crumb: {
         id: string;
         name: string;
     }): void;
+    NavigateToRoot(): void;
+    /** @deprecated Use {@link NavigateToRoot}. */
     navigateToRoot(): void;
+    Refresh(): void;
+    /** @deprecated Use {@link Refresh}. */
     refresh(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibraryFullViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibraryFullViewComponent, "mj-library-full-view", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibraryFullViewComponent, "mj-library-full-view", never, { "EnvironmentId": { "alias": "EnvironmentId"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=library-full-view.component.d.ts.map

package/dist/lib/components/library/library-full-view.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"library-full-view.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAEnE;;;GAGG;AACH,qBA+Qa,wBAAyB,SAAQ,oBAAqB,YAAW,MAAM;IACzE,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IAEzB,WAAW,EAAE,kBAAkB,EAAE,CAAM;IACvC,mBAAmB,EAAE,kBAAkB,EAAE,CAAM;IAC/C,WAAW,EAAE,MAAM,CAAM;IACzB,SAAS,EAAE,OAAO,CAAS;IAC3B,WAAW,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IACtD,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAQ;;IAKjD,QAAQ;IAIF,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IA6BtC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAInC,OAAO,CAAC,WAAW;IAYnB,cAAc,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI;IAOpD,UAAU,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAUrD,cAAc,IAAI,IAAI;IAOtB,OAAO,IAAI,IAAI;yCAvFJ,wBAAwB;2CAAxB,wBAAwB;CA0FpC"}
+{"version":3,"file":"library-full-view.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/library/library-full-view.component.js

@@ -83,35 +83,91 @@ function LibraryFullViewComponent_Conditional_17_Template(rf, ctx) { if (rf & 1)
  * Replaces the main content area when Collections tab is selected
  */
 export class LibraryFullViewComponent extends BaseAngularComponent {
-    environmentId;
-    currentUser;
-    collections = [];
-    filteredCollections = [];
-    searchQuery = '';
+    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;
+    }
+    Collections = [];
+    /** @deprecated Use {@link Collections}. */
+    get collections() {
+        return this.Collections;
+    }
+    /** @deprecated Use {@link Collections}. */
+    set collections(value) {
+        this.Collections = value;
+    }
+    FilteredCollections = [];
+    /** @deprecated Use {@link FilteredCollections}. */
+    get filteredCollections() {
+        return this.FilteredCollections;
+    }
+    /** @deprecated Use {@link FilteredCollections}. */
+    set filteredCollections(value) {
+        this.FilteredCollections = value;
+    }
+    SearchQuery = '';
+    /** @deprecated Use {@link SearchQuery}. */
+    get searchQuery() {
+        return this.SearchQuery;
+    }
+    /** @deprecated Use {@link SearchQuery}. */
+    set searchQuery(value) {
+        this.SearchQuery = value;
+    }
     isLoading = false;
-    breadcrumbs = [];
-    currentCollectionId = null;
+    Breadcrumbs = [];
+    /** @deprecated Use {@link Breadcrumbs}. */
+    get breadcrumbs() {
+        return this.Breadcrumbs;
+    }
+    /** @deprecated Use {@link Breadcrumbs}. */
+    set breadcrumbs(value) {
+        this.Breadcrumbs = value;
+    }
+    CurrentCollectionId = null;
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    get currentCollectionId() {
+        return this.CurrentCollectionId;
+    }
+    /** @deprecated Use {@link CurrentCollectionId}. */
+    set currentCollectionId(value) {
+        this.CurrentCollectionId = value;
+    }
     constructor() {
         super();
     }
     ngOnInit() {
-        this.loadCollections();
+        this.LoadCollections();
     }
-    async loadCollections() {
+    async LoadCollections() {
         this.isLoading = true;
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-            const filter = `EnvironmentID='${this.environmentId}'` +
-                (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');
+            const filter = `EnvironmentID='${this.EnvironmentId}'` +
+                (this.CurrentCollectionId ? ` AND ParentID='${this.CurrentCollectionId}'` : ' AND ParentID IS NULL');
             const result = await rv.RunView({
                 EntityName: 'MJ: Collections',
                 ExtraFilter: filter,
                 OrderBy: 'Name ASC',
                 MaxRows: 1000,
                 ResultType: 'entity_object'
-            }, this.currentUser);
+            }, this.CurrentUser);
             if (result.Success) {
-                this.collections = result.Results || [];
+                this.Collections = result.Results || [];
                 this.applySearch();
             }
         }
@@ -122,45 +178,69 @@ export class LibraryFullViewComponent extends BaseAngularComponent {
             this.isLoading = false;
         }
     }
-    onSearchChange(query) {
+    /** @deprecated Use {@link LoadCollections}. */
+    async loadCollections() {
+        return this.LoadCollections();
+    }
+    OnSearchChange(query) {
         this.applySearch();
     }
+    /** @deprecated Use {@link OnSearchChange}. */
+    onSearchChange(query) {
+        return this.OnSearchChange(query);
+    }
     applySearch() {
-        if (!this.searchQuery.trim()) {
-            this.filteredCollections = [...this.collections];
+        if (!this.SearchQuery.trim()) {
+            this.FilteredCollections = [...this.Collections];
         }
         else {
-            const query = this.searchQuery.toLowerCase();
-            this.filteredCollections = this.collections.filter(c => c.Name.toLowerCase().includes(query) ||
+            const query = this.SearchQuery.toLowerCase();
+            this.FilteredCollections = this.Collections.filter(c => c.Name.toLowerCase().includes(query) ||
                 (c.Description && c.Description.toLowerCase().includes(query)));
         }
     }
+    OpenCollection(collection) {
+        this.Breadcrumbs.push({ id: collection.ID, name: collection.Name });
+        this.CurrentCollectionId = collection.ID;
+        this.SearchQuery = '';
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link OpenCollection}. */
     openCollection(collection) {
-        this.breadcrumbs.push({ id: collection.ID, name: collection.Name });
-        this.currentCollectionId = collection.ID;
-        this.searchQuery = '';
-        this.loadCollections();
+        return this.OpenCollection(collection);
     }
-    navigateTo(crumb) {
-        const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);
+    NavigateTo(crumb) {
+        const index = this.Breadcrumbs.findIndex(b => b.id === crumb.id);
         if (index !== -1) {
-            this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);
-            this.currentCollectionId = crumb.id;
-            this.searchQuery = '';
-            this.loadCollections();
+            this.Breadcrumbs = this.Breadcrumbs.slice(0, index + 1);
+            this.CurrentCollectionId = crumb.id;
+            this.SearchQuery = '';
+            this.LoadCollections();
         }
     }
+    /** @deprecated Use {@link NavigateTo}. */
+    navigateTo(crumb) {
+        return this.NavigateTo(crumb);
+    }
+    NavigateToRoot() {
+        this.Breadcrumbs = [];
+        this.CurrentCollectionId = null;
+        this.SearchQuery = '';
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link NavigateToRoot}. */
     navigateToRoot() {
-        this.breadcrumbs = [];
-        this.currentCollectionId = null;
-        this.searchQuery = '';
-        this.loadCollections();
+        return this.NavigateToRoot();
     }
+    Refresh() {
+        this.LoadCollections();
+    }
+    /** @deprecated Use {@link Refresh}. */
     refresh() {
-        this.loadCollections();
+        return this.Refresh();
     }
     static ɵfac = function LibraryFullViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LibraryFullViewComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LibraryFullViewComponent, selectors: [["mj-library-full-view"]], inputs: { environmentId: "environmentId", currentUser: "currentUser" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 5, consts: [[1, "collections-view"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-search"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search collections and artifacts...", 1, "library-search-input", 3, "ngModelChange", "ngModel"], [1, "collections-actions"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], [1, "loading-state"], ["Icon", "fa-solid fa-folder-open", 3, "Variant", "Title"], [1, "library-folders"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading collections...", "size", "large"], [1, "library-folder"], [1, "library-folder", 3, "click"], [1, "folder-icon"], [1, "fas", "fa-folder"], [1, "folder-info"], [1, "folder-name"], [1, "folder-meta"]], template: function LibraryFullViewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LibraryFullViewComponent, selectors: [["mj-library-full-view"]], inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", CurrentUser: "CurrentUser", currentUser: "currentUser" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 18, vars: 5, consts: [[1, "collections-view"], [1, "collections-header"], [1, "collections-breadcrumb"], [1, "breadcrumb-item"], [1, "fas", "fa-home"], [1, "breadcrumb-link", 3, "click"], [1, "breadcrumb-path"], [1, "collections-search"], [1, "fas", "fa-search"], ["type", "text", "placeholder", "Search collections and artifacts...", 1, "library-search-input", 3, "ngModelChange", "ngModel"], [1, "collections-actions"], ["title", "Refresh", 1, "btn-secondary", 3, "click"], [1, "fas", "fa-sync"], [1, "collections-content"], [1, "loading-state"], ["Icon", "fa-solid fa-folder-open", 3, "Variant", "Title"], [1, "library-folders"], [1, "fas", "fa-chevron-right", "breadcrumb-separator"], ["text", "Loading collections...", "size", "large"], [1, "library-folder"], [1, "library-folder", 3, "click"], [1, "folder-icon"], [1, "fas", "fa-folder"], [1, "folder-info"], [1, "folder-name"], [1, "folder-meta"]], template: function LibraryFullViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵelement(4, "i", 4);
             i0.ɵɵelementStart(5, "a", 5);
@@ -270,7 +350,11 @@ export class LibraryFullViewComponent extends BaseAngularComponent {
       </div>
     </div>
     `, styles: ["\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  "] }]
-    }], () => [], { environmentId: [{
+    }], () => [], { EnvironmentId: [{
+            type: Input
+        }], environmentId: [{
+            type: Input
+        }], CurrentUser: [{
             type: Input
         }], currentUser: [{
             type: Input

package/dist/lib/components/library/library-full-view.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"library-full-view.component.js","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\n\n/**\n * Full-panel Collections view component\n * Replaces the main content area when Collections tab is selected\n */\n@Component({\n  standalone: false,\n  selector: 'mj-library-full-view',\n  template: `\n    <div class=\"collections-view\">\n      <div class=\"collections-header\">\n        <div class=\"collections-breadcrumb\">\n          <div class=\"breadcrumb-item\">\n            <i class=\"fas fa-home\"></i>\n            <a class=\"breadcrumb-link\" (click)=\"navigateToRoot()\">Collections</a>\n          </div>\n          @if (breadcrumbs.length > 0) {\n            <span class=\"breadcrumb-path\">\n              @for (crumb of breadcrumbs; track crumb; let last = $last) {\n                <i class=\"fas fa-chevron-right breadcrumb-separator\"></i>\n                <a class=\"breadcrumb-link\"\n                  [class.active]=\"last\"\n                  (click)=\"navigateTo(crumb)\">\n                  {{ crumb.name }}\n                </a>\n              }\n            </span>\n          }\n        </div>\n        <div class=\"collections-search\">\n          <i class=\"fas fa-search\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchQuery\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            placeholder=\"Search collections and artifacts...\"\n            class=\"library-search-input\">\n        </div>\n        <div class=\"collections-actions\">\n          <button class=\"btn-secondary\" (click)=\"refresh()\" title=\"Refresh\">\n            <i class=\"fas fa-sync\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"collections-content\">\n        @if (isLoading) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading collections...\" size=\"large\"></mj-loading>\n          </div>\n        }\n        @if (!isLoading && filteredCollections.length === 0) {\n          <mj-empty-state\n            [Variant]=\"searchQuery ? 'no-results' : 'empty'\"\n            Icon=\"fa-solid fa-folder-open\"\n            [Title]=\"searchQuery ? 'No collections found' : 'No collections yet'\" />\n        }\n        @if (!isLoading && filteredCollections.length > 0) {\n          <div class=\"library-folders\">\n            @for (collection of filteredCollections; track collection) {\n              <div\n                class=\"library-folder\"\n                (click)=\"openCollection(collection)\">\n                <div class=\"folder-icon\">\n                  <i class=\"fas fa-folder\"></i>\n                </div>\n                <div class=\"folder-info\">\n                  <div class=\"folder-name\">{{ collection.Name }}</div>\n                  @if (collection.Description) {\n                    <div class=\"folder-meta\">\n                      {{ collection.Description }}\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  `]\n})\nexport class LibraryFullViewComponent extends BaseAngularComponent implements OnInit  {\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n\n  public collections: MJCollectionEntity[] = [];\n  public filteredCollections: MJCollectionEntity[] = [];\n  public searchQuery: string = '';\n  public isLoading: boolean = false;\n  public breadcrumbs: Array<{ id: string; name: string }> = [];\n  public currentCollectionId: string | null = null;\n\n  constructor() {\n  super();}\n\n  ngOnInit() {\n    this.loadCollections();\n  }\n\n  async loadCollections(): Promise<void> {\n    this.isLoading = true;\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const filter = `EnvironmentID='${this.environmentId}'` +\n                     (this.currentCollectionId ? ` AND ParentID='${this.currentCollectionId}'` : ' AND ParentID IS NULL');\n\n      const result = await rv.RunView<MJCollectionEntity>(\n        {\n          EntityName: 'MJ: Collections',\n          ExtraFilter: filter,\n          OrderBy: 'Name ASC',\n          MaxRows: 1000,\n          ResultType: 'entity_object'\n        },\n        this.currentUser\n      );\n\n      if (result.Success) {\n        this.collections = result.Results || [];\n        this.applySearch();\n      }\n    } catch (error) {\n      console.error('Failed to load collections:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  onSearchChange(query: string): void {\n    this.applySearch();\n  }\n\n  private applySearch(): void {\n    if (!this.searchQuery.trim()) {\n      this.filteredCollections = [...this.collections];\n    } else {\n      const query = this.searchQuery.toLowerCase();\n      this.filteredCollections = this.collections.filter(c =>\n        c.Name.toLowerCase().includes(query) ||\n        (c.Description && c.Description.toLowerCase().includes(query))\n      );\n    }\n  }\n\n  openCollection(collection: MJCollectionEntity): void {\n    this.breadcrumbs.push({ id: collection.ID, name: collection.Name });\n    this.currentCollectionId = collection.ID;\n    this.searchQuery = '';\n    this.loadCollections();\n  }\n\n  navigateTo(crumb: { id: string; name: string }): void {\n    const index = this.breadcrumbs.findIndex(b => b.id === crumb.id);\n    if (index !== -1) {\n      this.breadcrumbs = this.breadcrumbs.slice(0, index + 1);\n      this.currentCollectionId = crumb.id;\n      this.searchQuery = '';\n      this.loadCollections();\n    }\n  }\n\n  navigateToRoot(): void {\n    this.breadcrumbs = [];\n    this.currentCollectionId = null;\n    this.searchQuery = '';\n    this.loadCollections();\n  }\n\n  refresh(): void {\n    this.loadCollections();\n  }\n}\n"]}
+{"version":3,"file":"library-full-view.component.js","sourceRoot":"","sources":["../../../../src/lib/components/library/library-full-view.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJCollectionEntity } from '@memberjunction/core-entities';\n\n/**\n * Full-panel Collections view component\n * Replaces the main content area when Collections tab is selected\n */\n@Component({\n  standalone: false,\n  selector: 'mj-library-full-view',\n  template: `\n    <div class=\"collections-view\">\n      <div class=\"collections-header\">\n        <div class=\"collections-breadcrumb\">\n          <div class=\"breadcrumb-item\">\n            <i class=\"fas fa-home\"></i>\n            <a class=\"breadcrumb-link\" (click)=\"navigateToRoot()\">Collections</a>\n          </div>\n          @if (breadcrumbs.length > 0) {\n            <span class=\"breadcrumb-path\">\n              @for (crumb of breadcrumbs; track crumb; let last = $last) {\n                <i class=\"fas fa-chevron-right breadcrumb-separator\"></i>\n                <a class=\"breadcrumb-link\"\n                  [class.active]=\"last\"\n                  (click)=\"navigateTo(crumb)\">\n                  {{ crumb.name }}\n                </a>\n              }\n            </span>\n          }\n        </div>\n        <div class=\"collections-search\">\n          <i class=\"fas fa-search\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchQuery\"\n            (ngModelChange)=\"onSearchChange($event)\"\n            placeholder=\"Search collections and artifacts...\"\n            class=\"library-search-input\">\n        </div>\n        <div class=\"collections-actions\">\n          <button class=\"btn-secondary\" (click)=\"refresh()\" title=\"Refresh\">\n            <i class=\"fas fa-sync\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"collections-content\">\n        @if (isLoading) {\n          <div class=\"loading-state\">\n            <mj-loading text=\"Loading collections...\" size=\"large\"></mj-loading>\n          </div>\n        }\n        @if (!isLoading && filteredCollections.length === 0) {\n          <mj-empty-state\n            [Variant]=\"searchQuery ? 'no-results' : 'empty'\"\n            Icon=\"fa-solid fa-folder-open\"\n            [Title]=\"searchQuery ? 'No collections found' : 'No collections yet'\" />\n        }\n        @if (!isLoading && filteredCollections.length > 0) {\n          <div class=\"library-folders\">\n            @for (collection of filteredCollections; track collection) {\n              <div\n                class=\"library-folder\"\n                (click)=\"openCollection(collection)\">\n                <div class=\"folder-icon\">\n                  <i class=\"fas fa-folder\"></i>\n                </div>\n                <div class=\"folder-info\">\n                  <div class=\"folder-name\">{{ collection.Name }}</div>\n                  @if (collection.Description) {\n                    <div class=\"folder-meta\">\n                      {{ collection.Description }}\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .collections-view {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: white;\n    }\n\n    .collections-header {\n      display: flex;\n      align-items: center;\n      padding: 16px 24px;\n      border-bottom: 1px solid #E5E7EB;\n      gap: 16px;\n    }\n\n    .collections-breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .breadcrumb-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breadcrumb-item i {\n      color: #6B7280;\n      font-size: 14px;\n    }\n\n    .breadcrumb-link {\n      color: #111827;\n      font-weight: 500;\n      cursor: pointer;\n      text-decoration: none;\n      white-space: nowrap;\n      transition: color 150ms ease;\n    }\n\n    .breadcrumb-link:hover {\n      color: #1e40af;\n    }\n\n    .breadcrumb-link.active {\n      color: #6B7280;\n      cursor: default;\n    }\n\n    .breadcrumb-path {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      overflow-x: auto;\n    }\n\n    .breadcrumb-separator {\n      color: #D1D5DB;\n      font-size: 10px;\n    }\n\n    .collections-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      padding: 8px 12px;\n      min-width: 300px;\n    }\n\n    .collections-search i {\n      color: #9CA3AF;\n      font-size: 14px;\n    }\n\n    .library-search-input {\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      flex: 1;\n      color: #111827;\n    }\n\n    .library-search-input::placeholder {\n      color: #9CA3AF;\n    }\n\n    .collections-actions {\n      display: flex;\n      gap: 8px;\n    }\n\n    .btn-secondary {\n      padding: 8px 12px;\n      background: transparent;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      cursor: pointer;\n      color: #6B7280;\n      transition: all 150ms ease;\n    }\n\n    .btn-secondary:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .collections-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .loading-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      color: #9CA3AF;\n    }\n\n    .collections-content mj-empty-state {\n      height: 100%;\n    }\n\n    .library-folders {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .library-folder {\n      display: flex;\n      align-items: start;\n      gap: 16px;\n      padding: 20px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 150ms ease;\n    }\n\n    .library-folder:hover {\n      border-color: #1e40af;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    }\n\n    .folder-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #EFF6FF;\n      border-radius: 8px;\n      flex-shrink: 0;\n    }\n\n    .folder-icon i {\n      font-size: 20px;\n      color: #1e40af;\n    }\n\n    .folder-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .folder-name {\n      font-size: 15px;\n      font-weight: 500;\n      color: #111827;\n      margin-bottom: 4px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .folder-meta {\n      font-size: 13px;\n      color: #6B7280;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n  `]\n})\nexport class LibraryFullViewComponent extends BaseAngularComponent implements OnInit  {\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\n  public Collections: MJCollectionEntity[] = [];\n\n  /** @deprecated Use {@link Collections}. */\n  public get collections(): MJCollectionEntity[] {\n    return this.Collections;\n  }\n  /** @deprecated Use {@link Collections}. */\n  public set collections(value: MJCollectionEntity[]) {\n    this.Collections = value;\n  }\n  public FilteredCollections: MJCollectionEntity[] = [];\n\n  /** @deprecated Use {@link FilteredCollections}. */\n  public get filteredCollections(): MJCollectionEntity[] {\n    return this.FilteredCollections;\n  }\n  /** @deprecated Use {@link FilteredCollections}. */\n  public set filteredCollections(value: MJCollectionEntity[]) {\n    this.FilteredCollections = value;\n  }\n  public SearchQuery: string = '';\n\n  /** @deprecated Use {@link SearchQuery}. */\n  public get searchQuery(): string {\n    return this.SearchQuery;\n  }\n  /** @deprecated Use {@link SearchQuery}. */\n  public set searchQuery(value: string) {\n    this.SearchQuery = value;\n  }\n  public isLoading: boolean = false;\n  public Breadcrumbs: Array<{ id: string; name: string }> = [];\n\n  /** @deprecated Use {@link Breadcrumbs}. */\n  public get breadcrumbs(): Array<{ id: string; name: string }> {\n    return this.Breadcrumbs;\n  }\n  /** @deprecated Use {@link Breadcrumbs}. */\n  public set breadcrumbs(value: Array<{ id: string; name: string }>) {\n    this.Breadcrumbs = value;\n  }\n  public CurrentCollectionId: string | null = null;\n\n  /** @deprecated Use {@link CurrentCollectionId}. */\n  public get currentCollectionId(): string | null {\n    return this.CurrentCollectionId;\n  }\n  /** @deprecated Use {@link CurrentCollectionId}. */\n  public set currentCollectionId(value: string | null) {\n    this.CurrentCollectionId = value;\n  }\n\n  constructor() {\n  super();}\n\n  ngOnInit() {\n    this.LoadCollections();\n  }\n\n  async LoadCollections(): Promise<void> {\n    this.isLoading = true;\n    try {\n      const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n      const filter = `EnvironmentID='${this.EnvironmentId}'` +\n                     (this.CurrentCollectionId ? ` AND ParentID='${this.CurrentCollectionId}'` : ' AND ParentID IS NULL');\n\n      const result = await rv.RunView<MJCollectionEntity>(\n        {\n          EntityName: 'MJ: Collections',\n          ExtraFilter: filter,\n          OrderBy: 'Name ASC',\n          MaxRows: 1000,\n          ResultType: 'entity_object'\n        },\n        this.CurrentUser\n      );\n\n      if (result.Success) {\n        this.Collections = result.Results || [];\n        this.applySearch();\n      }\n    } catch (error) {\n      console.error('Failed to load collections:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  /** @deprecated Use {@link LoadCollections}. */\n  async loadCollections(): Promise<void> {\n    return this.LoadCollections();\n  }\n\n  OnSearchChange(query: string): void {\n    this.applySearch();\n  }\n\n  /** @deprecated Use {@link OnSearchChange}. */\n  onSearchChange(query: string): void {\n    return this.OnSearchChange(query);\n  }\n\n  private applySearch(): void {\n    if (!this.SearchQuery.trim()) {\n      this.FilteredCollections = [...this.Collections];\n    } else {\n      const query = this.SearchQuery.toLowerCase();\n      this.FilteredCollections = this.Collections.filter(c =>\n        c.Name.toLowerCase().includes(query) ||\n        (c.Description && c.Description.toLowerCase().includes(query))\n      );\n    }\n  }\n\n  OpenCollection(collection: MJCollectionEntity): void {\n    this.Breadcrumbs.push({ id: collection.ID, name: collection.Name });\n    this.CurrentCollectionId = collection.ID;\n    this.SearchQuery = '';\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link OpenCollection}. */\n  openCollection(collection: MJCollectionEntity): void {\n    return this.OpenCollection(collection);\n  }\n\n  NavigateTo(crumb: { id: string; name: string }): void {\n    const index = this.Breadcrumbs.findIndex(b => b.id === crumb.id);\n    if (index !== -1) {\n      this.Breadcrumbs = this.Breadcrumbs.slice(0, index + 1);\n      this.CurrentCollectionId = crumb.id;\n      this.SearchQuery = '';\n      this.LoadCollections();\n    }\n  }\n\n  /** @deprecated Use {@link NavigateTo}. */\n  navigateTo(crumb: { id: string; name: string }): void {\n    return this.NavigateTo(crumb);\n  }\n\n  NavigateToRoot(): void {\n    this.Breadcrumbs = [];\n    this.CurrentCollectionId = null;\n    this.SearchQuery = '';\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link NavigateToRoot}. */\n  navigateToRoot(): void {\n    return this.NavigateToRoot();\n  }\n\n  Refresh(): void {\n    this.LoadCollections();\n  }\n\n  /** @deprecated Use {@link Refresh}. */\n  refresh(): void {\n    return this.Refresh();\n  }\n}\n"]}