ngx-t-forms 2.0.7 → 2.0.9

package/fesm2022/ngx-t-forms-pipeline-generator.component-U0d8jQKW.mjs

@@ -0,0 +1,1362 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Output, Input, inject, Injectable, ElementRef, Optional, Self, ViewChild, HostBinding } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Subscription, debounceTime, BehaviorSubject, switchMap, map, take, catchError, finalize, throwError, tap, combineLatest, filter, Subject, takeUntil, distinctUntilChanged } from 'rxjs';
+import PipelineBuilder from 'db-aggregation-pipeline-builder';
+import { M as MatModulesModule, N as NGX_T_FORMS_CONFIG_TOKEN, b as TDynamicDataViewComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
+import * as i6 from '@angular/material/icon';
+import * as i3 from '@angular/material/core';
+import * as i2$1 from '@angular/material/button';
+import * as i3$1 from '@angular/material/card';
+import * as i4 from '@angular/material/divider';
+import * as i3$2 from '@angular/material/form-field';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i7 from '@angular/material/select';
+import * as i8 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/chips';
+import * as i6$1 from '@angular/material/list';
+import * as i7$1 from '@angular/material/progress-spinner';
+import * as i9 from '@angular/material/toolbar';
+import { HttpClient } from '@angular/common/http';
+import * as i5 from '@angular/material/expansion';
+
+function JsonEditorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "mat-icon", 6);
+    i0.ɵɵtext(2, "info");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, " Paste or type JSON below. The editor will auto-beautify the text.");
+    i0.ɵɵelementEnd()();
+} }
+function JsonEditorComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.errorMessage, "");
+} }
+class JsonEditorComponent {
+    constructor(fb) {
+        this.fb = fb;
+        this.subscriptions = new Subscription();
+        this.valueChange = new EventEmitter();
+        this.jsonText = ''; // Placeholder for the JSON text
+        this.errorMessage = null;
+        this.jsonForm = this.fb.group({
+            jsonText: ['', Validators.required]
+        });
+        this.init();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    ngOnChanges(changes) {
+        if (changes['value'] && changes['value'].currentValue !== this._value) {
+            this._value = changes['value'].currentValue;
+            this.parseAndBeautifyJson(this._value, true);
+        }
+    }
+    init() {
+        this.subscriptions.add(this.jsonForm.get('jsonText').valueChanges
+            .pipe(debounceTime(1000))
+            .subscribe(value => {
+            this.parseAndBeautifyJson(value);
+        }));
+    }
+    parseAndBeautifyJson(value, hardSet) {
+        try {
+            // Attempt to parse the JSON
+            const parsedJson = typeof value === 'object' && value !== null ? value : JSON.parse(value);
+            // If valid, beautify the JSON
+            const beautifiedJson = JSON.stringify(parsedJson, null, 4);
+            // Update form control value with beautified JSON
+            const form = this.jsonForm.get('jsonText');
+            if (!form) {
+                this.errorMessage = 'Form control not found.';
+                return;
+            }
+            // Set beautified JSON without emitting another change event
+            form.setValue(beautifiedJson, { emitEvent: false });
+            this.errorMessage = null;
+            this.valueChange.emit({ value: parsedJson, valid: true });
+        }
+        catch (error) {
+            if (error instanceof SyntaxError) {
+                // Extract the position of the error from the error message
+                const errorMessage = this.getDetailedJsonError(value, error.message);
+                this.errorMessage = `JSON Syntax Error: ${errorMessage}`;
+            }
+            else {
+                this.errorMessage = 'Unexpected error occurred while parsing JSON.';
+            }
+            if (hardSet) {
+                console.log('hardset', value);
+                this.jsonForm.get('jsonText')?.setValue(value, { emitEvent: false });
+            }
+            this.valueChange.emit({ value: value, valid: false });
+        }
+    }
+    // Function to give detailed JSON error information
+    getDetailedJsonError(value, message) {
+        const positionMatch = message.match(/position (\d+)/);
+        if (!!positionMatch?.[1]) {
+            const position = parseInt(positionMatch[1], 10);
+            const excerpt = this.getErrorExcerpt(value, position);
+            return `at position ${position}: near "${excerpt}". Check for missing commas, brackets, or quotes.`;
+        }
+        return message;
+    }
+    // Helper function to extract a portion of the string around the error position
+    getErrorExcerpt(value, position, excerptLength = 20) {
+        const start = Math.max(0, position - excerptLength);
+        const end = Math.min(value.length, position + excerptLength);
+        return value.substring(start, end);
+    }
+    static { this.ɵfac = function JsonEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || JsonEditorComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonEditorComponent, selectors: [["app-json-editor"]], inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 5, vars: 5, consts: [[1, "json-editor-container"], ["style", "margin-top: 16px;", "class", "tree-instructions", 4, "ngIf"], ["style", "", "class", "tree-instructions json-error ", 4, "ngIf"], [3, "formGroup"], ["formControlName", "jsonText", "rows", "15", "placeholder", "Enter your JSON here...", 1, "json-textarea"], [1, "tree-instructions", 2, "margin-top", "16px"], ["color", "primary", 1, "info-icon"], [1, "tree-instructions", "json-error"]], template: function JsonEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, JsonEditorComponent_div_1_Template, 5, 0, "div", 1)(2, JsonEditorComponent_div_2_Template, 3, 1, "div", 2);
+            i0.ɵɵelementStart(3, "form", 3);
+            i0.ɵɵelement(4, "textarea", 4);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.jsonForm.invalid);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.errorMessage);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("formGroup", ctx.jsonForm);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("error-message", ctx.errorMessage);
+        } }, dependencies: [CommonModule, i2.NgIf, MatModulesModule, i6.MatIcon, FormsModule, i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, ReactiveFormsModule, i1.FormGroupDirective, i1.FormControlName], styles: [".json-editor-container[_ngcontent-%COMP%]{max-width:800px;margin:0 auto;border-radius:5px}.json-editor-container[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:24px;color:#333}.json-editor-container[_ngcontent-%COMP%]   .lead[_ngcontent-%COMP%]{font-size:.9 rem;margin-bottom:10px;padding-left:16px}.json-editor-container[_ngcontent-%COMP%]   .json-textarea[_ngcontent-%COMP%]{width:calc(100% - 24px);padding:12px;font-size:14px;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace}.json-editor-container[_ngcontent-%COMP%]   .json-textarea[_ngcontent-%COMP%]:focus{outline:none;border-color:var(--ion-color-primary)}.error-message[_ngcontent-%COMP%]{border:solid 1px #e74c3c!important}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;border-radius:4px;margin-bottom:0;background:azure}.json-error[_ngcontent-%COMP%]{background:inherit;color:#e74c3c;margin-bottom:4px}.info-icon[_ngcontent-%COMP%]{width:38px}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonEditorComponent, [{
+        type: Component,
+        args: [{ selector: 'app-json-editor', standalone: true, imports: [
+                    CommonModule,
+                    MatModulesModule,
+                    FormsModule,
+                    ReactiveFormsModule
+                ], template: "<div class=\"json-editor-container\">\n  <div *ngIf=\"jsonForm.invalid\" \n  style=\"margin-top: 16px;\"\n  class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span> Paste or type JSON below. The editor will auto-beautify the text.</span>\n  </div>\n\n\n  \n  <!-- Error message if JSON is invalid -->\n  <div *ngIf=\"errorMessage\" \n  \n  style=\"\" class=\"tree-instructions json-error \">\n    <span>  {{errorMessage}}</span>\n  </div>\n \n  <form [formGroup]=\"jsonForm\">\n    <textarea\n    formControlName=\"jsonText\"\n    class=\"json-textarea\"\n    [class.error-message]=\"errorMessage\"\n    rows=\"15\"\n    placeholder=\"Enter your JSON here...\"></textarea>\n  </form>\n  <!-- JSON Textarea -->\n\n</div>\n", styles: [".json-editor-container{max-width:800px;margin:0 auto;border-radius:5px}.json-editor-container h1{font-size:24px;color:#333}.json-editor-container .lead{font-size:.9 rem;margin-bottom:10px;padding-left:16px}.json-editor-container .json-textarea{width:calc(100% - 24px);padding:12px;font-size:14px;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace}.json-editor-container .json-textarea:focus{outline:none;border-color:var(--ion-color-primary)}.error-message{border:solid 1px #e74c3c!important}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;border-radius:4px;margin-bottom:0;background:azure}.json-error{background:inherit;color:#e74c3c;margin-bottom:4px}.info-icon{width:38px}\n"] }]
+    }], () => [{ type: i1.FormBuilder }], { value: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonEditorComponent, { className: "JsonEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/json-editor/json-editor.component.ts", lineNumber: 21 }); })();
+
+function AggregateStageEditorComponent_mat_option_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const stage_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", stage_r1.stage);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", stage_r1.stage, "");
+} }
+function AggregateStageEditorComponent_mat_hint_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint", 11)(1, "mat-icon", 12);
+    i0.ɵɵtext(2, "info");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("matTooltip", ctx_r1.activeDescription);
+} }
+function AggregateStageEditorComponent_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "mat-icon", 14);
+    i0.ɵɵtext(2, "warning");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.configValidationError);
+} }
+function AggregateStageEditorComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "app-json-editor", 16);
+    i0.ɵɵlistener("valueChange", function AggregateStageEditorComponent_div_13_Template_app_json_editor_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleConfigChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r1.selectedStage == null ? null : ctx_r1.selectedStage.config);
+} }
+class AggregateStageEditorComponent {
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    constructor() {
+        this.subscription = new Subscription();
+        this.isRunningPipeline = false;
+        this.saveStage = new EventEmitter();
+        this.deleteStage = new EventEmitter();
+        this.activeStage = undefined; // Define the type appropriately if possible
+        this.allowedStages = [];
+    }
+    ngOnInit() {
+        // Debounce the config change to optimize performance
+        this.allowedStages = PipelineBuilder.getViewOnlyStages();
+    }
+    handleChange(event) {
+        const selectedStage = event.value;
+        if (this.activeStage === undefined) {
+            this.activeStage = {
+                stage: selectedStage,
+                ...this.selectedStage || {},
+            };
+        }
+        else {
+            this.activeStage = {
+                config: this.activeStage?.config || this.selectedStage?.config,
+                stage: selectedStage
+            };
+        }
+        { }
+        if (this.activeStage?.config && !!this.activeStage?.stage) {
+            this.validateConfig();
+        }
+    }
+    handleConfigChange(event) {
+        if (!this.activeStage) {
+            this.activeStage = {
+                ...this.selectedStage || {},
+            };
+        }
+        this.activeStage = {
+            stage: this.activeStage?.stage || this.selectedStage?.name,
+            config: event.value
+        };
+        this.validateConfig();
+    }
+    validateConfig() {
+        this.configValidationError = undefined;
+        const { config, stage } = this.activeStage || {};
+        // Check if config and stage are defined
+        if (!config && config !== 0 || !stage) {
+            console.error('Config or stage is not defined', config, stage);
+            this.activeStage.valid = false;
+            return; // Early exit if validation fails
+        }
+        try {
+            const valid = PipelineBuilder.validateStageConfig(stage, config);
+            this.activeStage.valid = valid;
+            // Set error message if config is invalid
+            if (!valid) {
+                this.configValidationError = undefined;
+                return;
+            }
+        }
+        catch (error) {
+            // Catch and handle errors from validation
+            this.configValidationError = error.message || JSON.stringify(error) || 'An unknown error occurred';
+            this.activeStage.valid = false;
+            console.error('Validation Error:', this.configValidationError);
+        }
+    }
+    canSaveConfig() {
+        return !!this.activeStage && !this.configValidationError;
+    }
+    saveConfiguration() {
+        // Logic for saving the configuration
+        if (this.canSaveConfig()) {
+            this.saveStage.emit(this.activeStage);
+        }
+    }
+    trackByStage(index, stage) {
+        return stage.stage;
+    }
+    get allowedStageNames() {
+        return this.allowedStages.map(stage => stage.stage);
+    }
+    get activeDescription() {
+        return this.allowedStages.find(stage => stage.stage === this.activeStage?.stage)?.description;
+    }
+    deleteActive() {
+        this.deleteStage.emit();
+    }
+    static { this.ɵfac = function AggregateStageEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AggregateStageEditorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AggregateStageEditorComponent, selectors: [["app-aggregate-stage-editor"]], inputs: { selectedStage: "selectedStage", isRunningPipeline: "isRunningPipeline" }, outputs: { saveStage: "saveStage", deleteStage: "deleteStage" }, decls: 26, vars: 9, consts: [[2, "margin-bottom", "8px"], ["appearance", "outline", 2, "margin-bottom", "8px"], ["matNativeControl", "", "placeholder", "ChooseFunctionToRun", 3, "selectionChange", "value"], [3, "value", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["align", "end", 4, "ngIf"], ["class", "tree-instructions", "style", "background: cornsilk;", 4, "ngIf"], ["class", "config-container", 4, "ngIf"], [1, "spacer"], ["color", "warn", "mat-button", "", 3, "click", "disabled"], ["color", "primary", "mat-flat-button", "", 2, "margin-left", "8px", 3, "click", "disabled"], [3, "value"], ["align", "end"], ["matTooltipHideDelay", "1000", "matSuffix", "", 3, "matTooltip"], [1, "tree-instructions", 2, "background", "cornsilk"], ["color", "warn", 1, "info-icon", 2, "margin-top", "4px", "margin-bottom", "auto"], [1, "config-container"], [3, "valueChange", "value"]], template: function AggregateStageEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-card", 0)(1, "mat-card-content")(2, "h5");
+            i0.ɵɵtext(3, " Aggregate Pipeline Stage Configuration ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "mat-form-field", 1)(5, "mat-label");
+            i0.ɵɵtext(6, "Select Aggregate Stage");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "mat-select", 2);
+            i0.ɵɵlistener("selectionChange", function AggregateStageEditorComponent_Template_mat_select_selectionChange_7_listener($event) { return ctx.handleChange($event); });
+            i0.ɵɵtemplate(8, AggregateStageEditorComponent_mat_option_8_Template, 2, 2, "mat-option", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "mat-hint");
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(11, AggregateStageEditorComponent_mat_hint_11_Template, 3, 1, "mat-hint", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(12, AggregateStageEditorComponent_div_12_Template, 5, 1, "div", 5)(13, AggregateStageEditorComponent_div_13_Template, 2, 1, "div", 6);
+            i0.ɵɵelement(14, "br");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(15, "mat-divider");
+            i0.ɵɵelementStart(16, "mat-card-actions");
+            i0.ɵɵelement(17, "span", 7);
+            i0.ɵɵelementStart(18, "button", 8);
+            i0.ɵɵlistener("click", function AggregateStageEditorComponent_Template_button_click_18_listener() { return ctx.deleteActive(); });
+            i0.ɵɵtext(19, " Delete ");
+            i0.ɵɵelementStart(20, "mat-icon");
+            i0.ɵɵtext(21, "delete");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "button", 9);
+            i0.ɵɵlistener("click", function AggregateStageEditorComponent_Template_button_click_22_listener() { return ctx.saveConfiguration(); });
+            i0.ɵɵtext(23, " Save ");
+            i0.ɵɵelementStart(24, "mat-icon");
+            i0.ɵɵtext(25, " save");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("value", ctx.selectedStage == null ? null : ctx.selectedStage.name);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.allowedStages)("ngForTrackBy", ctx.trackByStage);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.activeDescription ? "Hover over the info icon to view stage details ." : "Please select an aggregation function from the list.", " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.activeDescription);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.configValidationError);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.activeStage || (ctx.selectedStage == null ? null : ctx.selectedStage.config));
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("disabled", ctx.isRunningPipeline);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("disabled", ctx.isRunningPipeline || !(ctx.activeStage == null ? null : ctx.activeStage.valid));
+        } }, dependencies: [MatModulesModule, i3.MatOption, i2$1.MatButton, i3$1.MatCard, i3$1.MatCardActions, i3$1.MatCardContent, i4.MatDivider, i6.MatIcon, i3$2.MatFormField, i3$2.MatLabel, i3$2.MatHint, i3$2.MatSuffix, i7.MatSelect, i8.MatTooltip, CommonModule, i2.NgForOf, i2.NgIf, FormsModule,
+            JsonEditorComponent], styles: [".title-icon[_ngcontent-%COMP%]{margin-right:8px;vertical-align:middle}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon[_ngcontent-%COMP%]{min-width:38px!important;display:block}mat-form-field[_ngcontent-%COMP%]{min-width:100%;background:azure}.stageDescription[_ngcontent-%COMP%]{background:azure}.stage-button-container[_ngcontent-%COMP%]{display:flex;gap:4px;width:fit-content;align-items:center}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon[_ngcontent-%COMP%]{min-width:38px;margin:8px auto auto}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AggregateStageEditorComponent, [{
+        type: Component,
+        args: [{ selector: 'app-aggregate-stage-editor', standalone: true, imports: [
+                    MatModulesModule,
+                    CommonModule,
+                    FormsModule,
+                    JsonEditorComponent
+                ], template: "<mat-card style=\"margin-bottom:8px\">\n  <mat-card-content>\n\n    <h5>\n      Aggregate Pipeline Stage Configuration\n    </h5>\n\n\n\n    <mat-form-field style=\"  margin-bottom: 8px;\" appearance=\"outline\">\n      <mat-label>Select Aggregate Stage</mat-label>\n      <mat-select matNativeControl [value]=\"selectedStage?.name\" (selectionChange)=\"handleChange($event)\"\n        placeholder=\"ChooseFunctionToRun\">\n        <mat-option *ngFor=\"let stage of allowedStages; trackBy: trackByStage\" [value]=\"stage.stage\">\n          {{stage.stage}}</mat-option>\n\n\n\n      </mat-select>\n      <mat-hint>\n        {{activeDescription ?\n        'Hover over the info icon to view stage details .'\n        : 'Please select an aggregation function from the list.'}}\n      </mat-hint>\n      <mat-hint *ngIf=\"activeDescription\" align=\"end\">\n        <mat-icon matTooltipHideDelay=\"1000\" [matTooltip]=\"activeDescription\" matSuffix>info</mat-icon>\n      </mat-hint>\n    </mat-form-field>\n\n\n\n    <div class=\"tree-instructions\" style=\"background: cornsilk;\" *ngIf=\"configValidationError\">\n      <mat-icon style=\"margin-top: 4px;margin-bottom:auto\" class=\"info-icon\" color=\"warn\">warning</mat-icon>\n      <span>{{ configValidationError }}</span>\n    </div>\n\n\n\n\n\n    <div class=\"config-container\" *ngIf=\"activeStage ||selectedStage?.config\">\n      <app-json-editor [value]=\"selectedStage?.config\" (valueChange)=\"handleConfigChange($event)\"></app-json-editor>\n    </div>\n\n    <br>\n\n\n\n  </mat-card-content>\n  <mat-divider>\n  </mat-divider>\n  <mat-card-actions>\n\n    <span class=\"spacer\"></span>\n    <button  color=\"warn\" [disabled]=\"isRunningPipeline\" mat-button (click)=\"deleteActive()\">\n      Delete\n      <mat-icon >delete</mat-icon>\n    </button>\n    <button style=\"margin-left:8px;\" color=\"primary\" mat-flat-button (click)=\"saveConfiguration()\"\n      [disabled]=\"isRunningPipeline ||!activeStage?.valid \">\n      Save\n      <mat-icon> save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>", styles: [".title-icon{margin-right:8px;vertical-align:middle}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:var(--mdc-elevated-card-container-color, var(--mat-app-surface-container-low));border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}mat-form-field{min-width:100%;background:azure}.stageDescription{background:azure}.stage-button-container{display:flex;gap:4px;width:fit-content;align-items:center}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px;margin:8px auto auto}\n"] }]
+    }], () => [], { selectedStage: [{
+            type: Input
+        }], isRunningPipeline: [{
+            type: Input
+        }], saveStage: [{
+            type: Output
+        }], deleteStage: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AggregateStageEditorComponent, { className: "AggregateStageEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/pipeline-generator/elements/aggregate-stage-editor/aggregate-stage-editor.component.ts", lineNumber: 25 }); })();
+
+const _forTrack0 = ($index, $item) => $item.id;
+function TWorkflowPickerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-toolbar")(1, "span");
+    i0.ɵɵtext(2, " Failed to load workflow list ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "span", 1);
+    i0.ɵɵelementStart(4, "button", 2);
+    i0.ɵɵtext(5, " Retry ");
+    i0.ɵɵelementEnd()();
+} }
+function TWorkflowPickerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mat-spinner");
+    i0.ɵɵelementEnd();
+} }
+function TWorkflowPickerComponent_Conditional_2_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 4);
+    i0.ɵɵlistener("click", function TWorkflowPickerComponent_Conditional_2_Conditional_2_For_1_Template_mat_list_item_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.bindInput(option_r2)); });
+    i0.ɵɵelementStart(1, "mat-chip", 5)(2, "span", 6);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 7)(5, "div");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "button", 9)(11, "mat-icon");
+    i0.ɵɵtext(12, " radio_button_unchecked ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(13, "mat-divider");
+} if (rf & 2) {
+    const option_r2 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background", option_r2["isDocument"] ? "lightskyblue" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", option_r2["isDocument"] ? "DOC" : "FLOW", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", option_r2.name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(9, 6, option_r2["createdAt"], "medium"), " \u00A0 ", option_r2.numberOfSteps, " ");
+} }
+function TWorkflowPickerComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, TWorkflowPickerComponent_Conditional_2_Conditional_2_For_1_Template, 14, 9, null, null, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r2.workflowOptions);
+} }
+function TWorkflowPickerComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-item", 4);
+    i0.ɵɵlistener("click", function TWorkflowPickerComponent_Conditional_2_Conditional_3_Template_mat_list_item_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.unbindInput()); });
+    i0.ɵɵelementStart(1, "mat-chip", 5)(2, "span", 6);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 7)(5, "div");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "button", 9)(11, "mat-icon", 10);
+    i0.ɵɵtext(12, " check_circle ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background", (ctx_r2.selectedWorkflow == null ? null : ctx_r2.selectedWorkflow["isDocument"]) ? "lightskyblue" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", (ctx_r2.selectedWorkflow == null ? null : ctx_r2.selectedWorkflow["isDocument"]) ? "DOC" : "FLOW", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.selectedWorkflow == null ? null : ctx_r2.selectedWorkflow.name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(9, 6, ctx_r2.selectedWorkflow == null ? null : ctx_r2.selectedWorkflow["createdAt"], "medium"), " \u00A0 ", ctx_r2.selectedWorkflow == null ? null : ctx_r2.selectedWorkflow.numberOfSteps, " ");
+} }
+function TWorkflowPickerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-card")(1, "mat-nav-list", 3);
+    i0.ɵɵtemplate(2, TWorkflowPickerComponent_Conditional_2_Conditional_2_Template, 2, 0)(3, TWorkflowPickerComponent_Conditional_2_Conditional_3_Template, 13, 9, "mat-list-item");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r2.value ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.value ? 3 : -1);
+} }
+class TWorkflowPickerComponent {
+    set getWorkflowOptions(value) {
+        if (value?.length === this._workflowOptions?.length && value?.every((workflow, index) => workflow.id === this._workflowOptions?.[index]?.id)) {
+            return;
+        }
+        this._workflowOptions = value;
+    }
+    constructor() {
+        this._workflowOptions = [];
+        this.value = undefined;
+        this.valueChanged = new EventEmitter();
+        this.error = undefined;
+        this.loading = false;
+    }
+    ngOnInit() {
+    }
+    get workflowOptions() {
+        return this._workflowOptions || [];
+    }
+    unbindInput() {
+        this.value = undefined;
+        this.valueChanged.emit(this.value);
+    }
+    bindInput(workflow) {
+        this.valueChanged.emit(workflow.id);
+    }
+    get selectedWorkflow() {
+        return this._workflowOptions?.find((workflow) => workflow.id === this.value);
+    }
+    static { this.ɵfac = function TWorkflowPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TWorkflowPickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TWorkflowPickerComponent, selectors: [["lib-t-workflow-picker"]], inputs: { getWorkflowOptions: "getWorkflowOptions", value: "value" }, outputs: { valueChanged: "valueChanged" }, decls: 3, vars: 3, consts: [[1, "loadingContainer"], [1, "spacer"], ["color", "primary", "mat-raised-button", ""], [2, "padding", "0px"], [3, "click"], ["matListItemIcon", "", 1, "docType"], [2, "font-size", "10px"], ["matListItemTitle", ""], [2, "font-size", "13px", "opacity", "0.6", "line-height", "normal"], ["matListItemMeta", "", "mat-icon-button", ""], ["color", "primary"]], template: function TWorkflowPickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TWorkflowPickerComponent_Conditional_0_Template, 6, 0, "mat-toolbar")(1, TWorkflowPickerComponent_Conditional_1_Template, 2, 0, "div", 0)(2, TWorkflowPickerComponent_Conditional_2_Template, 4, 2, "mat-card");
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.error ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.loading ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.loading && !ctx.error ? 2 : -1);
+        } }, dependencies: [CommonModule, i2.DatePipe, MatModulesModule, i2$1.MatButton, i2$1.MatIconButton, i3$1.MatCard, i4$1.MatChip, i4.MatDivider, i6.MatIcon, i6$1.MatNavList, i6$1.MatListItem, i6$1.MatListItemIcon, i6$1.MatListItemTitle, i6$1.MatListItemMeta, i7$1.MatProgressSpinner, i9.MatToolbar], styles: [".suggestion-container[_ngcontent-%COMP%]{display:flex;width:100%;gap:14px}.docType[_ngcontent-%COMP%]{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card[_ngcontent-%COMP%]{margin-bottom:8px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TWorkflowPickerComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-t-workflow-picker', standalone: true, imports: [CommonModule, MatModulesModule], template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" [style.background]=\" option['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                <span style=\"font-size: 10px;\">\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n            <mat-list-item (click)=\" unbindInput() \">\r\n\r\n                <mat-chip class=\"docType\" [style.background]=\"selectedWorkflow?.['isDocument'] ? 'lightskyblue' : ''\" matListItemIcon>\r\n                    <span style=\"font-size: 10px;\">\r\n                        {{selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    </span>\r\n                </mat-chip>\r\n    \r\n    \r\n                <div matListItemTitle>\r\n                    <div>\r\n                        {{ selectedWorkflow?.name }}\r\n                    </div>\r\n    \r\n                    <div style=\"font-size: 13px; opacity: 0.6;line-height:normal\">\r\n                        {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                        {{ selectedWorkflow?.numberOfSteps }}\r\n                    </div>\r\n                </div>\r\n                <button matListItemMeta mat-icon-button>\r\n                    <mat-icon color=\"primary\">\r\n                        check_circle\r\n                    </mat-icon>\r\n                </button>\r\n    \r\n            </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}\n"] }]
+    }], () => [], { getWorkflowOptions: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], valueChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TWorkflowPickerComponent, { className: "TWorkflowPickerComponent", filePath: "lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.ts", lineNumber: 15 }); })();
+
+class PipelineService {
+    constructor() {
+        //LOADING INDICATORS
+        this.isRunningPipeline = false;
+        this.aiIsGeneratingPipeline = false;
+        this.isLoadingAllowedStages = false;
+        this.isLoadingWorkflowSchema = false;
+        //States 
+        this.workflowId$ = new BehaviorSubject(undefined);
+        this.activeStage$ = new BehaviorSubject(undefined);
+        this.prompt$ = new BehaviorSubject(undefined);
+        this.schemaLoadError$ = new BehaviorSubject(undefined);
+        this.pipeline$ = new BehaviorSubject([]);
+        this.threadId$ = new BehaviorSubject(undefined);
+        this.schema$ = new BehaviorSubject(undefined);
+        this.allowedStages$ = new BehaviorSubject([]);
+        this.pipeLineResult$ = new BehaviorSubject([]);
+        this.chatHistory$ = new BehaviorSubject([]);
+        this.http = inject(HttpClient);
+        //Set local storage threadId
+        const threadId = localStorage.getItem('threadId');
+        if (threadId) {
+            this.threadId$.next(threadId);
+        }
+    }
+    get config$() {
+        return this.workflowId$.pipe(switchMap(workflowId => this.pipeline$.pipe(switchMap(pipeline => this.pipeLineResult$.pipe(map(responseBody => ({ workflowId, pipeline, responseBody })))))));
+    }
+    /**
+     * Fetch available pipeline stages for the user to select and generate pipelines.
+     * Ideally, this could be static or fetched from a backend.
+     */
+    runPipeLine(pipeline, workflowId) {
+        const url = "http://localhost:5000/api/v1/pipelineBuilder/runPipeline";
+        // For now, returning a static list of pipeline stages. In a real application, you can fetch from an API.
+        this.isRunningPipeline = true;
+        return this.http.post(url, { pipeline, workflowId }).pipe(take(1), catchError(this.handleError), // Error handling for the HTTP request,
+        finalize(() => this.isRunningPipeline = false));
+    }
+    /**
+     * Generate a MongoDB pipeline based on the given user prompt.
+     *
+     * @param prompt The user's input or description of the desired pipeline.
+     */
+    generatePipeline(query, schema, threadId, existingPipeline, previousError) {
+        if (!schema) {
+            throw new Error("Schema is required");
+        }
+        const payload = { query, schema, threadId, existingPipeline, previousError };
+        const url = "http://localhost:5000/api/v1/pipelineBuilder/generatePipeline";
+        this.aiIsGeneratingPipeline = true;
+        return this.http.post(`${url}`, payload)
+            .pipe(take(1), catchError(this.handleError), // Error handling for the HTTP request,
+        finalize(() => this.aiIsGeneratingPipeline = false));
+    }
+    /**
+     * Handle any errors from the HTTP request.
+     *
+     * @param error The error response from the HTTP request
+     */
+    handleError(error) {
+        console.error('An error occurred', error);
+        // Return an observable with a user-facing error message
+        return throwError(() => new Error('Something went wrong with the pipeline generation; please try again later.'));
+    }
+    getSchema(workflowId) {
+        if (!workflowId) {
+            throw new Error("WorkflowId is required");
+        }
+        const url = "http://localhost:5000/api/v1/pipelineBuilder/getSchema";
+        return this.http.get(`${url}`, { params: { workflowId: workflowId } }).pipe(take(1), catchError(this.handleError) // Error handling for the HTTP request
+        );
+    }
+    /** OPERATIONS */
+    isSchemaEmpty(object) {
+    }
+    workflowChanged(event) {
+        this.workflowId$.next(event);
+        if (!event) {
+            return;
+        }
+        this.getSchema(event).pipe(take(1), tap(({ schema }) => {
+            this.schema$.next(schema);
+            const isEmptySchema = Object.keys(schema)[0] === "" && Object.values(schema)[0] === "Array<>";
+            const error = isEmptySchema
+                ? "Document schema is missing. Please ensure at least one document exists for the selected workflow."
+                : undefined;
+            this.schemaLoadError$.next(error);
+            console.log("Workflow schema loaded,run pipeline");
+            this.runActivePipeline();
+        }), catchError((error) => {
+            this.schemaLoadError$.next("Error loading schema");
+            return this.handleError(error);
+        })).subscribe();
+    }
+    setActiveStage(i) {
+        const index = this.activeStage$.getValue();
+        if (index === i) {
+            this.activeStage$.next(undefined);
+            return;
+        }
+        this.activeStage$.next(i);
+    }
+    addStage() {
+        const newPipeline = this.pipeline$.getValue().concat({});
+        this.pipeline$.next(newPipeline);
+    }
+    onTextChange(event) {
+        this.prompt$.next(event);
+        console.log(event);
+    }
+    promptSubmit() {
+        // Use combineLatest to fetch the latest values from multiple sources
+        combineLatest([this.schema$, this.threadId$, this.pipeline$, this.prompt$, this.chatHistory$])
+            .pipe(take(1), tap(([schema, threadId, pipeline, prompt, history]) => {
+            if (!schema || !prompt) {
+                console.warn(`Missing values: schema ${schema} prompt ${prompt}`);
+            }
+        }), filter(([schema, , , prompt]) => !!schema && !!prompt), switchMap(([schema, threadId, pipeline, prompt, history]) => {
+            // Use a shallow copy of the pipeline
+            const previousError = history[history.length - 1]?.assistance?.error;
+            const pipelineCopy = pipeline.map(stage => JSON.parse(JSON.stringify(stage))) || [];
+            console.info('Generating pipeline with prompt:', prompt, 'schema:', schema, 'threadId:', threadId, 'pipeline:', pipeline);
+            return this.generatePipeline(prompt, schema, threadId, pipelineCopy, previousError).pipe(map((response) => ({ ...response, history, prompt })));
+        }), tap((response) => {
+            const { pipeline, threadId, history, prompt } = response;
+            const historyRecord = {
+                user: prompt,
+                assistance: response,
+                date: new Date()
+            };
+            // Use next with a concatenated value for chat history
+            this.chatHistory$.next([...(history || []), historyRecord]);
+            this.pipeline$.next(pipeline);
+            this.threadId$.next(threadId);
+            // Store threadID locally
+            localStorage.setItem('threadId', threadId);
+            // Run the active pipeline after all state updates are complete
+            console.log("prompt submitted run pipeline");
+            this.runActivePipeline();
+        }), catchError((error) => {
+            console.error('Error response:', error.message || error);
+            return this.handleError(error);
+        })).subscribe();
+    }
+    runActivePipeline() {
+        const pipeline = [...(this.pipeline$.getValue().map(stage => (JSON.parse(JSON.stringify(stage)))) || [])];
+        const someAreNotValid = pipeline.some(stage => Object.keys(stage).length === 0);
+        if (pipeline.length === 0 || someAreNotValid) {
+            return;
+        }
+        try {
+            PipelineBuilder.validatePipeline(pipeline);
+        }
+        catch (error) {
+            console.error(error, pipeline);
+            return;
+        }
+        const workflowId = this.workflowId$.getValue();
+        if (!workflowId) {
+            return;
+        }
+        this.runPipeLine(pipeline, workflowId).pipe(take(1), tap(({ results }) => {
+            this.pipeLineResult$.next(results);
+        }), catchError((error) => {
+            console.error('Error response:', error);
+            const err = JSON.parse(JSON.stringify(error));
+            const errorMessage = err.error;
+            if (errorMessage) {
+                this.pipelineErrorLogAndRetry(errorMessage);
+            }
+            return this.handleError(error);
+        })).subscribe();
+    }
+    pipelineErrorLogAndRetry(message) {
+        const history = this.chatHistory$.getValue();
+        const prompt = this.prompt$.getValue();
+        const historyRecord = {
+            user: prompt,
+            assistance: {
+                message
+            },
+            date: new Date()
+        };
+        this.chatHistory$.next([...(history || []), historyRecord]);
+    }
+    get activeStage() {
+        return this.pipeline$.asObservable().pipe(switchMap(pipeline => this.activeStage$.pipe(map(activeIndex => activeIndex === undefined ? undefined : {
+            name: Object.keys(pipeline[activeIndex] || {})[0] || '',
+            config: pipeline[activeIndex][Object.keys(pipeline[activeIndex] || {})?.[0] || '']
+        }))));
+    }
+    saveStage(index, stage) {
+        const pipeline = this.pipeline$.getValue();
+        if (index === undefined) {
+            return;
+        }
+        const newPipeline = pipeline.map((s, i) => {
+            if (i === index) {
+                return stage ? {
+                    [stage.stage]: stage.config
+                } : s;
+            }
+            return s;
+        });
+        console.log("newPipeline", newPipeline);
+        this.pipeline$.next(newPipeline);
+        this.activeStage$.next(undefined);
+        console.log("stage saved run pipeline");
+        this.runActivePipeline();
+    }
+    deleteStage(index) {
+        const pipeline = this.pipeline$.getValue();
+        if (index === undefined) {
+            return;
+        }
+        const newPipeline = pipeline.filter((s, i) => i !== index);
+        console.log("newPipeline", newPipeline);
+        this.pipeline$.next(newPipeline);
+        this.activeStage$.next(undefined);
+        console.log("stage deleted run pipeline");
+        this.runActivePipeline();
+    }
+    get pipelineGeneralValid() {
+        return this.pipeline$.asObservable().pipe(map(pipeline => {
+            const allHaveTypes = pipeline.every(stage => Object.keys(stage).length === 1);
+            if (!allHaveTypes) {
+                return {
+                    valid: false,
+                    message: "All stages must be a valid pipeline stage"
+                };
+            }
+            const AllStagesMustHaveConfig = pipeline.every((stage) => stage[Object.keys(stage)?.[0] || ''] !== undefined);
+            if (!AllStagesMustHaveConfig) {
+                return {
+                    valid: false,
+                    message: "All stages must have a configuration"
+                };
+            }
+            return {
+                valid: true
+            };
+        }));
+    }
+    static { this.ɵfac = function PipelineService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipelineService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PipelineService, factory: PipelineService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipelineService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [], null); })();
+
+const _c0 = ["textarea"];
+function PipelineGeneratorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "mat-spinner", 3);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, " Loading workflows... ");
+    i0.ɵɵelementEnd()();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-spinner", 30);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "mat-icon", 32);
+    i0.ɵɵtext(2, "info");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, " Add stages to the pipeline below.");
+    i0.ɵɵelement(5, "br");
+    i0.ɵɵtext(6, " Each stage processes input documents by filtering, grouping, or calculating values. The output documents from one stage are passed to the next stage in the pipeline. ");
+    i0.ɵɵelementEnd()();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵtext(1, " Incomplete , click to edit ");
+    i0.ɵɵelementEnd();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 44);
+    i0.ɵɵtext(1, "check_circle");
+    i0.ɵɵelementEnd();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_mat_icon_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 45);
+    i0.ɵɵtext(1, " warning ");
+    i0.ɵɵelementEnd();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵtemplate(1, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_mat_icon_1_Template, 2, 0, "mat-icon", 42);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵtemplate(3, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_mat_icon_3_Template, 2, 0, "mat-icon", 43);
+    i0.ɵɵpipe(4, "async");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext();
+    const stage_r7 = ctx_r5.$implicit;
+    const $index_r5 = ctx_r5.index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 2, ctx_r1.activeStageIndex) === $index_r5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !stage_r7.valid && i0.ɵɵpipeBind1(4, 4, ctx_r1.activeStageIndex) !== $index_r5);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_app_aggregate_stage_editor_16_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-aggregate-stage-editor", 46);
+    i0.ɵɵlistener("deleteStage", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_app_aggregate_stage_editor_16_Template_app_aggregate_stage_editor_deleteStage_0_listener() { i0.ɵɵrestoreView(_r8); const $index_r5 = i0.ɵɵnextContext().index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.deleteStage($index_r5)); })("saveStage", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_app_aggregate_stage_editor_16_Template_app_aggregate_stage_editor_saveStage_0_listener($event) { i0.ɵɵrestoreView(_r8); const $index_r5 = i0.ɵɵnextContext().index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveStage($index_r5, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const stage_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("selectedStage", stage_r7)("isRunningPipeline", ctx_r1.isRunningPipeline);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "mat-list-item", 33);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵpipe(3, "async");
+    i0.ɵɵpipe(4, "async");
+    i0.ɵɵlistener("click", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_Template_mat_list_item_click_1_listener() { const $index_r5 = i0.ɵɵrestoreView(_r4).index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setActiveStage($index_r5)); });
+    i0.ɵɵelementStart(5, "span", 34);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 35)(8, "div", 36);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_div_10_Template, 2, 0, "div", 37);
+    i0.ɵɵpipe(11, "async");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(12, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_button_12_Template, 5, 6, "button", 38);
+    i0.ɵɵpipe(13, "async");
+    i0.ɵɵpipe(14, "async");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(15, "mat-divider");
+    i0.ɵɵtemplate(16, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_app_aggregate_stage_editor_16_Template, 1, 2, "app-aggregate-stage-editor", 39);
+    i0.ɵɵpipe(17, "async");
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const stage_r7 = ctx.$implicit;
+    const $index_r5 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("margin-top", i0.ɵɵpipeBind1(2, 10, ctx_r1.activeStageIndex) === $index_r5 ? "4px" : "0px");
+    i0.ɵɵclassProp("mat-elevation-z8", i0.ɵɵpipeBind1(3, 12, ctx_r1.activeStageIndex) === $index_r5);
+    i0.ɵɵproperty("activated", i0.ɵɵpipeBind1(4, 14, ctx_r1.activeStageIndex) === $index_r5);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", $index_r5 + 1, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", stage_r7.name || "Stage ", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !stage_r7.name && i0.ɵɵpipeBind1(11, 16, ctx_r1.activeStageIndex) !== $index_r5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(13, 18, ctx_r1.activeStageIndex) === $index_r5 || !stage_r7.valid && i0.ɵɵpipeBind1(14, 20, ctx_r1.activeStageIndex) !== $index_r5);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(17, 22, ctx_r1.activeStageIndex) === $index_r5);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-spinner", 30);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_lib_t_dynamic_data_view_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "lib-t-dynamic-data-view", 49);
+} if (rf & 2) {
+    const results_r9 = i0.ɵɵnextContext().ngIf;
+    i0.ɵɵproperty("data", results_r9);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_p_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 50);
+    i0.ɵɵtext(1, " No results available ");
+    i0.ɵɵelementEnd();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_lib_t_dynamic_data_view_1_Template, 1, 1, "lib-t-dynamic-data-view", 47)(2, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_p_2_Template, 2, 0, "p", 48);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const results_r9 = ctx.ngIf;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", results_r9);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !results_r9);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_template_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 50);
+    i0.ɵɵtext(1, "No results available");
+    i0.ɵɵelementEnd();
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-spinner", 51);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "mat-icon", 52);
+    i0.ɵɵtext(2, "error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "async");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 1, ctx_r1.schemaLoadError$), "");
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "pre");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "json");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const chat_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("                ", i0.ɵɵpipeBind1(3, 1, chat_r10.assistance.pipeline), "\n              ");
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_div_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const chat_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", chat_r10.assistance.error, " ");
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-list")(1, "mat-list-item", 24)(2, "div", 53)(3, "div");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 54);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "daysAgo");
+    i0.ɵɵelementStart(8, "mat-icon", 55);
+    i0.ɵɵtext(9, " done_all ");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(10, "mat-list-item", 56)(11, "mat-icon", 57);
+    i0.ɵɵtext(12, "smart_toy");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_div_13_Template, 4, 3, "div", 58)(14, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_div_14_Template, 2, 1, "div", 59);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const chat_r10 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", chat_r10.user, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 4, chat_r10.date), " ");
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", !(chat_r10.assistance == null ? null : chat_r10.assistance.error));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", chat_r10.assistance == null ? null : chat_r10.assistance.error);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-spinner", 61);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_section_53_button_8_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_section_53_button_8_Template_button_click_0_listener() { const method_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectSuggestionInput(method_r12.value)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "titlecase");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const method_r12 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, method_r12.label), " ");
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_section_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 62);
+    i0.ɵɵelement(1, "mat-divider");
+    i0.ɵɵelementStart(2, "div", 63)(3, "div", 64)(4, "div", 65)(5, "h5");
+    i0.ɵɵtext(6, "Collection document properties");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 66);
+    i0.ɵɵtemplate(8, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_section_53_button_8_Template, 3, 3, "button", 67);
+    i0.ɵɵpipe(9, "async");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(9, 2, ctx_r1.getSchemaProperties))("ngForTrackBy", ctx_r1.trackById);
+} }
+function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-accordion", 7)(1, "mat-expansion-panel", 8)(2, "mat-expansion-panel-header")(3, "mat-panel-title");
+    i0.ɵɵtemplate(4, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_4_Template, 1, 0, "mat-spinner", 9);
+    i0.ɵɵelementStart(5, "mat-icon", 10);
+    i0.ɵɵtext(6, " dynamic_form ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 11);
+    i0.ɵɵtemplate(9, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_div_9_Template, 7, 0, "div", 12);
+    i0.ɵɵpipe(10, "async");
+    i0.ɵɵelementStart(11, "mat-nav-list", 13);
+    i0.ɵɵtemplate(12, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_12_Template, 18, 24, "ng-container", 14);
+    i0.ɵɵpipe(13, "async");
+    i0.ɵɵelementStart(14, "mat-toolbar", 15);
+    i0.ɵɵelement(15, "span", 16);
+    i0.ɵɵelementStart(16, "button", 17);
+    i0.ɵɵlistener("click", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.addStage()); });
+    i0.ɵɵtext(17, " Add ");
+    i0.ɵɵelementStart(18, "mat-icon");
+    i0.ɵɵtext(19, "add");
+    i0.ɵɵelementEnd()()()()()();
+    i0.ɵɵelementStart(20, "mat-expansion-panel", 18)(21, "mat-expansion-panel-header")(22, "mat-panel-title");
+    i0.ɵɵtemplate(23, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_23_Template, 1, 0, "mat-spinner", 9);
+    i0.ɵɵelementStart(24, "mat-icon", 10);
+    i0.ɵɵtext(25, "dataset");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 11);
+    i0.ɵɵtemplate(28, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_container_28_Template, 3, 2, "ng-container", 19);
+    i0.ɵɵpipe(29, "async");
+    i0.ɵɵtemplate(30, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_ng_template_30_Template, 2, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "mat-expansion-panel", 20)(33, "mat-expansion-panel-header")(34, "mat-panel-title");
+    i0.ɵɵtemplate(35, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_35_Template, 1, 0, "mat-spinner", 21);
+    i0.ɵɵelementStart(36, "mat-icon", 10);
+    i0.ɵɵtext(37, "tips_and_updates");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(38);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "div", 11);
+    i0.ɵɵtemplate(40, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Conditional_40_Template, 6, 3, "div", 22);
+    i0.ɵɵpipe(41, "async");
+    i0.ɵɵtemplate(42, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_list_42_Template, 15, 6, "mat-list", 23);
+    i0.ɵɵpipe(43, "async");
+    i0.ɵɵelementStart(44, "mat-list")(45, "mat-list-item", 24)(46, "textarea", 25, 1);
+    i0.ɵɵpipe(48, "async");
+    i0.ɵɵlistener("input", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Template_textarea_input_46_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTextChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "button", 26);
+    i0.ɵɵlistener("click", function PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.promptSubmit()); });
+    i0.ɵɵelementStart(50, "mat-icon", 27);
+    i0.ɵɵtext(51, "send");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(52, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_mat_spinner_52_Template, 1, 0, "mat-spinner", 28);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(53, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_section_53_Template, 10, 4, "section", 29);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_6_0;
+    const noResults_r13 = i0.ɵɵreference(31);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r1.isRunningPipeline);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isRunningPipeline ? "Executing current Data pipeline..." : "Data retrieval pipeline", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", (((tmp_6_0 = i0.ɵɵpipeBind1(10, 18, ctx_r1.stages)) == null ? null : tmp_6_0.length) || 0) === 0);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(13, 20, ctx_r1.stages))("ngForTrackBy", ctx_r1.trackById);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunningPipeline);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r1.isRunningPipeline);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isRunningPipeline ? "Running pipeline..." : "Data Results", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(29, 22, ctx_r1.pipeLineResults))("ngIfElse", noResults_r13);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngIf", ctx_r1.aiIsGeneratingPipeline);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.aiIsGeneratingPipeline ? "Agent busy ..." : "AI AGENT prompt", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(i0.ɵɵpipeBind1(41, 24, ctx_r1.schemaLoadError$) ? 40 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(43, 26, ctx_r1.chatHistory));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", i0.ɵɵpipeBind1(48, 28, ctx_r1.prompt));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.aiIsGeneratingPipeline);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.aiIsGeneratingPipeline);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.showSuggestions);
+} }
+function PipelineGeneratorComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 4)(1, "p");
+    i0.ɵɵtext(2, "MongoDB aggregation pipeline builder for selected workflows. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "lib-t-workflow-picker", 5);
+    i0.ɵɵpipe(4, "async");
+    i0.ɵɵlistener("valueChanged", function PipelineGeneratorComponent_Conditional_1_Template_lib_t_workflow_picker_valueChanged_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.workflowChanged($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, PipelineGeneratorComponent_Conditional_1_mat_accordion_5_Template, 54, 30, "mat-accordion", 6);
+    i0.ɵɵpipe(6, "async");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("getWorkflowOptions", ctx_r1.workflowOptions)("value", i0.ɵɵpipeBind1(4, 3, ctx_r1.workflowId));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 5, ctx_r1.workflowId));
+} }
+class PipelineGeneratorComponent {
+    static { this.nextId = 0; }
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.NGX_T_FORMS_CONFIG = inject(NGX_T_FORMS_CONFIG_TOKEN);
+        this.id = `app-pipeline-generator-${PipelineGeneratorComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.required = false;
+        this.disabled = false;
+        this.touched = false;
+        this.onTouched = () => { };
+        this.workflowOptions = [];
+        this.loadingWorkflowOptions = false;
+        this.workflowsInitialized = false;
+        this.valueChanged = new EventEmitter();
+        this.errors = [];
+        this.destroy$ = new Subject();
+        this.pipeline = new PipelineService();
+        this.initiated = false;
+        this.initiateSubscription = () => {
+            this.pipeline.config$.pipe(takeUntil(this.destroy$), distinctUntilChanged((prev, curr) => JSON.stringify(prev) === JSON.stringify(curr))).subscribe(config => {
+                if (!this.initiated) {
+                    this.initiated = true;
+                    return;
+                }
+                const newConfig = {
+                    ...this._value,
+                    ...config,
+                    "source": "mongoPipeline",
+                };
+                console.log('Pipeline config changed', newConfig);
+                this.valueChanged.emit(newConfig);
+            });
+        };
+        this.cursorPosition = 0;
+        this.showSuggestions = false;
+        this.optionsSearch = '';
+        this.trackById = (index, stage) => index;
+    }
+    get empty() {
+        return !this.value;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
+        return !this.value && !!this.required || hasError;
+    }
+    setDescribedByIds(ids) {
+        // Ensure the component view is initialized
+        if (this._elementRef && this._elementRef.nativeElement) {
+            const controlElement = this._elementRef.nativeElement.querySelector('.app-pipeline-generator');
+            // Check if the controlElement exists before attempting to set its attribute
+            if (controlElement) {
+                controlElement.setAttribute('aria-describedby', ids.join(' '));
+            }
+        }
+    }
+    onContainerClick(event) {
+        this.markAsTouched();
+        this.stateChanges.next();
+    }
+    markAsTouched() {
+        console.log('markAsTouched');
+        if (!this.touched) {
+            this.onTouched();
+            this.touched = true;
+        }
+    }
+    set value(value) {
+        const workflowIdChanged = this._value?.workflowId !== value?.workflowId;
+        const pipelineLengthChanged = this._value?.pipeline?.length !== value?.pipeline?.length;
+        const pipeLineContentChanged = JSON.stringify(this._value?.pipeline) !== JSON.stringify(value?.pipeline);
+        if (workflowIdChanged || pipelineLengthChanged || pipeLineContentChanged) {
+            this._value = value;
+            if (value?.workflowId) {
+                this.workflowChanged(value?.workflowId);
+            }
+            console.log('Pipeline value changed', value, this.pipeline.pipeline$.value);
+            if (value?.pipeline) {
+                this.pipeline.pipeline$.next(value?.pipeline || []);
+            }
+        }
+    }
+    set getWorkflowOptions(options$) {
+        if (!this.workflowsInitialized && !!options$) {
+            this.workflowsInitialized = true;
+            this.loadingWorkflowOptions = true;
+            options$.pipe(take(1), tap(options => {
+                this.workflowOptions = options;
+                this.loadingWorkflowOptions = false;
+            })).subscribe();
+        }
+    }
+    ngOnInit() {
+        this.initiateSubscription();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    workflowChanged(event) {
+        this.pipeline.workflowChanged(event);
+    }
+    get workflowId() {
+        return this.pipeline.workflowId$.asObservable();
+    }
+    get stages() {
+        return this.pipeline.pipeline$.asObservable().pipe(map(stages => stages.map(stage => ({
+            name: Object.keys(stage)[0],
+            stage: Object.keys(stage)[0],
+            config: stage[Object.keys(stage)?.[0] || ''],
+            valid: !!Object.keys(stage)[0] && !!stage[Object.keys(stage)?.[0] || '']
+        }))));
+    }
+    get pipeLineResults() {
+        return this.pipeline.pipeLineResult$.asObservable();
+    }
+    get prompt() {
+        return this.pipeline.prompt$.asObservable();
+    }
+    get aiIsGeneratingPipeline() {
+        return this.pipeline.aiIsGeneratingPipeline;
+    }
+    get activeStageIndex() {
+        return this.pipeline.activeStage$.asObservable();
+    }
+    get activeStage() {
+        console.log(this.pipeline.activeStage);
+        return this.pipeline.activeStage;
+    }
+    get isRunningPipeline() {
+        return this.pipeline.isRunningPipeline;
+    }
+    get cannotAddStage() {
+        return this.pipeline.pipelineGeneralValid.pipe(map(valid => !valid));
+    }
+    get schemaLoadError$() {
+        return this.pipeline.schemaLoadError$.asObservable();
+    }
+    get chatHistory() {
+        return this.pipeline.chatHistory$.asObservable();
+    }
+    onTextChange(event) {
+        if (!this.textareaElementRef?.nativeElement) {
+            return;
+        }
+        console.log('onTextChange', event);
+        const newValue = event.target.value;
+        const textarea = this.textareaElementRef.nativeElement;
+        this.cursorPosition = textarea.selectionStart || 0;
+        const lastChar = newValue[this.cursorPosition - 1];
+        const match = newValue.slice(0, this.cursorPosition).match(/\$(\w*)$/);
+        if (lastChar === '$' || (match && match[1] !== undefined)) {
+            this.showSuggestions = true;
+            this.optionsSearch = match ? match?.[1] || '' : '';
+        }
+        else {
+            this.showSuggestions = false;
+            this.optionsSearch = '';
+        }
+        this.pipeline.onTextChange(newValue);
+    }
+    selectSuggestionInput(suggestion) {
+        this.pipeline.prompt$.asObservable().pipe(take(1), tap(prompt => {
+            const match = prompt?.slice(0, this.cursorPosition).match(/\$(\w*)$/);
+            const beforeCursor = prompt?.slice(0, match ? match.index : this.cursorPosition - 1);
+            const afterCursor = prompt?.slice(this.cursorPosition);
+            prompt = beforeCursor + suggestion + ' ' + afterCursor;
+            this.pipeline.prompt$.next(prompt);
+            this.applyNewValueToPrompt(suggestion);
+        })).subscribe();
+    }
+    applyNewValueToPrompt(suggestion) {
+        this.showSuggestions = false;
+        const textarea = this.textareaElementRef.nativeElement;
+        textarea.focus();
+        const newCursorPosition = this.cursorPosition + suggestion.length;
+        setTimeout(() => {
+            textarea.setSelectionRange(newCursorPosition, newCursorPosition);
+        }, 0);
+    }
+    onSearchChange(event) {
+        this.optionsSearch = event.detail.value;
+    }
+    promptSubmit() {
+        this.pipeline.promptSubmit();
+        console.log('promptSubmit');
+    }
+    setActiveStage(index) {
+        this.pipeline.setActiveStage(index);
+    }
+    addStage() {
+        this.pipeline.addStage();
+    }
+    get getSchemaProperties() {
+        return this.pipeline.schema$.asObservable().pipe(map(schema => Object.keys(schema || {}).map(key => ({ label: key, value: key, })).filter(key => this.optionsSearch ? key.label.toLowerCase().includes(this.optionsSearch.toLowerCase()) : true)));
+    }
+    deleteStage(index) {
+        this.pipeline.deleteStage(index);
+    }
+    saveStage(index, stage) {
+        this.pipeline.saveStage(index, stage);
+        this.setActiveStage(undefined);
+    }
+    static { this.ɵfac = function PipelineGeneratorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PipelineGeneratorComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PipelineGeneratorComponent, selectors: [["app-pipeline-generator"]], viewQuery: function PipelineGeneratorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5, ElementRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textareaElementRef = _t.first);
+        } }, hostVars: 1, hostBindings: function PipelineGeneratorComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", ctx.id);
+        } }, inputs: { value: "value", getWorkflowOptions: "getWorkflowOptions", userName: "userName", errors: "errors" }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }])], decls: 2, vars: 2, consts: [["noResults", ""], ["textarea", ""], [2, "display", "flex", "flex-direction", "column", "justify-content", "center", "align-items", "center", "padding", "24px"], [2, "margin-bottom", "16px"], [1, "ion-margin"], [3, "valueChanged", "getWorkflowOptions", "value"], ["multi", "", 4, "ngIf"], ["multi", ""], ["value", "pipeline"], ["color", "accent", "class", "header-spinner", 4, "ngIf"], [1, "title-icon"], [1, "content"], ["class", "tree-instructions", 4, "ngIf"], [2, "background", "var(--mat-tree-container-background-color)", "padding", "0px", "border-radius", "8px"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [2, "padding", "0px"], [1, "spacer"], ["color", "primary", "mat-raised-button", "", 1, "stage-button", 3, "click", "disabled"], ["value", "results"], [4, "ngIf", "ngIfElse"], ["value", "ai"], ["style", "position: absolute;", "class", "header-spinner", 4, "ngIf"], [1, "tree-instructions", 2, "background", "antiquewhite !important"], [4, "ngFor", "ngForOf"], [1, "chatContent", "chatItem"], ["matListItemTitle", "", "placeholder", "Provide a pipeline generation prompt", 1, "chat", 2, "width", "calc(100% - 13px)", "border-radius", "14px", "padding-right", "3px", "padding-left", "8px", 3, "input", "value"], ["matListItemMeta", "", "color", "primary", "mat-mini-fab", "", 2, "margin-left", "4px", "margin-right", "0px", 3, "click", "disabled"], [2, "margin", "0px !important", "color", "white"], ["color", "accent", "class", "submit-spinner", 4, "ngIf"], ["class", "showSuggestionContainer", 4, "ngIf"], ["color", "accent", 1, "header-spinner"], [1, "tree-instructions"], ["color", "primary", 1, "info-icon"], [1, "stage-item", 3, "click", "activated"], ["matListItemAvatar", "", 1, "stage-index"], ["matListItemTitle", ""], [2, "line-height", "normal"], ["class", "stage-inner-message", 4, "ngIf"], ["mat-icon-button", "", "matListItemMeta", "", 4, "ngIf"], [3, "selectedStage", "isRunningPipeline", "deleteStage", "saveStage", 4, "ngIf"], [1, "stage-inner-message"], ["mat-icon-button", "", "matListItemMeta", ""], ["color", "primary", 4, "ngIf"], ["color", "warn", 4, "ngIf"], ["color", "primary"], ["color", "warn"], [3, "deleteStage", "saveStage", "selectedStage", "isRunningPipeline"], [3, "data", 4, "ngIf"], ["color", "medium", 4, "ngIf"], [3, "data"], ["color", "medium"], [1, "header-spinner", 2, "position", "absolute"], ["color", "warn", 1, "info-icon"], ["matListItemTitle", "", 1, "chat", 2, "background", "bisque", "text-align", "end", "border-radius", "18px 18px 0px 18px"], [2, "opacity", "0.6", "line-height", "normal", "display", "flex", "align-items", "center", "justify-content", "flex-end"], [1, "sent-icon"], ["color", "light", "lines", "full", 1, "chatContent", "chatItem", 2, "margin-top", "16px"], ["matListItemIcon", "", 2, "margin-left", "0px", "margin-top", "16px", "margin-bottom", "auto"], ["class", "chat", "style", "text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;", "matListItemTitle", "", 4, "ngIf"], ["matListItemTitle", "", 4, "ngIf"], ["matListItemTitle", "", 1, "chat", 2, "text-align", "left", "padding-left", "16px", "background", "azure", "border-radius", "0px 18px 18px 18px"], ["color", "accent", 1, "submit-spinner"], [1, "showSuggestionContainer"], [2, "padding", "8px"], [1, "suggestion-container"], [1, "suggestion-column"], [1, "button-container"], ["color", "accent", "mat-flat-button", "", "class", "suggestion-button", 3, "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["color", "accent", "mat-flat-button", "", 1, "suggestion-button", 3, "click"]], template: function PipelineGeneratorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PipelineGeneratorComponent_Conditional_0_Template, 4, 0, "div", 2)(1, PipelineGeneratorComponent_Conditional_1_Template, 7, 7);
+        } if (rf & 2) {
+            i0.ɵɵconditional(!!ctx.loadingWorkflowOptions ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.loadingWorkflowOptions ? 1 : -1);
+        } }, dependencies: [CommonModule, i2.NgForOf, i2.NgIf, i2.AsyncPipe, i2.JsonPipe, i2.TitleCasePipe, TWorkflowPickerComponent,
+            FormsModule,
+            TDynamicDataViewComponent,
+            MatModulesModule, i2$1.MatButton, i2$1.MatIconButton, i2$1.MatMiniFabButton, i4.MatDivider, i5.MatAccordion, i5.MatExpansionPanel, i5.MatExpansionPanelHeader, i5.MatExpansionPanelTitle, i6.MatIcon, i6$1.MatList, i6$1.MatNavList, i6$1.MatListItem, i6$1.MatListItemAvatar, i6$1.MatListItemIcon, i6$1.MatListItemTitle, i6$1.MatListItemMeta, i7$1.MatProgressSpinner, i9.MatToolbar, AggregateStageEditorComponent,
+            DaysAgoPipe], styles: ["ion-card[_ngcontent-%COMP%]{margin:0 auto}.head[_ngcontent-%COMP%]{font-weight:500;font-size:.9rem;padding-left:8px}.chat[_ngcontent-%COMP%]{margin-top:0;padding-bottom:8px;padding-top:9px;padding-right:16px;white-space:normal;font-size:.8rem}.icon[_ngcontent-%COMP%]{margin-top:auto;margin-bottom:auto;margin-right:16px}.container[_ngcontent-%COMP%]{max-width:600px;margin:0 auto}ion-accordion-group[_ngcontent-%COMP%]{margin:16px}ion-icon[_ngcontent-%COMP%]{margin-right:16PX}.suggestion-container[_ngcontent-%COMP%]{display:flex;width:100%;gap:14px}.suggestion-column[_ngcontent-%COMP%]{flex:1;min-width:0}.button-container[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap}.suggestion-button[_ngcontent-%COMP%]{height:auto;text-transform:capitalize;margin:2px;padding:8px;line-height:normal;text-align:left;font-size:.8em}h5[_ngcontent-%COMP%]{margin-bottom:8px;font-size:1em}mat-expansion-panel-header[_ngcontent-%COMP%]{padding-left:16px;padding-right:16px}mat-expansion-panel[_ngcontent-%COMP%]{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}mat-form-field[_ngcontent-%COMP%]{width:100%;background:azure}.chatItem[_ngcontent-%COMP%]{padding:0}.chatItem[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{margin-left:16px;margin-right:16px}.chatContent[_ngcontent-%COMP%]{height:fit-content!important}.stage-button[_ngcontent-%COMP%]{margin:4px}.stage-index[_ngcontent-%COMP%]{font-size:14px;display:flex;width:28px;height:28px;justify-content:center;background:azure;align-items:center;border:solid var(--mat-divider-color, var(--mat-app-outline)) 1px}.stage-inner-message[_ngcontent-%COMP%]{font-size:14px;display:flex;line-height:normal;opacity:.6}.stage-item[_ngcontent-%COMP%]{height:54px!important}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon[_ngcontent-%COMP%]{min-width:38px!important;display:block}.title-icon[_ngcontent-%COMP%]{margin-right:8px;vertical-align:middle}.header-spinner[_ngcontent-%COMP%]{position:absolute;width:24px!important;height:24px!important}.sent-icon[_ngcontent-%COMP%]{font-size:14px;height:14px;margin-right:0!important;margin-left:0!important}.submit-spinner[_ngcontent-%COMP%]{position:absolute;width:40px!important;right:-8px;top:-20px;height:40px!important;--mdc-circular-progress-size: 40px !important;--mdc-circular-progress-active-indicator-width: 40px !important}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipelineGeneratorComponent, [{
+        type: Component,
+        args: [{ selector: 'app-pipeline-generator', standalone: true, imports: [
+                    CommonModule,
+                    TWorkflowPickerComponent,
+                    FormsModule,
+                    TDynamicDataViewComponent,
+                    MatModulesModule,
+                    AggregateStageEditorComponent,
+                    DaysAgoPipe
+                ], providers: [{ provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent }], template: "@if(!!loadingWorkflowOptions){\n<div style=\"display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px;\">\n  <mat-spinner style=\"margin-bottom: 16px;\"></mat-spinner>\n  <p>\n    Loading workflows...\n  </p>\n</div>\n}\n\n@if(!loadingWorkflowOptions){\n<section class=\"ion-margin\">\n  <p>MongoDB aggregation pipeline builder for selected workflows. </p>\n</section>\n<lib-t-workflow-picker \n(valueChanged)=\"workflowChanged($event)\" \n[getWorkflowOptions]=\" workflowOptions\"\n  [value]=\"workflowId|async\">\n</lib-t-workflow-picker>\n<mat-accordion multi *ngIf=\"workflowId|async\">\n  <!-- Pipeline Accordion -->\n  <mat-expansion-panel value=\"pipeline\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">\n          dynamic_form\n        </mat-icon>\n        {{isRunningPipeline?'Executing current Data pipeline...':'Data retrieval pipeline'}}\n      </mat-panel-title>\n\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <!-- Mongodb aggregate pipelione stages management  and edit start-->\n      <div *ngIf=\"((stages | async)?.length || 0) ===0\" class=\"tree-instructions\">\n        <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n        <span>\n          Add stages to the pipeline below.<br>\n          Each stage processes input documents by filtering, grouping, or calculating values. The output documents from\n          one stage are passed to the next stage in the pipeline.\n        </span>\n      </div>\n\n      <mat-nav-list style=\"    background: var(--mat-tree-container-background-color);padding:0px;border-radius:8px\">\n\n\n        <ng-container *ngFor=\"let stage of stages | async; trackBy: trackById;index as $index;last as isLast\">\n          <mat-list-item [style.margin-top]=\"(activeStageIndex|async) ===$index?'4px':'0px'\"\n            [class.mat-elevation-z8]=\"(activeStageIndex|async) ===$index\" class=\"stage-item\"\n            (click)=\"setActiveStage($index)\" [activated]=\" (activeStageIndex|async) ===$index\">\n            <span class=\"stage-index\" matListItemAvatar>{{$index + 1}} </span>\n            <div matListItemTitle>\n              <div style=\"line-height: normal;\">\n                {{ stage.name || 'Stage ' }}\n              </div>\n              <div class=\"stage-inner-message\" *ngIf=\"!stage.name && (activeStageIndex|async) !==$index \">\n                Incomplete , click to edit\n              </div>\n\n            </div>\n\n            <button *ngIf=\"(activeStageIndex|async) ===$index||!stage.valid && (activeStageIndex|async) !==$index\"\n              mat-icon-button matListItemMeta>\n              <mat-icon color=\"primary\" *ngIf=\"(activeStageIndex|async) ===$index\">check_circle</mat-icon>\n\n              <mat-icon color=\"warn\" *ngIf=\"!stage.valid && (activeStageIndex|async) !==$index\">\n                warning\n              </mat-icon>\n            </button>\n          </mat-list-item>\n          <mat-divider></mat-divider>\n\n          <app-aggregate-stage-editor [selectedStage]=\"stage\" [isRunningPipeline]=\"isRunningPipeline\"\n            (deleteStage)=\"deleteStage($index)\" (saveStage)=\"saveStage($index,$event)\"\n            *ngIf=\"(activeStageIndex|async) ===$index\"></app-aggregate-stage-editor>\n\n\n        </ng-container>\n\n        <mat-toolbar style=\"padding: 0px;\">\n\n          <span class=\"spacer\"></span>\n          <button class=\"stage-button\" [disabled]=\"isRunningPipeline\" color=\"primary\" (click)=\"addStage()\"\n            mat-raised-button>\n            Add\n            <mat-icon>add</mat-icon>\n          </button>\n        </mat-toolbar>\n      </mat-nav-list>\n\n      <!-- Mongodb aggregate pipelione stages management  and edit end -->\n    </div>\n  </mat-expansion-panel>\n\n  <!-- Results Accordion -->\n  <mat-expansion-panel value=\"results\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner color=\"accent\" *ngIf=\"isRunningPipeline\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">dataset</mat-icon>\n        {{isRunningPipeline?'Running pipeline...':'Data Results'}}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <div class=\"content\">\n      <ng-container *ngIf=\"pipeLineResults | async as results; else noResults\">\n\n        <lib-t-dynamic-data-view *ngIf=\"results\" [data]=\"results\"></lib-t-dynamic-data-view>\n        <p *ngIf=\"!results\" color=\"medium\">\n\n          No results available\n\n        </p>\n\n      </ng-container>\n      <ng-template #noResults>\n        <p color=\"medium\">No results available</p>\n      </ng-template>\n    </div>\n  </mat-expansion-panel>\n\n  <!-- AI Agent Accordion -->\n  <mat-expansion-panel value=\"ai\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>\n        <mat-spinner *ngIf=\" aiIsGeneratingPipeline \" style=\"position: absolute;\" class=\"header-spinner\"></mat-spinner>\n        <mat-icon class=\"title-icon\">tips_and_updates</mat-icon>\n        {{ aiIsGeneratingPipeline ? 'Agent busy ...' : 'AI AGENT prompt' }}\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n\n    <div class=\"content\">\n      @if( schemaLoadError$ | async){\n        <div class=\"tree-instructions\" style=\"background: antiquewhite !important;\">\n          <mat-icon class=\"info-icon\" color=\"warn\">error</mat-icon>\n          <span> {{ schemaLoadError$ | async }}</span>\n        </div>\n  \n      }\n      <mat-list *ngFor=\"let chat of chatHistory|async;\">\n\n        <mat-list-item class=\"chatContent chatItem\">\n          <div class=\"chat\" style=\"background:bisque;text-align:end;\n          border-radius: 18px 18px 0px 18px;\" matListItemTitle>\n            <div>\n              {{chat.user}}\n            </div>\n            <div style=\"opacity:0.6;line-height: normal;display: flex;align-items: center;justify-content: flex-end;\">\n              {{chat.date|daysAgo}}\n              <mat-icon class=\"sent-icon\">\n                done_all\n              </mat-icon>\n            </div>\n          </div>\n        </mat-list-item>\n\n        <mat-list-item style=\"margin-top: 16px;\" class=\"chatContent chatItem\" color=\"light\" lines=\"full\">\n          <mat-icon style=\"    margin-left: 0px;\n    margin-top: 16px;\n    margin-bottom: auto;\" matListItemIcon>smart_toy</mat-icon>\n          <div class=\"chat\" style=\"text-align: left; \n          padding-left: 16px;  \n    background: azure;\n    border-radius: 0px 18px 18px 18px;\" *ngIf=\"!chat.assistance?.error\" matListItemTitle>\n            <pre>\n                {{chat. assistance.pipeline |json}}\n              </pre>\n          </div>\n          <div *ngIf=\"chat.assistance?.error\" matListItemTitle>\n            {{chat.assistance.error}}\n          </div>\n        </mat-list-item>\n\n\n      </mat-list>\n      <mat-list>\n        <mat-list-item class=\"chatContent chatItem\">\n          <textarea matListItemTitle #textarea style=\"    width: calc(100% - 13px);\n    border-radius: 14px;\n    padding-right: 3px;\n    padding-left: 8px;\" class=\"chat\" [value]=\" prompt|async\" (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button matListItemMeta style=\"    margin-left: 4px;\n    margin-right: 0px;\" color=\"primary\" mat-mini-fab [disabled]=\"aiIsGeneratingPipeline\" (click)=\"promptSubmit()\">\n\n            <mat-icon style=\"margin: 0px !important;color:white\">send</mat-icon>\n            <mat-spinner color=\"accent\" *ngIf=\" aiIsGeneratingPipeline \" \n            class=\"submit-spinner\" ></mat-spinner>\n          </button>\n         \n        </mat-list-item>\n\n      </mat-list>\n\n\n      <section *ngIf=\"showSuggestions\" class=\"showSuggestionContainer\">\n        <!-- <mat-toolbar class=\"search-container\" style=\"background: inherit;\">\n\n\n          <input type=\"search\" placeholder=\"Search options\" class=\"search-field\" (change)=\"onSearchChange($event)\">\n\n          <mat-icon>\n            search\n          </mat-icon>\n        </mat-toolbar> -->\n        <mat-divider></mat-divider>\n        <div style=\"padding: 8px;\">\n          <div class=\"suggestion-container\">\n            <div class=\"suggestion-column\">\n              <h5>Collection document properties</h5>\n              <div class=\"button-container\">\n                <button *ngFor=\"let method of getSchemaProperties | async;trackBy: trackById\"\n                  (click)=\"selectSuggestionInput(method.value)\" color=\"accent\" mat-flat-button\n                  class=\"suggestion-button\">\n                  {{ method.label | titlecase }}\n                </button>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n      </section>\n\n\n\n\n\n\n\n    </div>\n  </mat-expansion-panel>\n</mat-accordion>\n\n\n}", styles: ["ion-card{margin:0 auto}.head{font-weight:500;font-size:.9rem;padding-left:8px}.chat{margin-top:0;padding-bottom:8px;padding-top:9px;padding-right:16px;white-space:normal;font-size:.8rem}.icon{margin-top:auto;margin-bottom:auto;margin-right:16px}.container{max-width:600px;margin:0 auto}ion-accordion-group{margin:16px}ion-icon{margin-right:16PX}.suggestion-container{display:flex;width:100%;gap:14px}.suggestion-column{flex:1;min-width:0}.button-container{display:flex;flex-wrap:wrap}.suggestion-button{height:auto;text-transform:capitalize;margin:2px;padding:8px;line-height:normal;text-align:left;font-size:.8em}h5{margin-bottom:8px;font-size:1em}mat-expansion-panel-header{padding-left:16px;padding-right:16px}mat-expansion-panel{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}mat-form-field{width:100%;background:azure}.chatItem{padding:0}.chatItem mat-icon{margin-left:16px;margin-right:16px}.chatContent{height:fit-content!important}.stage-button{margin:4px}.stage-index{font-size:14px;display:flex;width:28px;height:28px;justify-content:center;background:azure;align-items:center;border:solid var(--mat-divider-color, var(--mat-app-outline)) 1px}.stage-inner-message{font-size:14px;display:flex;line-height:normal;opacity:.6}.stage-item{height:54px!important}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.info-icon{min-width:38px!important;display:block}.title-icon{margin-right:8px;vertical-align:middle}.header-spinner{position:absolute;width:24px!important;height:24px!important}.sent-icon{font-size:14px;height:14px;margin-right:0!important;margin-left:0!important}.submit-spinner{position:absolute;width:40px!important;right:-8px;top:-20px;height:40px!important;--mdc-circular-progress-size: 40px !important;--mdc-circular-progress-active-indicator-width: 40px !important}\n"] }]
+    }], () => [{ type: i1.NgControl, decorators: [{
+                type: Optional
+            }, {
+                type: Self
+            }] }, { type: i0.ElementRef }], { id: [{
+            type: HostBinding
+        }], textareaElementRef: [{
+            type: ViewChild,
+            args: ['textarea', { read: ElementRef, static: false }]
+        }], value: [{
+            type: Input
+        }], getWorkflowOptions: [{
+            type: Input
+        }], userName: [{
+            type: Input
+        }], valueChanged: [{
+            type: Output
+        }], errors: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PipelineGeneratorComponent, { className: "PipelineGeneratorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/pipeline-generator/pipeline-generator.component.ts", lineNumber: 41 }); })();
+
+export { PipelineGeneratorComponent };
+//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-U0d8jQKW.mjs.map