@memberjunction/ng-conversations 5.43.0 → 5.45.0

package/dist/lib/components/active-tasks/active-tasks-panel.component.d.ts

@@ -11,7 +11,6 @@ export declare class ActiveTasksPanelComponent {
     taskCount$: Observable<number>;
     isExpanded: boolean;
     constructor(activeTasksService: ActiveTasksService);
-    toggleExpanded(): void;
     getElapsedTime(task: ActiveTask): string;
     getTrimmedStatus(status: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActiveTasksPanelComponent, never>;

package/dist/lib/components/active-tasks/active-tasks-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-tasks-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/active-tasks/active-tasks-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;;AAErF;;;GAGG;AACH,qBAuHa,yBAAyB;IAKxB,OAAO,CAAC,kBAAkB;IAJtC,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,UAAQ;gBAEE,kBAAkB,EAAE,kBAAkB;IAK1D,cAAc,IAAI,IAAI;IAItB,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAaxC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;yCA3B7B,yBAAyB;2CAAzB,yBAAyB;CAkCrC"}
+{"version":3,"file":"active-tasks-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/active-tasks/active-tasks-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;;AAErF;;;GAGG;AACH,qBAmGa,yBAAyB;IAKxB,OAAO,CAAC,kBAAkB;IAJtC,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,CAAC,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/B,UAAU,UAAQ;gBAEE,kBAAkB,EAAE,kBAAkB;IAK1D,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAaxC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;yCAvB7B,yBAAyB;2CAAzB,yBAAyB;CA8BrC"}

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

@@ -1,17 +1,29 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/active-tasks.service";
-import * as i2 from "@angular/common";
-function ActiveTasksPanelComponent_Conditional_0_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6);
-    i0.ɵɵelement(2, "i", 7);
-    i0.ɵɵelementStart(3, "span", 8);
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@angular/common";
+function ActiveTasksPanelComponent_Conditional_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 4);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "async");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Active Tasks (", i0.ɵɵpipeBind1(3, 1, ctx_r1.taskCount$), ")");
+} }
+function ActiveTasksPanelComponent_Conditional_0_ng_template_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
+    i0.ɵɵelementStart(3, "span", 9);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 9);
+    i0.ɵɵelementStart(5, "span", 10);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 10);
+    i0.ɵɵelementStart(7, "div", 11);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -24,9 +36,9 @@ function ActiveTasksPanelComponent_Conditional_0_Conditional_7_For_2_Template(rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.getTrimmedStatus(task_r3.status));
 } }
-function ActiveTasksPanelComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵrepeaterCreate(1, ActiveTasksPanelComponent_Conditional_0_Conditional_7_For_2_Template, 9, 3, "div", 5, i0.ɵɵrepeaterTrackByIdentity);
+function ActiveTasksPanelComponent_Conditional_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵrepeaterCreate(1, ActiveTasksPanelComponent_Conditional_0_ng_template_3_For_2_Template, 9, 3, "div", 6, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵpipe(3, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -36,25 +48,15 @@ function ActiveTasksPanelComponent_Conditional_0_Conditional_7_Template(rf, ctx)
 } }
 function ActiveTasksPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-    i0.ɵɵlistener("click", function ActiveTasksPanelComponent_Conditional_0_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpanded()); });
-    i0.ɵɵelement(2, "i", 2);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "i", 3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, ActiveTasksPanelComponent_Conditional_0_Conditional_7_Template, 4, 2, "div", 4);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div", 0)(1, "mj-accordion-panel", 1);
+    i0.ɵɵtwoWayListener("ExpandedChange", function ActiveTasksPanelComponent_Conditional_0_Template_mj_accordion_panel_ExpandedChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.isExpanded, $event) || (ctx_r1.isExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(2, ActiveTasksPanelComponent_Conditional_0_ng_template_2_Template, 4, 3, "ng-template", 2)(3, ActiveTasksPanelComponent_Conditional_0_ng_template_3_Template, 4, 2, "ng-template", 3);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Active Tasks (", i0.ɵɵpipeBind1(5, 3, ctx_r1.taskCount$), ")");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.isExpanded ? "fa-chevron-up" : "fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isExpanded ? 7 : -1);
+    i0.ɵɵproperty("FlushBody", true);
+    i0.ɵɵtwoWayProperty("Expanded", ctx_r1.isExpanded);
 } }
 /**
  * Panel component that displays currently running agent tasks.
@@ -70,9 +72,6 @@ export class ActiveTasksPanelComponent {
         this.tasks$ = this.activeTasksService.tasks$;
         this.taskCount$ = this.activeTasksService.taskCount$;
     }
-    toggleExpanded() {
-        this.isExpanded = !this.isExpanded;
-    }
     getElapsedTime(task) {
         const elapsed = Date.now() - task.startTime;
         const seconds = Math.floor(elapsed / 1000);
@@ -91,40 +90,45 @@ export class ActiveTasksPanelComponent {
         return status.substring(0, maxLength) + '...';
     }
     static ɵfac = function ActiveTasksPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActiveTasksPanelComponent)(i0.ɵɵdirectiveInject(i1.ActiveTasksService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActiveTasksPanelComponent, selectors: [["mj-active-tasks-panel"]], standalone: false, decls: 2, vars: 3, consts: [[1, "active-tasks-panel"], [1, "panel-header", 3, "click"], [1, "fas", "fa-tasks"], [1, "fas", 3, "ngClass"], [1, "panel-content"], [1, "task-item"], [1, "task-header"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "task-agent"], [1, "task-elapsed"], [1, "task-status"]], template: function ActiveTasksPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, ActiveTasksPanelComponent_Conditional_0_Template, 8, 5, "div", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActiveTasksPanelComponent, selectors: [["mj-active-tasks-panel"]], standalone: false, decls: 2, vars: 3, consts: [[1, "active-tasks-panel"], ["Size", "sm", 3, "ExpandedChange", "FlushBody", "Expanded"], ["mjAccordionTitle", ""], ["mjAccordionBody", ""], [1, "fas", "fa-tasks", "active-tasks-title-icon"], [1, "panel-content"], [1, "task-item"], [1, "task-header"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "task-agent"], [1, "task-elapsed"], [1, "task-status"]], template: function ActiveTasksPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ActiveTasksPanelComponent_Conditional_0_Template, 4, 2, "div", 0);
             i0.ɵɵpipe(1, "async");
         } if (rf & 2) {
             i0.ɵɵconditional(i0.ɵɵpipeBind1(1, 1, ctx.taskCount$) > 0 ? 0 : -1);
-        } }, dependencies: [i2.NgClass, i2.AsyncPipe], styles: [".active-tasks-panel[_ngcontent-%COMP%] {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    .panel-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n      border-radius: 8px 8px 0 0;\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      transition: background 150ms ease;\n    }\n\n    .panel-header[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-header[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .panel-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child {\n      color: var(--mj-text-muted);\n      font-size: 12px;\n    }\n\n    .panel-content[_ngcontent-%COMP%] {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .task-item[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .task-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n    }\n\n    .task-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent[_ngcontent-%COMP%] {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }"] });
+        } }, dependencies: [i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJAccordionBodyDirective, i3.AsyncPipe], styles: [".active-tasks-panel[_ngcontent-%COMP%] {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    \n\n\n\n    .active-tasks-title-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-content[_ngcontent-%COMP%] {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .task-item[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .task-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 4px;\n    }\n\n    .task-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent[_ngcontent-%COMP%] {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActiveTasksPanelComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-active-tasks-panel', template: `
     @if ((taskCount$ | async)! > 0) {
       <div class="active-tasks-panel">
-        <div class="panel-header" (click)="toggleExpanded()">
-          <i class="fas fa-tasks"></i>
-          <span>Active Tasks ({{ taskCount$ | async }})</span>
-          <i class="fas" [ngClass]="isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'"></i>
-        </div>
-        @if (isExpanded) {
-          <div class="panel-content">
-            @for (task of (tasks$ | async); track task) {
-              <div class="task-item">
-                <div class="task-header">
-                  <i class="fas fa-circle-notch fa-spin"></i>
-                  <span class="task-agent">{{ task.agentName }}</span>
-                  <span class="task-elapsed">{{ getElapsedTime(task) }}</span>
+        <!-- Migrated from a bespoke header/chevron + @if(isExpanded) disclosure to
+             mj-accordion-panel. The floating fixed-position wrapper is preserved; only
+             the header→task-list disclosure became the accordion (content disclosure,
+             not a whole-panel collapse). -->
+        <mj-accordion-panel Size="sm" [FlushBody]="true" [(Expanded)]="isExpanded">
+          <ng-template mjAccordionTitle>
+            <i class="fas fa-tasks active-tasks-title-icon"></i>
+            <span>Active Tasks ({{ taskCount$ | async }})</span>
+          </ng-template>
+          <ng-template mjAccordionBody>
+            <div class="panel-content">
+              @for (task of (tasks$ | async); track task) {
+                <div class="task-item">
+                  <div class="task-header">
+                    <i class="fas fa-circle-notch fa-spin"></i>
+                    <span class="task-agent">{{ task.agentName }}</span>
+                    <span class="task-elapsed">{{ getElapsedTime(task) }}</span>
+                  </div>
+                  <div class="task-status">{{ getTrimmedStatus(task.status) }}</div>
                 </div>
-                <div class="task-status">{{ getTrimmedStatus(task.status) }}</div>
-              </div>
-            }
-          </div>
-        }
+              }
+            </div>
+          </ng-template>
+        </mj-accordion-panel>
       </div>
     }
-    `, styles: ["\n    .active-tasks-panel {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    .panel-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n      border-radius: 8px 8px 0 0;\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      transition: background 150ms ease;\n    }\n\n    .panel-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-header i:first-child {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-header span {\n      flex: 1;\n    }\n\n    .panel-header i:last-child {\n      color: var(--mj-text-muted);\n      font-size: 12px;\n    }\n\n    .panel-content {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\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: 4px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }\n  "] }]
+    `, styles: ["\n    .active-tasks-panel {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    /* Removed bespoke .panel-header chrome (header bar, hover, chevron, flex span) \u2014\n       the disclosure header is now owned by mj-accordion-panel. Only the title icon's\n       brand color is preserved below. */\n    .active-tasks-title-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-content {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\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: 4px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }\n  "] }]
     }], () => [{ type: i1.ActiveTasksService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActiveTasksPanelComponent, { className: "ActiveTasksPanelComponent", filePath: "src/lib/components/active-tasks/active-tasks-panel.component.ts", lineNumber: 128 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActiveTasksPanelComponent, { className: "ActiveTasksPanelComponent", filePath: "src/lib/components/active-tasks/active-tasks-panel.component.ts", lineNumber: 108 }); })();
 //# sourceMappingURL=active-tasks-panel.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"active-tasks-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/active-tasks/active-tasks-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;IAuB1B,AADF,8BAAuB,aACI;IACvB,uBAA2C;IAC3C,+BAAyB;IAAA,YAAoB;IAAA,iBAAO;IACpD,+BAA2B;IAAA,YAA0B;IACvD,AADuD,iBAAO,EACxD;IACN,+BAAyB;IAAA,YAAmC;IAC9D,AAD8D,iBAAM,EAC9D;;;;IAJuB,eAAoB;IAApB,uCAAoB;IAClB,eAA0B;IAA1B,oDAA0B;IAE9B,eAAmC;IAAnC,6DAAmC;;;IARlE,8BAA2B;IACzB,0IASC;;IACH,iBAAM;;;IAVJ,cASC;IATD,kDASC;;;;IAhBL,AADF,8BAAgC,aACuB;IAA3B,0LAAS,uBAAgB,KAAC;IAClD,uBAA4B;IAC5B,4BAAM;IAAA,YAAuC;;IAAA,iBAAO;IACpD,uBAAgF;IAClF,iBAAM;IACN,yGAAkB;IAcpB,iBAAM;;;IAjBI,eAAuC;IAAvC,qFAAuC;IAC9B,eAA4D;IAA5D,iFAA4D;IAE7E,cAaC;IAbD,4CAaC;;AA5BT;;;GAGG;AAwHH,MAAM,OAAO,yBAAyB;IAKhB;IAJpB,MAAM,CAA2B;IACjC,UAAU,CAAqB;IAC/B,UAAU,GAAG,IAAI,CAAC;IAElB,YAAoB,kBAAsC;QAAtC,uBAAkB,GAAlB,kBAAkB,CAAoB;QACxD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;IACvD,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC;IAED,cAAc,CAAC,IAAgB;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;QAE3C,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;YACjB,OAAO,GAAG,OAAO,GAAG,CAAC;QACvB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,gBAAgB,GAAG,OAAO,GAAG,EAAE,CAAC;QACtC,OAAO,GAAG,OAAO,IAAI,gBAAgB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACtE,CAAC;IAED,gBAAgB,CAAC,MAAc;QAC7B,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;YAC/B,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;IAChD,CAAC;mHAjCU,yBAAyB;6DAAzB,yBAAyB;YAnHlC,2FAAiC;;;YAAjC,mEAsBC;;;iFA6FQ,yBAAyB;cAvHrC,SAAS;6BACI,KAAK,YACP,uBAAuB,YACvB;;;;;;;;;;;;;;;;;;;;;;;;KAwBP;;kFA4FQ,yBAAyB","sourcesContent":["import { Component } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\n\n/**\n * Panel component that displays currently running agent tasks.\n * Shows as a floating panel in bottom-right corner when tasks are active.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-active-tasks-panel',\n  template: `\n    @if ((taskCount$ | async)! > 0) {\n      <div class=\"active-tasks-panel\">\n        <div class=\"panel-header\" (click)=\"toggleExpanded()\">\n          <i class=\"fas fa-tasks\"></i>\n          <span>Active Tasks ({{ taskCount$ | async }})</span>\n          <i class=\"fas\" [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n        </div>\n        @if (isExpanded) {\n          <div class=\"panel-content\">\n            @for (task of (tasks$ | async); track task) {\n              <div class=\"task-item\">\n                <div class=\"task-header\">\n                  <i class=\"fas fa-circle-notch fa-spin\"></i>\n                  <span class=\"task-agent\">{{ task.agentName }}</span>\n                  <span class=\"task-elapsed\">{{ getElapsedTime(task) }}</span>\n                </div>\n                <div class=\"task-status\">{{ getTrimmedStatus(task.status) }}</div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    `,\n  styles: [`\n    .active-tasks-panel {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    .panel-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n      border-radius: 8px 8px 0 0;\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      transition: background 150ms ease;\n    }\n\n    .panel-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-header i:first-child {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-header span {\n      flex: 1;\n    }\n\n    .panel-header i:last-child {\n      color: var(--mj-text-muted);\n      font-size: 12px;\n    }\n\n    .panel-content {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\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: 4px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }\n  `]\n})\nexport class ActiveTasksPanelComponent {\n  tasks$: Observable<ActiveTask[]>;\n  taskCount$: Observable<number>;\n  isExpanded = true;\n\n  constructor(private activeTasksService: ActiveTasksService) {\n    this.tasks$ = this.activeTasksService.tasks$;\n    this.taskCount$ = this.activeTasksService.taskCount$;\n  }\n\n  toggleExpanded(): void {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  getElapsedTime(task: ActiveTask): string {\n    const elapsed = Date.now() - task.startTime;\n    const seconds = Math.floor(elapsed / 1000);\n\n    if (seconds < 60) {\n      return `${seconds}s`;\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n  }\n\n  getTrimmedStatus(status: string): string {\n    const maxLength = 50;\n    if (status.length <= maxLength) {\n      return status;\n    }\n    return status.substring(0, maxLength) + '...';\n  }\n}\n"]}
+{"version":3,"file":"active-tasks-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/active-tasks/active-tasks-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;IAoB9B,uBAAoD;IACpD,4BAAM;IAAA,YAAuC;;IAAA,iBAAO;;;IAA9C,eAAuC;IAAvC,qFAAuC;;;IAMvC,AADF,8BAAuB,aACI;IACvB,uBAA2C;IAC3C,+BAAyB;IAAA,YAAoB;IAAA,iBAAO;IACpD,gCAA2B;IAAA,YAA0B;IACvD,AADuD,iBAAO,EACxD;IACN,+BAAyB;IAAA,YAAmC;IAC9D,AAD8D,iBAAM,EAC9D;;;;IAJuB,eAAoB;IAApB,uCAAoB;IAClB,eAA0B;IAA1B,oDAA0B;IAE9B,eAAmC;IAAnC,6DAAmC;;;IARlE,8BAA2B;IACzB,0IASC;;IACH,iBAAM;;;IAVJ,cASC;IATD,kDASC;;;;IAhBP,AALF,8BAAgC,4BAK6C;IAA1B,oUAAyB;IAKxE,AAJA,wGAA8B,2FAID;IAejC,AADE,iBAAqB,EACjB;;;IApB0B,cAAkB;IAAlB,gCAAkB;IAAC,kDAAyB;;AAdlF;;;GAGG;AAoGH,MAAM,OAAO,yBAAyB;IAKhB;IAJpB,MAAM,CAA2B;IACjC,UAAU,CAAqB;IAC/B,UAAU,GAAG,IAAI,CAAC;IAElB,YAAoB,kBAAsC;QAAtC,uBAAkB,GAAlB,kBAAkB,CAAoB;QACxD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC;IACvD,CAAC;IAED,cAAc,CAAC,IAAgB;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;QAE3C,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;YACjB,OAAO,GAAG,OAAO,GAAG,CAAC;QACvB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,gBAAgB,GAAG,OAAO,GAAG,EAAE,CAAC;QACtC,OAAO,GAAG,OAAO,IAAI,gBAAgB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACtE,CAAC;IAED,gBAAgB,CAAC,MAAc;QAC7B,MAAM,SAAS,GAAG,EAAE,CAAC;QACrB,IAAI,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;YAC/B,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC;IAChD,CAAC;mHA7BU,yBAAyB;6DAAzB,yBAAyB;YA/FlC,2FAAiC;;;YAAjC,mEA2BC;;;iFAoEQ,yBAAyB;cAnGrC,SAAS;6BACI,KAAK,YACP,uBAAuB,YACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BP;;kFAmEQ,yBAAyB","sourcesContent":["import { Component } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\n\n/**\n * Panel component that displays currently running agent tasks.\n * Shows as a floating panel in bottom-right corner when tasks are active.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-active-tasks-panel',\n  template: `\n    @if ((taskCount$ | async)! > 0) {\n      <div class=\"active-tasks-panel\">\n        <!-- Migrated from a bespoke header/chevron + @if(isExpanded) disclosure to\n             mj-accordion-panel. The floating fixed-position wrapper is preserved; only\n             the header→task-list disclosure became the accordion (content disclosure,\n             not a whole-panel collapse). -->\n        <mj-accordion-panel Size=\"sm\" [FlushBody]=\"true\" [(Expanded)]=\"isExpanded\">\n          <ng-template mjAccordionTitle>\n            <i class=\"fas fa-tasks active-tasks-title-icon\"></i>\n            <span>Active Tasks ({{ taskCount$ | async }})</span>\n          </ng-template>\n          <ng-template mjAccordionBody>\n            <div class=\"panel-content\">\n              @for (task of (tasks$ | async); track task) {\n                <div class=\"task-item\">\n                  <div class=\"task-header\">\n                    <i class=\"fas fa-circle-notch fa-spin\"></i>\n                    <span class=\"task-agent\">{{ task.agentName }}</span>\n                    <span class=\"task-elapsed\">{{ getElapsedTime(task) }}</span>\n                  </div>\n                  <div class=\"task-status\">{{ getTrimmedStatus(task.status) }}</div>\n                </div>\n              }\n            </div>\n          </ng-template>\n        </mj-accordion-panel>\n      </div>\n    }\n    `,\n  styles: [`\n    .active-tasks-panel {\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      width: 320px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n    }\n\n    /* Removed bespoke .panel-header chrome (header bar, hover, chevron, flex span) —\n       the disclosure header is now owned by mj-accordion-panel. Only the title icon's\n       brand color is preserved below. */\n    .active-tasks-title-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .panel-content {\n      max-height: 300px;\n      overflow-y: auto;\n    }\n\n    .task-item {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\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: 4px;\n    }\n\n    .task-header i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .task-agent {\n      flex: 1;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .task-elapsed {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .task-status {\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      padding-left: 22px;\n    }\n  `]\n})\nexport class ActiveTasksPanelComponent {\n  tasks$: Observable<ActiveTask[]>;\n  taskCount$: Observable<number>;\n  isExpanded = true;\n\n  constructor(private activeTasksService: ActiveTasksService) {\n    this.tasks$ = this.activeTasksService.tasks$;\n    this.taskCount$ = this.activeTasksService.taskCount$;\n  }\n\n  getElapsedTime(task: ActiveTask): string {\n    const elapsed = Date.now() - task.startTime;\n    const seconds = Math.floor(elapsed / 1000);\n\n    if (seconds < 60) {\n      return `${seconds}s`;\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n  }\n\n  getTrimmedStatus(status: string): string {\n    const maxLength = 50;\n    if (status.length <= maxLength) {\n      return status;\n    }\n    return status.substring(0, maxLength) + '...';\n  }\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"artifact-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAI5H,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAClI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAExF,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,qBAAqB,CAAC;CAC7C;AAED,qBA0La,2BAA4B,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IApBN,MAAM,EAAE,OAAO,CAAS;IACxB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACzC,WAAW,EAAG,QAAQ,CAAC;IAEtB,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,qBAAqB,CAInC;gBAGU,iBAAiB,EAAE,yBAAyB,EAC5C,GAAG,EAAE,iBAAiB;IAG5B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAW1C,eAAe;YAgBf,0BAA0B;IA0CxC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAUlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAgDhC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAU3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IA6C9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAetE,QAAQ,IAAI,IAAI;yCAvPP,2BAA2B;2CAA3B,2BAA2B;CA0PvC"}
+{"version":3,"file":"artifact-share-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/artifact/artifact-share-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG5H,OAAO,EAA+D,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEjI,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAClI,OAAO,EAAuB,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;;AAExF,UAAU,iBAAkB,SAAQ,kBAAkB;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,qBAAqB,CAAC;CAC7C;AAED,qBA0La,2BAA4B,YAAW,MAAM,EAAE,SAAS;IAoB7D,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,cAAc;IArBjB,MAAM,EAAE,OAAO,CAAS;IACxB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACzC,WAAW,EAAG,QAAQ,CAAC;IAEtB,KAAK,qBAA4B;IACjC,SAAS,qBAA4B;IAE/C,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACtC,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,MAAM,EAAE,CAAM;IACpC,oBAAoB,EAAE,OAAO,CAAS;IAEtC,cAAc,EAAE,qBAAqB,CAInC;gBAGU,iBAAiB,EAAE,yBAAyB,EAC5C,GAAG,EAAE,iBAAiB,EACtB,cAAc,EAAE,gBAAgB;IAGtC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOzB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;YAW1C,eAAe;YAgBf,0BAA0B;IA0CxC,kBAAkB,IAAI,MAAM,EAAE;IAS9B,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;IAK5C,gBAAgB,IAAI,IAAI;IAUlB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAgDhC,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAKrD,YAAY,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAU3C,gBAAgB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IA6C9D,kBAAkB,CAAC,UAAU,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAetE,QAAQ,IAAI,IAAI;yCAxPP,2BAA2B;2CAA3B,2BAA2B;CA2PvC"}