ngx-t-forms 2.0.29 → 2.0.31

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

@@ -0,0 +1,748 @@
+import { isPlatformBrowser, JsonPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, Injectable, input, output, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, DestroyRef, viewChild, Input, Optional, Self } from '@angular/core';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import { BehaviorSubject, switchMap, map, take, catchError, finalize, throwError, tap, combineLatest, filter, Subject, distinctUntilChanged } from 'rxjs';
+import * as i2$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i5$1 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i3$2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i5$2 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { J as JsonEditorComponent, _ as _isEqual, b as TDynamicDataViewComponent, E as EmptyStateComponent, D as DaysAgoPipe } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { TWorkflowPickerComponent } from './ngx-t-forms-t-workflow-picker.component-leBokXvM.mjs';
+import { HttpClient } from '@angular/common/http';
+import PipelineBuilder from 'db-aggregation-pipeline-builder';
+import * as i3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+/**
+ * @deprecated
+ *
+ * Phase 2 layering: prefer `inject(PIPELINE_REPOSITORY)` and wire the
+ * implementation via `withHttpPipeline()` (or your own `useClass` binding
+ * against `PIPELINE_REPOSITORY`). This service is preserved as-is for I-1
+ * parity — its self-contained `inject(HttpClient)` + UI-state surface
+ * continues to work for current callers and does NOT require the consumer to
+ * call `withHttpPipeline()`. Target removal: v3.0.0.
+ *
+ * Note for new code: the HTTP boundary lives on {@link PipelineRepository}
+ * (`runPipeline` / `generatePipeline` / `getSchema`). The state-management
+ * surface here (`pipeline$`, `chatHistory$`, etc.) is internal to the legacy
+ * pipeline-generator UI and is not part of the repository contract.
+ */
+class PipelineService {
+    #platformId;
+    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);
+        this.#platformId = inject(PLATFORM_ID);
+        //Set local storage threadId
+        if (!isPlatformBrowser(this.#platformId))
+            return;
+        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) {
+        // Return an observable with a user-facing error message
+        void error;
+        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 ?? undefined);
+        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);
+            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() {
+        // NOTE(phase-4): an empty object `{}` is not a valid `PipelineStage`; it acts as a sentinel
+        // "blank slot" until the user picks a stage type. Tracked — proper fix is a discriminated
+        // union `PipelineStage | { kind: 'blank' }` for the in-progress pipeline.
+        const blankSlot = {};
+        const newPipeline = this.pipeline$.getValue().concat(blankSlot);
+        this.pipeline$.next(newPipeline);
+    }
+    onTextChange(event) {
+        this.prompt$.next(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(() => { }), 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))) || [];
+            // `prompt` is filtered to truthy above; assert via narrowing rather than `!`.
+            const safePrompt = prompt ?? '';
+            return this.generatePipeline(safePrompt, schema, threadId, pipelineCopy, previousError).pipe(map((response) => ({ ...response, history, prompt: safePrompt })));
+        }), 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
+            if (isPlatformBrowser(this.#platformId)) {
+                localStorage.setItem('threadId', threadId);
+            }
+            // Run the active pipeline after all state updates are complete
+            this.runActivePipeline();
+        }), catchError((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 {
+            return;
+        }
+        const workflowId = this.workflowId$.getValue();
+        if (!workflowId) {
+            return;
+        }
+        this.runPipeLine(pipeline, workflowId).pipe(take(1), tap(({ results }) => {
+            this.pipeLineResult$.next(results);
+        }), catchError((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();
+        // NOTE(phase-4): the chatHistory `assistance` field is typed as a full
+        // `IPipelineGenerationResponse`, but the error path only carries `message`.
+        // Treat the partial record as a structural fill until the type is narrowed via
+        // a discriminated union `{ kind: 'ok', response } | { kind: 'error', message }`.
+        const partialAssistance = { message };
+        const historyRecord = {
+            user: prompt ?? '',
+            assistance: partialAssistance,
+            date: new Date()
+        };
+        this.chatHistory$.next([...(history || []), historyRecord]);
+    }
+    get activeStage() {
+        return this.pipeline$.asObservable().pipe(switchMap(pipeline => this.activeStage$.pipe(map(activeIndex => {
+            if (activeIndex === undefined)
+                return undefined;
+            // Each `PipelineStage` in the union has exactly one operator key (e.g. `$match`).
+            // Read it through a typed `Record` lookup rather than casting the whole row.
+            const stage = pipeline[activeIndex];
+            const stageRecord = (stage ?? {});
+            const name = Object.keys(stageRecord)[0] ?? '';
+            return {
+                name,
+                config: stageRecord[name],
+            };
+        }))));
+    }
+    saveStage(index, stage) {
+        const pipeline = this.pipeline$.getValue();
+        if (index === undefined) {
+            return;
+        }
+        const newPipeline = pipeline.map((s, i) => {
+            if (i === index && stage) {
+                // NOTE(phase-4): building a `PipelineStage` from `{ [stage.stage]: stage.config }` is
+                // correct at runtime — the union member is keyed by the operator — but TS cannot prove
+                // the dynamic key matches a specific variant. Tracked for a per-stage builder fn.
+                const built = { [stage.stage]: stage.config };
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO(phase-4): per-stage builder fn would let TS narrow; internal-only service.
+                return built;
+            }
+            return s;
+        });
+        this.pipeline$.next(newPipeline);
+        this.activeStage$.next(undefined);
+        this.runActivePipeline();
+    }
+    deleteStage(index) {
+        const pipeline = this.pipeline$.getValue();
+        if (index === undefined) {
+            return;
+        }
+        const newPipeline = pipeline.filter((_s, i) => i !== index);
+        this.pipeline$.next(newPipeline);
+        this.activeStage$.next(undefined);
+        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) => {
+                // Each PipelineStage union member has one operator key + value; reading via
+                // `Object.entries` keeps us off an `as unknown as Record<…>` cast.
+                const [firstEntry] = Object.entries(stage);
+                return firstEntry !== undefined && firstEntry[1] !== undefined;
+            });
+            if (!AllStagesMustHaveConfig) {
+                return {
+                    valid: false,
+                    message: "All stages must have a configuration"
+                };
+            }
+            return {
+                valid: true
+            };
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PipelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PipelineService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PipelineService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Embedded aggregate-pipeline stage editor used inside `lib-pipeline-generator`.
+ * Lets the user pick a `$stage` operator and edit its JSON configuration (via
+ * `lib-json-editor`), validating the config against the pipeline builder.
+ *
+ * Not part of the public API.
+ *
+ * @example
+ *   <lib-aggregate-stage-editor
+ *     [selectedStage]="stage"
+ *     [isRunningPipeline]="running"
+ *     (saveStage)="onSave($event)"
+ *     (deleteStage)="onDelete()" />
+ */
+class AggregateStageEditorComponent {
+    constructor() {
+        /** Stage currently being edited (one row of the pipeline generator state). */
+        this.selectedStage = input(undefined, ...(ngDevMode ? [{ debugName: "selectedStage" }] : /* istanbul ignore next */ []));
+        /** When the parent pipeline is executing, destructive/save actions are disabled. */
+        this.isRunningPipeline = input(false, ...(ngDevMode ? [{ debugName: "isRunningPipeline" }] : /* istanbul ignore next */ []));
+        /** Emits the prepared stage when the user saves a valid configuration. */
+        this.saveStage = output();
+        /** Emits when the user requests the active stage be removed. */
+        this.deleteStage = output();
+        /** Stages the user can choose from (loaded once from the pipeline builder). */
+        this.allowedStages = PipelineBuilder.getViewOnlyStages();
+        /** Working draft of the stage being edited; `undefined` until the user edits. */
+        this.#draft = signal(undefined, ...(ngDevMode ? [{ debugName: "#draft" }] : /* istanbul ignore next */ []));
+        /** Validation message from the last config check, or `undefined` when valid. */
+        this.configValidationError = signal(undefined, ...(ngDevMode ? [{ debugName: "configValidationError" }] : /* istanbul ignore next */ []));
+        /** Resolved operator key for the select control (draft first, else the input). */
+        this.currentStage = computed(() => this.#draft()?.stage ?? this.selectedStage()?.name, ...(ngDevMode ? [{ debugName: "currentStage" }] : /* istanbul ignore next */ []));
+        /** Config value passed to the JSON editor (draft first, else the input). */
+        this.currentConfig = computed(() => {
+            const config = this.#draft()?.config ?? this.selectedStage()?.config;
+            return this.#asObject(config);
+        }, ...(ngDevMode ? [{ debugName: "currentConfig" }] : /* istanbul ignore next */ []));
+        /** Whether the editing surface (operator picker is set or config present) shows. */
+        this.showConfig = computed(() => this.#draft() !== undefined || this.selectedStage()?.config !== undefined, ...(ngDevMode ? [{ debugName: "showConfig" }] : /* istanbul ignore next */ []));
+        /** Human description for the currently selected operator, if any. */
+        this.activeDescription = computed(() => this.allowedStages.find((s) => s.stage === this.currentStage())?.description, ...(ngDevMode ? [{ debugName: "activeDescription" }] : /* istanbul ignore next */ []));
+        /** Whether the Save action is enabled: a draft exists, is valid and error-free. */
+        this.canSave = computed(() => {
+            const draft = this.#draft();
+            return draft !== undefined && draft.valid === true && this.configValidationError() === undefined;
+        }, ...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
+    }
+    /** Working draft of the stage being edited; `undefined` until the user edits. */
+    #draft;
+    handleStageChange(event) {
+        const stage = event.value;
+        // BEHAVIOUR FIX: the previous implementation spread the source row AFTER
+        // setting `stage`, which silently reverted the operator to its prior value.
+        // Here the newly picked operator always wins; the existing config carries over.
+        const config = this.#draft()?.config ?? this.selectedStage()?.config;
+        this.#draft.set({ stage, config, valid: false });
+        this.#validate();
+    }
+    handleConfigChange(change) {
+        const stage = this.#draft()?.stage ?? this.#stageFromRow();
+        this.#draft.set({ stage, config: change.value, valid: false });
+        this.#validate();
+    }
+    saveConfiguration() {
+        const draft = this.#draft();
+        if (this.canSave() && draft?.stage) {
+            this.saveStage.emit({
+                stage: draft.stage,
+                description: this.activeDescription() ?? '',
+                config: draft.config,
+                valid: draft.valid,
+            });
+        }
+    }
+    deleteActive() {
+        this.deleteStage.emit();
+    }
+    trackByStage(stage) {
+        return stage.stage;
+    }
+    /** Validates the working draft against the pipeline builder, updating state. */
+    #validate() {
+        this.configValidationError.set(undefined);
+        const draft = this.#draft();
+        if (!draft)
+            return;
+        const { config, stage } = draft;
+        if ((config === undefined || config === null) || !stage) {
+            this.#draft.set({ ...draft, valid: false });
+            return;
+        }
+        try {
+            const valid = PipelineBuilder.validateStageConfig(stage, config);
+            this.#draft.set({ ...draft, valid });
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'An unknown error occurred';
+            this.configValidationError.set(message);
+            this.#draft.set({ ...draft, valid: false });
+        }
+    }
+    /** Reads the operator key from the input row as a typed enum, if recognised. */
+    #stageFromRow() {
+        const name = this.selectedStage()?.name;
+        return this.allowedStages.find((s) => s.stage === name)?.stage;
+    }
+    /** Narrows an opaque config value to the `object | undefined` the JSON editor accepts. */
+    #asObject(value) {
+        return value !== null && typeof value === 'object' ? value : undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AggregateStageEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: AggregateStageEditorComponent, isStandalone: true, selector: "lib-aggregate-stage-editor", inputs: { selectedStage: { classPropertyName: "selectedStage", publicName: "selectedStage", isSignal: true, isRequired: false, transformFunction: null }, isRunningPipeline: { classPropertyName: "isRunningPipeline", publicName: "isRunningPipeline", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saveStage: "saveStage", deleteStage: "deleteStage" }, host: { classAttribute: "lib-aggregate-stage-editor" }, ngImport: i0, template: "<mat-card class=\"lib-aggregate-stage-editor__card\" appearance=\"outlined\">\n  <mat-card-content>\n    <p class=\"lib-aggregate-stage-editor__title\">Aggregate pipeline stage configuration</p>\n\n    <mat-form-field\n      class=\"lib-aggregate-stage-editor__field\"\n      appearance=\"outline\"\n      subscriptSizing=\"dynamic\">\n      <mat-label>Select aggregate stage</mat-label>\n      <mat-select\n        [value]=\"currentStage()\"\n        (selectionChange)=\"handleStageChange($event)\"\n        placeholder=\"Choose a stage operator\">\n        @for (stage of allowedStages; track trackByStage(stage)) {\n          <mat-option [value]=\"stage.stage\">{{ stage.stage }}</mat-option>\n        }\n      </mat-select>\n      <mat-hint>\n        {{ activeDescription()\n          ? 'Hover the info icon to view stage details.'\n          : 'Select an aggregation operator from the list.' }}\n      </mat-hint>\n      @if (activeDescription(); as description) {\n        <mat-icon\n          class=\"lib-aggregate-stage-editor__hint-icon\"\n          matSuffix\n          matTooltipHideDelay=\"1000\"\n          [matTooltip]=\"description\">info</mat-icon>\n      }\n    </mat-form-field>\n\n    @if (configValidationError(); as error) {\n      <div class=\"lib-aggregate-stage-editor__warning\" role=\"alert\">\n        <mat-icon aria-hidden=\"true\">warning</mat-icon>\n        <span>{{ error }}</span>\n      </div>\n    }\n\n    @if (showConfig()) {\n      <div class=\"lib-aggregate-stage-editor__config\">\n        <lib-json-editor [value]=\"currentConfig()\" (valueChange)=\"handleConfigChange($event)\" />\n      </div>\n    }\n  </mat-card-content>\n\n  <mat-divider />\n\n  <mat-card-actions class=\"lib-aggregate-stage-editor__actions\" align=\"end\">\n    <button\n      mat-button\n      type=\"button\"\n      color=\"warn\"\n      [disabled]=\"isRunningPipeline()\"\n      (click)=\"deleteActive()\">\n      Delete\n      <mat-icon>delete</mat-icon>\n    </button>\n    <button\n      mat-flat-button\n      type=\"button\"\n      color=\"primary\"\n      [disabled]=\"isRunningPipeline() || !canSave()\"\n      (click)=\"saveConfiguration()\">\n      Save\n      <mat-icon>save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host{display:block}.lib-aggregate-stage-editor__card{margin-bottom:1rem}.lib-aggregate-stage-editor__title{margin:0 0 1.5rem;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-aggregate-stage-editor__field{width:100%}.lib-aggregate-stage-editor__hint-icon{cursor:help;color:var(--lib-forms-on-surface-variant)}.lib-aggregate-stage-editor__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin:1rem 0;border-radius:var(--lib-forms-radius-sm, 8px);background:var(--sem-warning-surface);color:var(--lib-forms-on-surface)}.lib-aggregate-stage-editor__warning mat-icon{flex:0 0 auto;color:var(--sem-warning, var(--lib-forms-on-surface-variant))}.lib-aggregate-stage-editor__config{margin-top:1.5rem}.lib-aggregate-stage-editor__actions{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "component", type: JsonEditorComponent, selector: "lib-json-editor", inputs: ["value", "height", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AggregateStageEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-aggregate-stage-editor', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: { 'class': 'lib-aggregate-stage-editor' }, imports: [
+                        JsonEditorComponent,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatDividerModule,
+                        MatIconModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatTooltipModule,
+                    ], template: "<mat-card class=\"lib-aggregate-stage-editor__card\" appearance=\"outlined\">\n  <mat-card-content>\n    <p class=\"lib-aggregate-stage-editor__title\">Aggregate pipeline stage configuration</p>\n\n    <mat-form-field\n      class=\"lib-aggregate-stage-editor__field\"\n      appearance=\"outline\"\n      subscriptSizing=\"dynamic\">\n      <mat-label>Select aggregate stage</mat-label>\n      <mat-select\n        [value]=\"currentStage()\"\n        (selectionChange)=\"handleStageChange($event)\"\n        placeholder=\"Choose a stage operator\">\n        @for (stage of allowedStages; track trackByStage(stage)) {\n          <mat-option [value]=\"stage.stage\">{{ stage.stage }}</mat-option>\n        }\n      </mat-select>\n      <mat-hint>\n        {{ activeDescription()\n          ? 'Hover the info icon to view stage details.'\n          : 'Select an aggregation operator from the list.' }}\n      </mat-hint>\n      @if (activeDescription(); as description) {\n        <mat-icon\n          class=\"lib-aggregate-stage-editor__hint-icon\"\n          matSuffix\n          matTooltipHideDelay=\"1000\"\n          [matTooltip]=\"description\">info</mat-icon>\n      }\n    </mat-form-field>\n\n    @if (configValidationError(); as error) {\n      <div class=\"lib-aggregate-stage-editor__warning\" role=\"alert\">\n        <mat-icon aria-hidden=\"true\">warning</mat-icon>\n        <span>{{ error }}</span>\n      </div>\n    }\n\n    @if (showConfig()) {\n      <div class=\"lib-aggregate-stage-editor__config\">\n        <lib-json-editor [value]=\"currentConfig()\" (valueChange)=\"handleConfigChange($event)\" />\n      </div>\n    }\n  </mat-card-content>\n\n  <mat-divider />\n\n  <mat-card-actions class=\"lib-aggregate-stage-editor__actions\" align=\"end\">\n    <button\n      mat-button\n      type=\"button\"\n      color=\"warn\"\n      [disabled]=\"isRunningPipeline()\"\n      (click)=\"deleteActive()\">\n      Delete\n      <mat-icon>delete</mat-icon>\n    </button>\n    <button\n      mat-flat-button\n      type=\"button\"\n      color=\"primary\"\n      [disabled]=\"isRunningPipeline() || !canSave()\"\n      (click)=\"saveConfiguration()\">\n      Save\n      <mat-icon>save</mat-icon>\n    </button>\n  </mat-card-actions>\n</mat-card>\n", styles: [":host{display:block}.lib-aggregate-stage-editor__card{margin-bottom:1rem}.lib-aggregate-stage-editor__title{margin:0 0 1.5rem;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-aggregate-stage-editor__field{width:100%}.lib-aggregate-stage-editor__hint-icon{cursor:help;color:var(--lib-forms-on-surface-variant)}.lib-aggregate-stage-editor__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin:1rem 0;border-radius:var(--lib-forms-radius-sm, 8px);background:var(--sem-warning-surface);color:var(--lib-forms-on-surface)}.lib-aggregate-stage-editor__warning mat-icon{flex:0 0 auto;color:var(--sem-warning, var(--lib-forms-on-surface-variant))}.lib-aggregate-stage-editor__config{margin-top:1.5rem}.lib-aggregate-stage-editor__actions{display:flex;gap:.5rem}\n"] }]
+        }], propDecorators: { selectedStage: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedStage", required: false }] }], isRunningPipeline: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRunningPipeline", required: false }] }], saveStage: [{ type: i0.Output, args: ["saveStage"] }], deleteStage: [{ type: i0.Output, args: ["deleteStage"] }] } });
+
+/**
+ * Internal editor for `editType = MongoPipelineBuilder`. Implements
+ * `MatFormFieldControl` so it can be embedded inside a `mat-form-field`, and
+ * drives a MongoDB aggregation-pipeline builder (stage list, results preview,
+ * AI prompt) via a component-scoped {@link PipelineService}.
+ *
+ * Not part of the public API.
+ *
+ * @deprecated The MongoDB pipeline builder (`editType = MongoPipelineBuilder`)
+ *   is deprecated and no longer offered as a selectable editor option (filtered
+ *   out in `getSectionElements`). It is retained only to render already-configured
+ *   (legacy) inputs and the `data-source-picker` MongoDB-pipeline data source.
+ *   Do not wire it to any new editor option.
+ */
+class PipelineGeneratorComponent {
+    static { this.nextId = 0; }
+    #platformId;
+    #destroyRef;
+    #pipeline;
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.#platformId = inject(PLATFORM_ID);
+        this.#destroyRef = inject(DestroyRef);
+        this.#pipeline = inject(PipelineService);
+        // MFC requires a plain mutable `id` field (string) — cannot be a signal.
+        this.id = `app-pipeline-generator-${PipelineGeneratorComponent.nextId++}`;
+        this.placeholder = '';
+        this.focused = false;
+        this.required = false;
+        this.touched = false;
+        this.disabled = false;
+        this.controlType = 'lib-pipeline-generator';
+        this.#errors = [];
+        /** Emits the updated pipeline configuration whenever the builder state changes. */
+        this.valueChanged = output();
+        this.onTouched = () => { };
+        // ---- Reactive view state (signals over | async) -------------------------
+        this.workflowId = toSignal(this.#pipeline.workflowId$, { initialValue: undefined });
+        this.activeStageIndex = toSignal(this.#pipeline.activeStage$, { initialValue: undefined });
+        this.pipeLineResults = toSignal(this.#pipeline.pipeLineResult$, { initialValue: undefined });
+        this.prompt = toSignal(this.#pipeline.prompt$, { initialValue: undefined });
+        this.schemaLoadError = toSignal(this.#pipeline.schemaLoadError$, { initialValue: undefined });
+        this.chatHistory = toSignal(this.#pipeline.chatHistory$, { initialValue: [] });
+        /** Pipeline stages projected into the row shape the template + stage editor consume. */
+        this.stages = toSignal(this.#pipeline.pipeline$.pipe(map((stages) => stages.map((stage, index) => {
+            const [name, config] = Object.entries(stage ?? {}).at(0) ?? [undefined, undefined];
+            return {
+                id: index,
+                name,
+                stage: name,
+                config,
+                valid: name !== undefined && config !== undefined,
+            };
+        }))), { initialValue: [] });
+        /** Schema document properties filtered by the live suggestion search. */
+        this.schema = toSignal(this.#pipeline.schema$, { initialValue: undefined });
+        this.optionsSearch = signal('', ...(ngDevMode ? [{ debugName: "optionsSearch" }] : /* istanbul ignore next */ []));
+        this.schemaProperties = computed(() => {
+            const search = this.optionsSearch().toLowerCase();
+            return Object.keys(this.schema() ?? {})
+                .map((key) => ({ label: key, value: key }))
+                .filter((entry) => (search ? entry.label.toLowerCase().includes(search) : true));
+        }, ...(ngDevMode ? [{ debugName: "schemaProperties" }] : /* istanbul ignore next */ []));
+        this.showSuggestions = signal(false, ...(ngDevMode ? [{ debugName: "showSuggestions" }] : /* istanbul ignore next */ []));
+        this.textareaRef = viewChild('textarea', ...(ngDevMode ? [{ debugName: "textareaRef" }] : /* istanbul ignore next */ []));
+        // ---- Lifecycle: emit config changes -------------------------------------
+        this.#initiated = false;
+        // ---- AI prompt -----------------------------------------------------------
+        this.#cursorPosition = 0;
+    }
+    // ---- MatFormFieldControl value ------------------------------------------
+    #value;
+    // MFC value setter — kept as @Input() (framework wiring).
+    set value(value) {
+        const workflowIdChanged = this.#value?.workflowId !== value?.workflowId;
+        const pipelineChanged = !_isEqual(this.#value?.pipeline, value?.pipeline);
+        if (workflowIdChanged || pipelineChanged) {
+            this.#value = value;
+            if (value?.workflowId) {
+                this.workflowChanged(value.workflowId);
+            }
+            if (value?.pipeline) {
+                this.#pipeline.pipeline$.next(value.pipeline);
+            }
+            this.stateChanges.next();
+        }
+    }
+    get value() {
+        return this.#value;
+    }
+    // ---- Other public inputs / outputs --------------------------------------
+    #workflows$;
+    /** Source of workflow options forwarded to the embedded workflow picker. */
+    set getWorkflowOptions(options$) {
+        this.#workflows$ = options$;
+    }
+    get getWorkflowOptions() {
+        return this.#workflows$;
+    }
+    /** Validation errors surfaced by the parent for error-state derivation. */
+    set errors(value) {
+        this.#errors = value;
+    }
+    get errors() {
+        return this.#errors;
+    }
+    #errors;
+    // ---- MatFormFieldControl derived state ----------------------------------
+    get empty() {
+        return !this.#value;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        const externalError = (this.#errors?.length ?? 0) > 0 && this.touched;
+        const ngControlError = this.ngControl?.control?.errors != null;
+        return (!this.#value && this.required) || externalError || ngControlError;
+    }
+    setDescribedByIds(ids) {
+        if (!isPlatformBrowser(this.#platformId))
+            return;
+        // DEFECT FIX: the original queried `.app-pipeline-generator`, a class that
+        // never existed in the template, so describedBy was silently dropped. Apply
+        // it to the host element instead.
+        this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    onContainerClick() {
+        this.markAsTouched();
+        this.stateChanges.next();
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.onTouched();
+            this.touched = true;
+        }
+    }
+    get isRunningPipeline() {
+        return this.#pipeline.isRunningPipeline;
+    }
+    get aiIsGeneratingPipeline() {
+        return this.#pipeline.aiIsGeneratingPipeline;
+    }
+    // ---- Lifecycle: emit config changes -------------------------------------
+    #initiated;
+    ngOnInit() {
+        // Skip the first (current) config emission so an inbound value does not
+        // immediately echo back out as a "change".
+        this.#pipeline.config$
+            .pipe(distinctUntilChanged((prev, curr) => _isEqual(prev, curr)), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((config) => {
+            if (!this.#initiated) {
+                this.#initiated = true;
+                return;
+            }
+            const newConfig = {
+                ...this.#value,
+                ...config,
+                name: this.#workflowName ?? 'Unnamed Pipeline',
+                source: 'mongoPipeline',
+            };
+            this.valueChanged.emit(newConfig);
+        });
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    // ---- Workflow picker -----------------------------------------------------
+    #workflowName;
+    workflowChanged(workflowId) {
+        // BEHAVIOUR FLAG: switching to a *different* workflow clears the AI chat
+        // history so prior suggestions for another collection do not leak into the
+        // new context. Re-setting the same workflow (e.g. an inbound value echo)
+        // leaves the chat intact.
+        if (this.#pipeline.workflowId$.getValue() !== workflowId) {
+            this.#pipeline.chatHistory$.next([]);
+        }
+        this.#pipeline.workflowChanged(workflowId);
+    }
+    workflowNameChanged(name) {
+        this.#workflowName = name;
+    }
+    // ---- Stage management ----------------------------------------------------
+    trackByStageId(_index, stage) {
+        return stage.id;
+    }
+    setActiveStage(index) {
+        this.#pipeline.setActiveStage(index);
+    }
+    addStage() {
+        this.#pipeline.addStage();
+    }
+    deleteStage(index) {
+        this.#pipeline.deleteStage(index);
+    }
+    saveStage(index, stage) {
+        this.#pipeline.saveStage(index, stage);
+        this.setActiveStage(undefined);
+    }
+    // ---- AI prompt -----------------------------------------------------------
+    #cursorPosition;
+    onTextChange(event) {
+        const textarea = this.textareaRef()?.nativeElement;
+        if (!textarea)
+            return;
+        const newValue = event.target.value;
+        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.set(true);
+            this.optionsSearch.set(match?.[1] ?? '');
+        }
+        else {
+            this.showSuggestions.set(false);
+            this.optionsSearch.set('');
+        }
+        this.#pipeline.onTextChange(newValue);
+    }
+    selectSuggestion(suggestion) {
+        this.#pipeline.prompt$
+            .pipe(take(1), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((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) ?? '';
+            const updated = `${beforeCursor}${suggestion} ${afterCursor}`;
+            this.#pipeline.prompt$.next(updated);
+            this.#applySuggestionToTextarea(suggestion);
+        });
+    }
+    #applySuggestionToTextarea(suggestion) {
+        this.showSuggestions.set(false);
+        if (!isPlatformBrowser(this.#platformId))
+            return;
+        const textarea = this.textareaRef()?.nativeElement;
+        if (!textarea)
+            return;
+        textarea.focus();
+        const nextPosition = this.#cursorPosition + suggestion.length;
+        setTimeout(() => textarea.setSelectionRange(nextPosition, nextPosition), 0);
+    }
+    promptSubmit() {
+        this.#pipeline.promptSubmit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PipelineGeneratorComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PipelineGeneratorComponent, isStandalone: true, selector: "lib-pipeline-generator", inputs: { disabled: "disabled", value: "value", getWorkflowOptions: "getWorkflowOptions", userName: "userName", errors: "errors" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "id" }, classAttribute: "lib-pipeline-generator" }, providers: [
+            PipelineService,
+            // MatFormFieldControl pattern: useExisting + the @Input() value/disabled/id
+            // members are framework wiring and stay together (CLAUDE.md MFC carve-out).
+            { provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent },
+        ], viewQueries: [{ propertyName: "textareaRef", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<p class=\"lib-pipeline-generator__intro\">\n  MongoDB aggregation pipeline builder for the selected workflow.\n</p>\n\n<lib-t-workflow-picker\n  [getWorkflowOptions]=\"getWorkflowOptions\"\n  [value]=\"workflowId() || undefined\"\n  (valueChanged)=\"workflowChanged($event)\"\n  (workflowNameChanged)=\"workflowNameChanged($event)\" />\n\n@if (workflowId()) {\n  <mat-accordion class=\"lib-pipeline-generator__accordion\" multi>\n\n    <!-- Pipeline stages -->\n    <mat-expansion-panel value=\"pipeline\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (isRunningPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">dynamic_form</mat-icon>\n          {{ isRunningPipeline ? 'Executing data pipeline\u2026' : 'Data retrieval pipeline' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (stages().length === 0) {\n          <lib-empty-state\n            icon=\"account_tree\"\n            message=\"Add stages to the pipeline below. Each stage filters, groups, or calculates values; its output documents flow into the next stage.\" />\n        }\n\n        <mat-nav-list class=\"lib-pipeline-generator__stages\">\n          @for (stage of stages(); track trackByStageId($index, stage)) {\n            <mat-list-item\n              class=\"lib-pipeline-generator__stage\"\n              [class.lib-pipeline-generator__stage--active]=\"activeStageIndex() === $index\"\n              [activated]=\"activeStageIndex() === $index\"\n              (click)=\"setActiveStage($index)\">\n              <span class=\"lib-pipeline-generator__stage-index\" matListItemAvatar>{{ $index + 1 }}</span>\n              <div matListItemTitle>\n                <div class=\"lib-pipeline-generator__stage-name\">{{ stage.name || 'Stage' }}</div>\n                @if (!stage.name && activeStageIndex() !== $index) {\n                  <div class=\"lib-pipeline-generator__stage-hint\">Incomplete \u2014 click to edit</div>\n                }\n              </div>\n\n              @if (activeStageIndex() === $index) {\n                <mat-icon matListItemMeta color=\"primary\">check_circle</mat-icon>\n              } @else if (!stage.valid) {\n                <mat-icon matListItemMeta color=\"warn\">warning</mat-icon>\n              }\n            </mat-list-item>\n            <mat-divider />\n\n            @if (activeStageIndex() === $index) {\n              <lib-aggregate-stage-editor\n                [selectedStage]=\"stage\"\n                [isRunningPipeline]=\"isRunningPipeline\"\n                (deleteStage)=\"deleteStage($index)\"\n                (saveStage)=\"saveStage($index, $event)\" />\n            }\n          }\n\n          <mat-toolbar class=\"lib-pipeline-generator__toolbar\">\n            <span class=\"lib-pipeline-generator__spacer\"></span>\n            <button\n              mat-flat-button\n              type=\"button\"\n              color=\"primary\"\n              class=\"lib-pipeline-generator__add\"\n              [disabled]=\"isRunningPipeline\"\n              (click)=\"addStage()\">\n              Add\n              <mat-icon>add</mat-icon>\n            </button>\n          </mat-toolbar>\n        </mat-nav-list>\n      </div>\n    </mat-expansion-panel>\n\n    <!-- Results -->\n    <mat-expansion-panel value=\"results\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (isRunningPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">dataset</mat-icon>\n          {{ isRunningPipeline ? 'Running pipeline\u2026' : 'Data results' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (pipeLineResults(); as results) {\n          <lib-t-dynamic-data-view [data]=\"results\" />\n        } @else {\n          <lib-empty-state icon=\"dataset\" message=\"No results available\" />\n        }\n      </div>\n    </mat-expansion-panel>\n\n    <!-- AI agent -->\n    <mat-expansion-panel value=\"ai\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (aiIsGeneratingPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">tips_and_updates</mat-icon>\n          {{ aiIsGeneratingPipeline ? 'Agent busy\u2026' : 'AI agent prompt' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (schemaLoadError(); as schemaLoadError) {\n          <div class=\"lib-pipeline-generator__warning\" role=\"alert\">\n            <mat-icon aria-hidden=\"true\">error</mat-icon>\n            <span>{{ schemaLoadError }}</span>\n          </div>\n        }\n\n        @for (chat of chatHistory(); track $index) {\n          <div class=\"lib-pipeline-generator__chat\">\n            <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--user\">\n              <div>{{ chat.user }}</div>\n              <div class=\"lib-pipeline-generator__bubble-meta\">\n                {{ chat.date | daysAgo }}\n                <mat-icon class=\"lib-pipeline-generator__sent-icon\">done_all</mat-icon>\n              </div>\n            </div>\n\n            <div class=\"lib-pipeline-generator__assistant\">\n              <mat-icon class=\"lib-pipeline-generator__assistant-icon\">smart_toy</mat-icon>\n              @if (chat.assistance.error) {\n                <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--error\">\n                  {{ chat.assistance.error }}\n                </div>\n              } @else {\n                <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--bot\">\n                  <pre>{{ chat.assistance.pipeline | json }}</pre>\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <div class=\"lib-pipeline-generator__composer\">\n          <textarea\n            #textarea\n            class=\"lib-pipeline-generator__textarea\"\n            [value]=\"prompt() || ''\"\n            (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button\n            mat-mini-fab\n            type=\"button\"\n            color=\"primary\"\n            class=\"lib-pipeline-generator__send\"\n            [disabled]=\"aiIsGeneratingPipeline\"\n            (click)=\"promptSubmit()\">\n            @if (aiIsGeneratingPipeline) {\n              <mat-spinner class=\"lib-pipeline-generator__send-spinner\" diameter=\"24\" />\n            } @else {\n              <mat-icon>send</mat-icon>\n            }\n          </button>\n        </div>\n\n        @if (showSuggestions()) {\n          <section class=\"lib-pipeline-generator__suggestions\">\n            <mat-divider />\n            <p class=\"lib-pipeline-generator__suggestions-label\">Collection document properties</p>\n            <div class=\"lib-pipeline-generator__suggestion-list\">\n              @for (property of schemaProperties(); track property.value) {\n                <button\n                  mat-stroked-button\n                  type=\"button\"\n                  class=\"lib-pipeline-generator__suggestion\"\n                  (click)=\"selectSuggestion(property.value)\">\n                  {{ property.label }}\n                </button>\n              }\n            </div>\n          </section>\n        }\n      </div>\n    </mat-expansion-panel>\n  </mat-accordion>\n}\n\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOpen]=\"disabled\">\n  <div class=\"lib-pipeline-generator__scrim\"></div>\n</ng-template>\n", styles: [":host{display:block}.lib-pipeline-generator__intro{margin:0 0 1.5rem;font-size:.875rem;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__accordion{display:block;margin-top:1.5rem}.lib-pipeline-generator__title-icon{margin-right:.5rem;vertical-align:middle}.lib-pipeline-generator__header-spinner{margin-right:.5rem}.lib-pipeline-generator__content{padding-top:.5rem}.lib-pipeline-generator__stages{padding:0;border-radius:var(--lib-forms-radius-lg, 12px);background:var(--lib-forms-surface-container-low)}.lib-pipeline-generator__stage{cursor:pointer;transition:background var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-pipeline-generator__stage--active{background:color-mix(in srgb,var(--lib-forms-primary) 8%,transparent)}.lib-pipeline-generator__stage-index{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-size:.8125rem;border-radius:var(--lib-forms-radius-pill, 999px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__stage-name{line-height:normal}.lib-pipeline-generator__stage-hint{font-size:.8125rem;line-height:normal;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__toolbar{padding:.5rem;background:transparent}.lib-pipeline-generator__spacer{flex:1 1 auto}.lib-pipeline-generator__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin-bottom:1.5rem;border-radius:var(--lib-forms-radius-sm, 8px);background:var(--sem-warning-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__warning mat-icon{flex:0 0 auto;color:var(--sem-warning, var(--lib-forms-on-surface-variant))}.lib-pipeline-generator__chat{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.lib-pipeline-generator__bubble{padding:.75rem 1rem;font-size:.8125rem;white-space:normal}.lib-pipeline-generator__bubble pre{margin:0;white-space:pre-wrap;word-break:break-word}.lib-pipeline-generator__bubble--user{align-self:flex-end;max-width:80%;text-align:end;border-radius:18px 18px 0;background:color-mix(in srgb,var(--lib-forms-primary) 12%,transparent)}.lib-pipeline-generator__bubble--bot{border-radius:0 18px 18px;background:var(--sem-info-surface)}.lib-pipeline-generator__bubble--error{border-radius:0 18px 18px;background:var(--sem-error-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;line-height:normal;opacity:.6}.lib-pipeline-generator__sent-icon{width:.875rem;height:.875rem;font-size:.875rem}.lib-pipeline-generator__assistant{display:flex;align-items:flex-start;gap:.75rem}.lib-pipeline-generator__assistant-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__composer{display:flex;align-items:flex-end;gap:.5rem;margin-top:1.5rem}.lib-pipeline-generator__textarea{min-height:2.25rem;padding:.5rem .75rem;border:1px solid var(--lib-forms-outline);border-radius:var(--lib-forms-radius-sm, 8px);background:var(--lib-forms-surface);font-size:.875rem;color:var(--lib-forms-on-surface);transition:border-color var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-pipeline-generator__textarea:focus{outline:none;border-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.lib-pipeline-generator__textarea{flex:1 1 auto;min-height:2.75rem;resize:vertical;border-radius:14px;font-family:inherit}.lib-pipeline-generator__send{flex:0 0 auto}.lib-pipeline-generator__send-spinner{--mdc-circular-progress-active-indicator-color: var(--lib-forms-on-primary, #fff)}.lib-pipeline-generator__suggestions{margin-top:1rem}.lib-pipeline-generator__suggestions-label{margin:.75rem 0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__suggestion-list{display:flex;flex-wrap:wrap;gap:.5rem}.lib-pipeline-generator__suggestion{font-size:.8125rem}.lib-pipeline-generator__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--lib-forms-on-surface) 50%,transparent)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: TWorkflowPickerComponent, selector: "lib-t-workflow-picker", inputs: ["disabled", "errors", "required", "value", "placeholder", "getWorkflowOptions"], outputs: ["valueChange", "valueChanged", "workflowNameChanged"] }, { kind: "component", type: TDynamicDataViewComponent, selector: "lib-t-dynamic-data-view", inputs: ["data"] }, { kind: "component", type: AggregateStageEditorComponent, selector: "lib-aggregate-stage-editor", inputs: ["selectedStage", "isRunningPipeline"], outputs: ["saveStage", "deleteStage"] }, { kind: "component", type: EmptyStateComponent, selector: "lib-empty-state", inputs: ["icon", "message"] }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: DaysAgoPipe, name: "daysAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PipelineGeneratorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-pipeline-generator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [
+                        JsonPipe,
+                        FormsModule,
+                        OverlayModule,
+                        MatButtonModule,
+                        MatDividerModule,
+                        MatExpansionModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatProgressSpinnerModule,
+                        MatToolbarModule,
+                        TWorkflowPickerComponent,
+                        TDynamicDataViewComponent,
+                        AggregateStageEditorComponent,
+                        EmptyStateComponent,
+                        DaysAgoPipe,
+                    ], providers: [
+                        PipelineService,
+                        // MatFormFieldControl pattern: useExisting + the @Input() value/disabled/id
+                        // members are framework wiring and stay together (CLAUDE.md MFC carve-out).
+                        { provide: MatFormFieldControl, useExisting: PipelineGeneratorComponent },
+                    ], host: {
+                        'class': 'lib-pipeline-generator',
+                        '[id]': 'id',
+                    }, template: "<p class=\"lib-pipeline-generator__intro\">\n  MongoDB aggregation pipeline builder for the selected workflow.\n</p>\n\n<lib-t-workflow-picker\n  [getWorkflowOptions]=\"getWorkflowOptions\"\n  [value]=\"workflowId() || undefined\"\n  (valueChanged)=\"workflowChanged($event)\"\n  (workflowNameChanged)=\"workflowNameChanged($event)\" />\n\n@if (workflowId()) {\n  <mat-accordion class=\"lib-pipeline-generator__accordion\" multi>\n\n    <!-- Pipeline stages -->\n    <mat-expansion-panel value=\"pipeline\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (isRunningPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">dynamic_form</mat-icon>\n          {{ isRunningPipeline ? 'Executing data pipeline\u2026' : 'Data retrieval pipeline' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (stages().length === 0) {\n          <lib-empty-state\n            icon=\"account_tree\"\n            message=\"Add stages to the pipeline below. Each stage filters, groups, or calculates values; its output documents flow into the next stage.\" />\n        }\n\n        <mat-nav-list class=\"lib-pipeline-generator__stages\">\n          @for (stage of stages(); track trackByStageId($index, stage)) {\n            <mat-list-item\n              class=\"lib-pipeline-generator__stage\"\n              [class.lib-pipeline-generator__stage--active]=\"activeStageIndex() === $index\"\n              [activated]=\"activeStageIndex() === $index\"\n              (click)=\"setActiveStage($index)\">\n              <span class=\"lib-pipeline-generator__stage-index\" matListItemAvatar>{{ $index + 1 }}</span>\n              <div matListItemTitle>\n                <div class=\"lib-pipeline-generator__stage-name\">{{ stage.name || 'Stage' }}</div>\n                @if (!stage.name && activeStageIndex() !== $index) {\n                  <div class=\"lib-pipeline-generator__stage-hint\">Incomplete \u2014 click to edit</div>\n                }\n              </div>\n\n              @if (activeStageIndex() === $index) {\n                <mat-icon matListItemMeta color=\"primary\">check_circle</mat-icon>\n              } @else if (!stage.valid) {\n                <mat-icon matListItemMeta color=\"warn\">warning</mat-icon>\n              }\n            </mat-list-item>\n            <mat-divider />\n\n            @if (activeStageIndex() === $index) {\n              <lib-aggregate-stage-editor\n                [selectedStage]=\"stage\"\n                [isRunningPipeline]=\"isRunningPipeline\"\n                (deleteStage)=\"deleteStage($index)\"\n                (saveStage)=\"saveStage($index, $event)\" />\n            }\n          }\n\n          <mat-toolbar class=\"lib-pipeline-generator__toolbar\">\n            <span class=\"lib-pipeline-generator__spacer\"></span>\n            <button\n              mat-flat-button\n              type=\"button\"\n              color=\"primary\"\n              class=\"lib-pipeline-generator__add\"\n              [disabled]=\"isRunningPipeline\"\n              (click)=\"addStage()\">\n              Add\n              <mat-icon>add</mat-icon>\n            </button>\n          </mat-toolbar>\n        </mat-nav-list>\n      </div>\n    </mat-expansion-panel>\n\n    <!-- Results -->\n    <mat-expansion-panel value=\"results\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (isRunningPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">dataset</mat-icon>\n          {{ isRunningPipeline ? 'Running pipeline\u2026' : 'Data results' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (pipeLineResults(); as results) {\n          <lib-t-dynamic-data-view [data]=\"results\" />\n        } @else {\n          <lib-empty-state icon=\"dataset\" message=\"No results available\" />\n        }\n      </div>\n    </mat-expansion-panel>\n\n    <!-- AI agent -->\n    <mat-expansion-panel value=\"ai\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          @if (aiIsGeneratingPipeline) {\n            <mat-spinner class=\"lib-pipeline-generator__header-spinner\" diameter=\"20\" />\n          }\n          <mat-icon class=\"lib-pipeline-generator__title-icon\">tips_and_updates</mat-icon>\n          {{ aiIsGeneratingPipeline ? 'Agent busy\u2026' : 'AI agent prompt' }}\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <div class=\"lib-pipeline-generator__content\">\n        @if (schemaLoadError(); as schemaLoadError) {\n          <div class=\"lib-pipeline-generator__warning\" role=\"alert\">\n            <mat-icon aria-hidden=\"true\">error</mat-icon>\n            <span>{{ schemaLoadError }}</span>\n          </div>\n        }\n\n        @for (chat of chatHistory(); track $index) {\n          <div class=\"lib-pipeline-generator__chat\">\n            <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--user\">\n              <div>{{ chat.user }}</div>\n              <div class=\"lib-pipeline-generator__bubble-meta\">\n                {{ chat.date | daysAgo }}\n                <mat-icon class=\"lib-pipeline-generator__sent-icon\">done_all</mat-icon>\n              </div>\n            </div>\n\n            <div class=\"lib-pipeline-generator__assistant\">\n              <mat-icon class=\"lib-pipeline-generator__assistant-icon\">smart_toy</mat-icon>\n              @if (chat.assistance.error) {\n                <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--error\">\n                  {{ chat.assistance.error }}\n                </div>\n              } @else {\n                <div class=\"lib-pipeline-generator__bubble lib-pipeline-generator__bubble--bot\">\n                  <pre>{{ chat.assistance.pipeline | json }}</pre>\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <div class=\"lib-pipeline-generator__composer\">\n          <textarea\n            #textarea\n            class=\"lib-pipeline-generator__textarea\"\n            [value]=\"prompt() || ''\"\n            (input)=\"onTextChange($event)\"\n            placeholder=\"Provide a pipeline generation prompt\"></textarea>\n          <button\n            mat-mini-fab\n            type=\"button\"\n            color=\"primary\"\n            class=\"lib-pipeline-generator__send\"\n            [disabled]=\"aiIsGeneratingPipeline\"\n            (click)=\"promptSubmit()\">\n            @if (aiIsGeneratingPipeline) {\n              <mat-spinner class=\"lib-pipeline-generator__send-spinner\" diameter=\"24\" />\n            } @else {\n              <mat-icon>send</mat-icon>\n            }\n          </button>\n        </div>\n\n        @if (showSuggestions()) {\n          <section class=\"lib-pipeline-generator__suggestions\">\n            <mat-divider />\n            <p class=\"lib-pipeline-generator__suggestions-label\">Collection document properties</p>\n            <div class=\"lib-pipeline-generator__suggestion-list\">\n              @for (property of schemaProperties(); track property.value) {\n                <button\n                  mat-stroked-button\n                  type=\"button\"\n                  class=\"lib-pipeline-generator__suggestion\"\n                  (click)=\"selectSuggestion(property.value)\">\n                  {{ property.label }}\n                </button>\n              }\n            </div>\n          </section>\n        }\n      </div>\n    </mat-expansion-panel>\n  </mat-accordion>\n}\n\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOpen]=\"disabled\">\n  <div class=\"lib-pipeline-generator__scrim\"></div>\n</ng-template>\n", styles: [":host{display:block}.lib-pipeline-generator__intro{margin:0 0 1.5rem;font-size:.875rem;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__accordion{display:block;margin-top:1.5rem}.lib-pipeline-generator__title-icon{margin-right:.5rem;vertical-align:middle}.lib-pipeline-generator__header-spinner{margin-right:.5rem}.lib-pipeline-generator__content{padding-top:.5rem}.lib-pipeline-generator__stages{padding:0;border-radius:var(--lib-forms-radius-lg, 12px);background:var(--lib-forms-surface-container-low)}.lib-pipeline-generator__stage{cursor:pointer;transition:background var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-pipeline-generator__stage--active{background:color-mix(in srgb,var(--lib-forms-primary) 8%,transparent)}.lib-pipeline-generator__stage-index{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-size:.8125rem;border-radius:var(--lib-forms-radius-pill, 999px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__stage-name{line-height:normal}.lib-pipeline-generator__stage-hint{font-size:.8125rem;line-height:normal;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__toolbar{padding:.5rem;background:transparent}.lib-pipeline-generator__spacer{flex:1 1 auto}.lib-pipeline-generator__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;margin-bottom:1.5rem;border-radius:var(--lib-forms-radius-sm, 8px);background:var(--sem-warning-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__warning mat-icon{flex:0 0 auto;color:var(--sem-warning, var(--lib-forms-on-surface-variant))}.lib-pipeline-generator__chat{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.lib-pipeline-generator__bubble{padding:.75rem 1rem;font-size:.8125rem;white-space:normal}.lib-pipeline-generator__bubble pre{margin:0;white-space:pre-wrap;word-break:break-word}.lib-pipeline-generator__bubble--user{align-self:flex-end;max-width:80%;text-align:end;border-radius:18px 18px 0;background:color-mix(in srgb,var(--lib-forms-primary) 12%,transparent)}.lib-pipeline-generator__bubble--bot{border-radius:0 18px 18px;background:var(--sem-info-surface)}.lib-pipeline-generator__bubble--error{border-radius:0 18px 18px;background:var(--sem-error-surface);color:var(--lib-forms-on-surface)}.lib-pipeline-generator__bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;line-height:normal;opacity:.6}.lib-pipeline-generator__sent-icon{width:.875rem;height:.875rem;font-size:.875rem}.lib-pipeline-generator__assistant{display:flex;align-items:flex-start;gap:.75rem}.lib-pipeline-generator__assistant-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__composer{display:flex;align-items:flex-end;gap:.5rem;margin-top:1.5rem}.lib-pipeline-generator__textarea{min-height:2.25rem;padding:.5rem .75rem;border:1px solid var(--lib-forms-outline);border-radius:var(--lib-forms-radius-sm, 8px);background:var(--lib-forms-surface);font-size:.875rem;color:var(--lib-forms-on-surface);transition:border-color var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing),box-shadow var(--lib-forms-duration-hover, .3s) var(--lib-forms-easing)}.lib-pipeline-generator__textarea:focus{outline:none;border-color:var(--lib-forms-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--lib-forms-primary) 25%,transparent)}.lib-pipeline-generator__textarea{flex:1 1 auto;min-height:2.75rem;resize:vertical;border-radius:14px;font-family:inherit}.lib-pipeline-generator__send{flex:0 0 auto}.lib-pipeline-generator__send-spinner{--mdc-circular-progress-active-indicator-color: var(--lib-forms-on-primary, #fff)}.lib-pipeline-generator__suggestions{margin-top:1rem}.lib-pipeline-generator__suggestions-label{margin:.75rem 0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.lib-pipeline-generator__suggestion-list{display:flex;flex-wrap:wrap;gap:.5rem}.lib-pipeline-generator__suggestion{font-size:.8125rem}.lib-pipeline-generator__scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--lib-forms-on-surface) 50%,transparent)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], getWorkflowOptions: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }], textareaRef: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }] } });
+
+export { PipelineGeneratorComponent };
+//# sourceMappingURL=ngx-t-forms-pipeline-generator.component-DmNSc5aw.mjs.map