@cqa-lib/cqa-ui 1.1.529 → 1.1.530

package/fesm2020/cqa-lib-cqa-ui.mjs

@@ -48,7 +48,7 @@ import { DndModule } from 'ngx-drag-drop';
 import * as jquery from 'jquery';
 import * as momentImport from 'moment';
 import 'daterangepicker';
-import { filter } from 'rxjs/operators';
+import { filter, takeUntil } from 'rxjs/operators';
 import { Subject, BehaviorSubject } from 'rxjs';
 import * as i1$7 from 'ngx-monaco-editor';
 import { MonacoEditorModule } from 'ngx-monaco-editor';
@@ -50811,6 +50811,295 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }] } });
 
+class ManageColumnsDialogComponent {
+    constructor() {
+        this.columns = [];
+        this.lockedColumns = [];
+        this.items = [];
+        this.newColName = '';
+        this.columnsError = null;
+        this.trackByUid = (_, item) => item.uid;
+        this.nextUid = 1;
+    }
+    ngOnInit() {
+        const initial = Array.isArray(this.columns) ? this.columns : [];
+        this.items = initial.map(name => ({
+            uid: this.nextUid++,
+            originalName: name,
+            name,
+        }));
+    }
+    isLocked(item) {
+        if (!this.lockedColumns || this.lockedColumns.length === 0) {
+            return false;
+        }
+        if (item.originalName != null && this.lockedColumns.indexOf(item.originalName) !== -1) {
+            return true;
+        }
+        return this.lockedColumns.indexOf(item.name) !== -1;
+    }
+    onDndDrop(event) {
+        const dragged = event.data;
+        if (!dragged || event.index == null) {
+            return;
+        }
+        const from = this.items.findIndex(it => it.uid === dragged.uid);
+        if (from < 0) {
+            return;
+        }
+        const next = this.items.slice();
+        next.splice(from, 1);
+        const to = event.index > from ? event.index - 1 : event.index;
+        next.splice(to, 0, dragged);
+        this.items = next;
+    }
+    onMove(index, dir) {
+        const target = index + dir;
+        if (target < 0 || target >= this.items.length) {
+            return;
+        }
+        const next = this.items.slice();
+        [next[index], next[target]] = [next[target], next[index]];
+        this.items = next;
+    }
+    onRename(index, value) {
+        if (!this.items[index]) {
+            return;
+        }
+        this.items = this.items.map((it, i) => i === index ? { ...it, name: value } : it);
+        this.columnsError = null;
+    }
+    onRemove(index) {
+        const item = this.items[index];
+        if (!item || this.isLocked(item)) {
+            return;
+        }
+        this.items = this.items.filter((_, i) => i !== index);
+        this.columnsError = null;
+    }
+    onNewColNameChange(value) {
+        this.newColName = value;
+    }
+    onAdd() {
+        const trimmed = (this.newColName || '').trim();
+        if (!trimmed || this.itemsHasName(trimmed)) {
+            return;
+        }
+        this.items = [...this.items, {
+                uid: this.nextUid++,
+                originalName: null,
+                name: trimmed,
+            }];
+        this.newColName = '';
+        this.columnsError = null;
+    }
+    get canAdd() {
+        const trimmed = (this.newColName || '').trim();
+        if (!trimmed) {
+            return false;
+        }
+        return !this.itemsHasName(trimmed);
+    }
+    getValue() {
+        const trimmed = this.items.map(it => ({
+            originalName: it.originalName,
+            name: (it.name || '').trim(),
+        }));
+        if (trimmed.length === 0) {
+            this.columnsError = 'At least one column is required.';
+            return null;
+        }
+        if (trimmed.some(c => c.name.length === 0)) {
+            this.columnsError = 'Column names cannot be empty.';
+            return null;
+        }
+        const lowered = trimmed.map(c => c.name.toLowerCase());
+        if (new Set(lowered).size !== trimmed.length) {
+            this.columnsError = 'Column names must be unique.';
+            return null;
+        }
+        this.columnsError = null;
+        return { columns: trimmed };
+    }
+    itemsHasName(candidate) {
+        const lowered = candidate.toLowerCase();
+        return this.items.some(it => (it.name || '').trim().toLowerCase() === lowered);
+    }
+}
+ManageColumnsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ManageColumnsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ManageColumnsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ManageColumnsDialogComponent, selector: "cqa-manage-columns-dialog", inputs: { columns: "columns", lockedColumns: "lockedColumns" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-3 cqa-w-full\">\n\n  <div class=\"manage-cols-drop-list cqa-flex cqa-flex-col cqa-gap-2\"\n       [dndDropzone]=\"['col']\"\n       dndEffectAllowed=\"move\"\n       dndDragoverClass=\"dndDragover\"\n       (dndDrop)=\"onDndDrop($event)\">\n    <div dndPlaceholderRef class=\"manage-cols-placeholder\">Drop here</div>\n    <div *ngFor=\"let item of items; let i = index; trackBy: trackByUid\"\n         class=\"manage-cols-row cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1.5 cqa-rounded-md cqa-border cqa-border-gray-200 cqa-bg-gray-50\">\n      <span class=\"manage-cols-handle cqa-flex cqa-items-center cqa-justify-center cqa-text-gray-400\"\n            [dndDraggable]=\"item\"\n            [dndDisableIf]=\"isLocked(item)\"\n            dndType=\"col\"\n            dndEffectAllowed=\"move\">\n        <mat-icon style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">drag_indicator</mat-icon>\n      </span>\n      <cqa-custom-input\n        class=\"cqa-flex-1\"\n        [value]=\"item.name\"\n        [fullWidth]=\"true\"\n        [disabled]=\"isLocked(item)\"\n        inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onRename(i, $event)\">\n      </cqa-custom-input>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move up\"\n              [disabled]=\"i === 0\"\n              (click)=\"onMove(i, -1)\">\n        <mat-icon>arrow_upward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move down\"\n              [disabled]=\"i === items.length - 1\"\n              (click)=\"onMove(i, 1)\">\n        <mat-icon>arrow_downward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn manage-cols-icon-btn-danger\"\n              title=\"Delete column\"\n              [disabled]=\"isLocked(item)\"\n              (click)=\"onRemove(i)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-pt-3 cqa-mt-1 cqa-border-t cqa-border-dashed cqa-border-gray-200\">\n    <cqa-custom-input\n      class=\"cqa-flex-1\"\n      [value]=\"newColName\"\n      [fullWidth]=\"true\"\n      placeholder=\"New column name (e.g. currency)\"\n      inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNewColNameChange($event)\"\n      (enterPressed)=\"onAdd()\">\n    </cqa-custom-input>\n    <cqa-button\n      variant=\"outlined\"\n      btnSize=\"sm\"\n      icon=\"add\"\n      text=\"Add column\"\n      [disabled]=\"!canAdd\"\n      (clicked)=\"onAdd()\">\n    </cqa-button>\n  </div>\n\n  <span *ngIf=\"columnsError\" class=\"cqa-text-xs cqa-text-red-600\">{{ columnsError }}</span>\n\n  <div class=\"cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-primary-surface cqa-border cqa-border-success-100 cqa-text-xs cqa-text-gray-700\">\n    <strong class=\"cqa-text-gray-900\">Heads up:</strong>\n    Deleting a column removes its data from every environment. Renaming keeps the data in place.\n  </div>\n\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }], directives: [{ type: i5.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { type: i5.DndPlaceholderRefDirective, selector: "[dndPlaceholderRef]" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.DndDraggableDirective, selector: "[dndDraggable]", inputs: ["dndDraggable", "dndEffectAllowed", "dndType", "dndDraggingClass", "dndDraggingSourceClass", "dndDraggableDisabledClass", "dndDragImageOffsetFunction", "dndDisableIf", "dndDisableDragIf"], outputs: ["dndStart", "dndDrag", "dndEnd", "dndMoved", "dndCopied", "dndLinked", "dndCanceled"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ManageColumnsDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-manage-columns-dialog', host: { class: 'cqa-ui-root', style: 'display:block;width:100%;' }, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-3 cqa-w-full\">\n\n  <div class=\"manage-cols-drop-list cqa-flex cqa-flex-col cqa-gap-2\"\n       [dndDropzone]=\"['col']\"\n       dndEffectAllowed=\"move\"\n       dndDragoverClass=\"dndDragover\"\n       (dndDrop)=\"onDndDrop($event)\">\n    <div dndPlaceholderRef class=\"manage-cols-placeholder\">Drop here</div>\n    <div *ngFor=\"let item of items; let i = index; trackBy: trackByUid\"\n         class=\"manage-cols-row cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1.5 cqa-rounded-md cqa-border cqa-border-gray-200 cqa-bg-gray-50\">\n      <span class=\"manage-cols-handle cqa-flex cqa-items-center cqa-justify-center cqa-text-gray-400\"\n            [dndDraggable]=\"item\"\n            [dndDisableIf]=\"isLocked(item)\"\n            dndType=\"col\"\n            dndEffectAllowed=\"move\">\n        <mat-icon style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">drag_indicator</mat-icon>\n      </span>\n      <cqa-custom-input\n        class=\"cqa-flex-1\"\n        [value]=\"item.name\"\n        [fullWidth]=\"true\"\n        [disabled]=\"isLocked(item)\"\n        inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onRename(i, $event)\">\n      </cqa-custom-input>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move up\"\n              [disabled]=\"i === 0\"\n              (click)=\"onMove(i, -1)\">\n        <mat-icon>arrow_upward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move down\"\n              [disabled]=\"i === items.length - 1\"\n              (click)=\"onMove(i, 1)\">\n        <mat-icon>arrow_downward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn manage-cols-icon-btn-danger\"\n              title=\"Delete column\"\n              [disabled]=\"isLocked(item)\"\n              (click)=\"onRemove(i)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-pt-3 cqa-mt-1 cqa-border-t cqa-border-dashed cqa-border-gray-200\">\n    <cqa-custom-input\n      class=\"cqa-flex-1\"\n      [value]=\"newColName\"\n      [fullWidth]=\"true\"\n      placeholder=\"New column name (e.g. currency)\"\n      inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNewColNameChange($event)\"\n      (enterPressed)=\"onAdd()\">\n    </cqa-custom-input>\n    <cqa-button\n      variant=\"outlined\"\n      btnSize=\"sm\"\n      icon=\"add\"\n      text=\"Add column\"\n      [disabled]=\"!canAdd\"\n      (clicked)=\"onAdd()\">\n    </cqa-button>\n  </div>\n\n  <span *ngIf=\"columnsError\" class=\"cqa-text-xs cqa-text-red-600\">{{ columnsError }}</span>\n\n  <div class=\"cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-primary-surface cqa-border cqa-border-success-100 cqa-text-xs cqa-text-gray-700\">\n    <strong class=\"cqa-text-gray-900\">Heads up:</strong>\n    Deleting a column removes its data from every environment. Renaming keeps the data in place.\n  </div>\n\n</div>\n" }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], lockedColumns: [{
+                type: Input
+            }] } });
+
+const ALL_FILTER_VALUE = '__all__';
+
+class AuditLogEntryCardComponent {
+    get userShortName() {
+        const u = this.entry?.user || '';
+        const idx = u.indexOf('@');
+        return idx > 0 ? u.substring(0, idx) : u;
+    }
+    get etypeClass() {
+        switch (this.entry?.entityType) {
+            case 'Environment Variable': return 'cqa-audit-log-etype-ev';
+            case 'Test Data Profile': return 'cqa-audit-log-etype-tdp';
+            case 'Global Data': return 'cqa-audit-log-etype-gd';
+            default: return '';
+        }
+    }
+    get hasDiff() {
+        return this.entry?.before != null || this.entry?.after != null;
+    }
+}
+AuditLogEntryCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogEntryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AuditLogEntryCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AuditLogEntryCardComponent, selector: "cqa-audit-log-entry-card", inputs: { entry: "entry" }, host: { classAttribute: "cqa-ui-root cqa-audit-log-row" }, ngImport: i0, template: "<div class=\"cqa-audit-log-meta cqa-font-inter\">\n  <div class=\"cqa-audit-log-ts\">{{ entry?.ts }}</div>\n  <div class=\"cqa-audit-log-user\">{{ userShortName }}</div>\n</div>\n<div class=\"cqa-min-w-0\">\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-flex-wrap cqa-mb-1\">\n    <span class=\"cqa-audit-log-etype\" [ngClass]=\"etypeClass\">{{ entry?.entityType }}</span>\n    <span class=\"cqa-text-[13px] cqa-font-medium cqa-text-[#0F172A]\">{{ entry?.entityName }}</span>\n  </div>\n  <div class=\"cqa-text-xs cqa-text-[#64748B]\">{{ entry?.change }}</div>\n  <div *ngIf=\"hasDiff\" class=\"cqa-audit-log-diff\">\n    <span class=\"cqa-audit-log-before\">{{ entry?.before || '\u2014' }}</span>\n    <span class=\"cqa-audit-log-arrow\">\u2192</span>\n    <span class=\"cqa-audit-log-after\">{{ entry?.after || '\u2014' }}</span>\n  </div>\n</div>\n", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogEntryCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-audit-log-entry-card', host: { class: 'cqa-ui-root cqa-audit-log-row' }, template: "<div class=\"cqa-audit-log-meta cqa-font-inter\">\n  <div class=\"cqa-audit-log-ts\">{{ entry?.ts }}</div>\n  <div class=\"cqa-audit-log-user\">{{ userShortName }}</div>\n</div>\n<div class=\"cqa-min-w-0\">\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-flex-wrap cqa-mb-1\">\n    <span class=\"cqa-audit-log-etype\" [ngClass]=\"etypeClass\">{{ entry?.entityType }}</span>\n    <span class=\"cqa-text-[13px] cqa-font-medium cqa-text-[#0F172A]\">{{ entry?.entityName }}</span>\n  </div>\n  <div class=\"cqa-text-xs cqa-text-[#64748B]\">{{ entry?.change }}</div>\n  <div *ngIf=\"hasDiff\" class=\"cqa-audit-log-diff\">\n    <span class=\"cqa-audit-log-before\">{{ entry?.before || '\u2014' }}</span>\n    <span class=\"cqa-audit-log-arrow\">\u2192</span>\n    <span class=\"cqa-audit-log-after\">{{ entry?.after || '\u2014' }}</span>\n  </div>\n</div>\n" }]
+        }], propDecorators: { entry: [{
+                type: Input
+            }] } });
+
+class AuditLogDrawerComponent {
+    constructor() {
+        this.entries = [];
+        this.entityTypeOptions = [];
+        this.envOptions = [];
+        this.userOptions = [];
+        this.defaultRange = '7d';
+        this.isLoading = false;
+        this.filterChange = new EventEmitter();
+        this.close = new EventEmitter();
+        this.ALL = ALL_FILTER_VALUE;
+        this.filtersForm = new FormGroup({
+            entityType: new FormControl(ALL_FILTER_VALUE),
+            env: new FormControl(ALL_FILTER_VALUE),
+            user: new FormControl(ALL_FILTER_VALUE),
+            range: new FormControl('7d'),
+        });
+        this.trackById = (_, e) => e.id;
+        this.destroy$ = new Subject();
+        this.rangeMs = {
+            '24h': 24 * 60 * 60 * 1000,
+            '7d': 7 * 24 * 60 * 60 * 1000,
+            '30d': 30 * 24 * 60 * 60 * 1000,
+            'all': Number.POSITIVE_INFINITY,
+        };
+    }
+    ngOnInit() {
+        this.filtersForm.patchValue({ range: this.defaultRange });
+        this.entityConfig = this.buildSelectConfig('entityType', 'All entity types', this.entityTypeOptions);
+        this.envConfig = this.buildSelectConfig('env', 'All environments', this.envOptions);
+        this.userConfig = this.buildSelectConfig('user', 'All users', this.userOptions);
+        this.rangeConfig = this.buildSelectConfig('range', 'Last 7 days', [
+            { value: '24h', label: 'Last 24h' },
+            { value: '7d', label: 'Last 7 days' },
+            { value: '30d', label: 'Last 30 days' },
+            { value: 'all', label: 'All time' },
+        ], false);
+        this.filtersForm.valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.filterChange.emit(this.currentFilterState()));
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    get filteredEntries() {
+        const f = this.currentFilterState();
+        const cutoff = this.rangeMs[f.range];
+        const now = Date.now();
+        return (this.entries || []).filter(e => {
+            if (f.entityType !== ALL_FILTER_VALUE && e.entityType !== f.entityType) {
+                return false;
+            }
+            if (f.env !== ALL_FILTER_VALUE && !this.entryMatchesEnv(e, f.env)) {
+                return false;
+            }
+            if (f.user !== ALL_FILTER_VALUE && e.user !== f.user) {
+                return false;
+            }
+            if (cutoff !== Number.POSITIVE_INFINITY) {
+                const ts = this.parseTs(e.ts);
+                if (ts != null && now - ts > cutoff) {
+                    return false;
+                }
+            }
+            return true;
+        });
+    }
+    onClose() {
+        this.close.emit();
+    }
+    entryMatchesEnv(entry, env) {
+        return (entry.entityName || '').toLowerCase().includes(env.toLowerCase());
+    }
+    parseTs(ts) {
+        if (!ts) {
+            return null;
+        }
+        const t = Date.parse(ts);
+        return Number.isNaN(t) ? null : t;
+    }
+    currentFilterState() {
+        const v = this.filtersForm.value;
+        return {
+            entityType: v.entityType ?? ALL_FILTER_VALUE,
+            env: v.env ?? ALL_FILTER_VALUE,
+            user: v.user ?? ALL_FILTER_VALUE,
+            range: v.range ?? '7d',
+        };
+    }
+    buildSelectConfig(key, placeholder, items, includeAll = true) {
+        const options = [];
+        if (includeAll) {
+            options.push({ id: ALL_FILTER_VALUE, value: ALL_FILTER_VALUE, name: placeholder, label: placeholder });
+        }
+        for (const it of items) {
+            options.push({ id: it.value, value: it.value, name: it.label, label: it.label });
+        }
+        return {
+            key,
+            label: '',
+            placeholder,
+            multiple: false,
+            searchable: false,
+            options,
+        };
+    }
+}
+AuditLogDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AuditLogDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: AuditLogDrawerComponent, selector: "cqa-audit-log-drawer", inputs: { entries: "entries", entityTypeOptions: "entityTypeOptions", envOptions: "envOptions", userOptions: "userOptions", defaultRange: "defaultRange", isLoading: "isLoading" }, outputs: { filterChange: "filterChange", close: "close" }, host: { styleAttribute: "display:flex;flex-direction:column;height:100%;width:560px;max-width:100vw;background:#fff;box-shadow:-8px 0 32px rgba(15,23,42,.12);", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<header class=\"cqa-flex cqa-items-start cqa-justify-between cqa-gap-3 cqa-px-[22px] cqa-py-[18px] cqa-border-b cqa-border-[#E5E7EB] cqa-flex-shrink-0 cqa-font-inter\">\n  <div class=\"cqa-min-w-0\">\n    <h3 class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-m-0 cqa-text-[15px] cqa-font-semibold cqa-text-[#0F172A]\">\n      <mat-icon class=\"cqa-text-primary\" style=\"font-size:18px;width:18px;height:18px;line-height:18px;color:#3F43EE;\">history</mat-icon>\n      Audit log\n    </h3>\n    <p class=\"cqa-text-xs cqa-text-[#64748B] cqa-mt-0.5 cqa-mb-0\">\n      All changes across environments, profiles, and globals. Read-only, append-only.\n    </p>\n  </div>\n  <button type=\"button\" class=\"cqa-audit-log-close-btn\" (click)=\"onClose()\" aria-label=\"Close audit log\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n\n<section class=\"cqa-grid cqa-gap-2 cqa-px-[22px] cqa-py-3 cqa-border-b cqa-border-[#E5E7EB] cqa-flex-shrink-0\"\n         style=\"grid-template-columns: repeat(4, minmax(0, 1fr)); background:#FAFBFC;\">\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"entityConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"envConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"userConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"rangeConfig\"></cqa-dynamic-select>\n</section>\n\n<div class=\"cqa-flex-1 cqa-overflow-y-auto\">\n  <cqa-full-table-loader *ngIf=\"isLoading\"></cqa-full-table-loader>\n  <ng-container *ngIf=\"!isLoading\">\n    <cqa-empty-state\n      *ngIf=\"filteredEntries.length === 0; else listTpl\"\n      title=\"No entries match your filters\"\n      description=\"Adjust the filters above to widen the search.\">\n    </cqa-empty-state>\n    <ng-template #listTpl>\n      <cqa-audit-log-entry-card\n        *ngFor=\"let e of filteredEntries; trackBy: trackById\"\n        [entry]=\"e\">\n      </cqa-audit-log-entry-card>\n    </ng-template>\n  </ng-container>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: DynamicSelectFieldComponent, selector: "cqa-dynamic-select", inputs: ["form", "config"], outputs: ["selectionChange", "selectClick", "searchChange", "loadMore", "addCustomValue"] }, { type: FullTableLoaderComponent, selector: "cqa-full-table-loader", inputs: ["label"] }, { type: EmptyStateComponent, selector: "cqa-empty-state", inputs: ["preset", "imageUrl", "title", "description", "actions"], outputs: ["actionClick"] }, { type: AuditLogEntryCardComponent, selector: "cqa-audit-log-entry-card", inputs: ["entry"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cqa-audit-log-drawer', host: {
+                        class: 'cqa-ui-root',
+                        style: 'display:flex;flex-direction:column;height:100%;width:560px;max-width:100vw;background:#fff;box-shadow:-8px 0 32px rgba(15,23,42,.12);',
+                    }, template: "<header class=\"cqa-flex cqa-items-start cqa-justify-between cqa-gap-3 cqa-px-[22px] cqa-py-[18px] cqa-border-b cqa-border-[#E5E7EB] cqa-flex-shrink-0 cqa-font-inter\">\n  <div class=\"cqa-min-w-0\">\n    <h3 class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-m-0 cqa-text-[15px] cqa-font-semibold cqa-text-[#0F172A]\">\n      <mat-icon class=\"cqa-text-primary\" style=\"font-size:18px;width:18px;height:18px;line-height:18px;color:#3F43EE;\">history</mat-icon>\n      Audit log\n    </h3>\n    <p class=\"cqa-text-xs cqa-text-[#64748B] cqa-mt-0.5 cqa-mb-0\">\n      All changes across environments, profiles, and globals. Read-only, append-only.\n    </p>\n  </div>\n  <button type=\"button\" class=\"cqa-audit-log-close-btn\" (click)=\"onClose()\" aria-label=\"Close audit log\">\n    <mat-icon>close</mat-icon>\n  </button>\n</header>\n\n<section class=\"cqa-grid cqa-gap-2 cqa-px-[22px] cqa-py-3 cqa-border-b cqa-border-[#E5E7EB] cqa-flex-shrink-0\"\n         style=\"grid-template-columns: repeat(4, minmax(0, 1fr)); background:#FAFBFC;\">\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"entityConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"envConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"userConfig\"></cqa-dynamic-select>\n  <cqa-dynamic-select [form]=\"filtersForm\" [config]=\"rangeConfig\"></cqa-dynamic-select>\n</section>\n\n<div class=\"cqa-flex-1 cqa-overflow-y-auto\">\n  <cqa-full-table-loader *ngIf=\"isLoading\"></cqa-full-table-loader>\n  <ng-container *ngIf=\"!isLoading\">\n    <cqa-empty-state\n      *ngIf=\"filteredEntries.length === 0; else listTpl\"\n      title=\"No entries match your filters\"\n      description=\"Adjust the filters above to widen the search.\">\n    </cqa-empty-state>\n    <ng-template #listTpl>\n      <cqa-audit-log-entry-card\n        *ngFor=\"let e of filteredEntries; trackBy: trackById\"\n        [entry]=\"e\">\n      </cqa-audit-log-entry-card>\n    </ng-template>\n  </ng-container>\n</div>\n" }]
+        }], propDecorators: { entries: [{
+                type: Input
+            }], entityTypeOptions: [{
+                type: Input
+            }], envOptions: [{
+                type: Input
+            }], userOptions: [{
+                type: Input
+            }], defaultRange: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], filterChange: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }] } });
+
 class AssignEnvironmentsDialogComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -51068,6 +51357,9 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         NewEnvironmentDialogComponent,
         NewEnvironmentVariableDialogComponent,
         NewTestDataProfileDialogComponent,
+        ManageColumnsDialogComponent,
+        AuditLogDrawerComponent,
+        AuditLogEntryCardComponent,
         AssignEnvironmentsDialogComponent,
         PermissionToggleComponent,
         ExportCodeModalComponent,
@@ -51258,6 +51550,9 @@ UiKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         NewEnvironmentDialogComponent,
         NewEnvironmentVariableDialogComponent,
         NewTestDataProfileDialogComponent,
+        ManageColumnsDialogComponent,
+        AuditLogDrawerComponent,
+        AuditLogEntryCardComponent,
         AssignEnvironmentsDialogComponent,
         PermissionToggleComponent,
         ExportCodeModalComponent,
@@ -51493,6 +51788,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         NewEnvironmentDialogComponent,
                         NewEnvironmentVariableDialogComponent,
                         NewTestDataProfileDialogComponent,
+                        ManageColumnsDialogComponent,
+                        AuditLogDrawerComponent,
+                        AuditLogEntryCardComponent,
                         AssignEnvironmentsDialogComponent,
                         PermissionToggleComponent,
                         ExportCodeModalComponent,
@@ -51689,6 +51987,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         NewEnvironmentDialogComponent,
                         NewEnvironmentVariableDialogComponent,
                         NewTestDataProfileDialogComponent,
+                        ManageColumnsDialogComponent,
+                        AuditLogDrawerComponent,
+                        AuditLogEntryCardComponent,
                         AssignEnvironmentsDialogComponent,
                         PermissionToggleComponent,
                         ExportCodeModalComponent,
@@ -51797,6 +52098,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; } });
 
+class AuditLogDrawerService {
+    constructor(overlay, injector) {
+        this.overlay = overlay;
+        this.injector = injector;
+        this.currentOverlayRef = null;
+    }
+    open(inputs) {
+        if (this.currentOverlayRef) {
+            this.currentOverlayRef.dispose();
+            this.currentOverlayRef = null;
+        }
+        const positionStrategy = this.overlay.position()
+            .global()
+            .right('0')
+            .top('0')
+            .bottom('0');
+        const overlayRef = this.overlay.create(new OverlayConfig({
+            hasBackdrop: true,
+            backdropClass: ['cqa-audit-log-drawer-backdrop'],
+            scrollStrategy: this.overlay.scrollStrategies.block(),
+            positionStrategy,
+            panelClass: ['cqa-audit-log-drawer-panel', 'cqa-ui-root'],
+            maxWidth: '100vw',
+            height: '100%',
+        }));
+        const portal = new ComponentPortal(AuditLogDrawerComponent, null, this.injector);
+        const componentRef = overlayRef.attach(portal);
+        const instance = componentRef.instance;
+        instance.entries = inputs.entries ?? [];
+        instance.entityTypeOptions = inputs.entityTypeOptions ?? [];
+        instance.envOptions = inputs.envOptions ?? [];
+        instance.userOptions = inputs.userOptions ?? [];
+        instance.defaultRange = inputs.defaultRange ?? '7d';
+        instance.isLoading = !!inputs.isLoading;
+        componentRef.changeDetectorRef.markForCheck();
+        const filterChange = new Subject();
+        const afterClosed = new Subject();
+        instance.filterChange.subscribe((s) => filterChange.next(s));
+        const closeAll = () => {
+            if (!this.currentOverlayRef) {
+                return;
+            }
+            overlayRef.dispose();
+            this.currentOverlayRef = null;
+            afterClosed.next();
+            afterClosed.complete();
+            filterChange.complete();
+        };
+        instance.close.subscribe(() => closeAll());
+        overlayRef.backdropClick().subscribe(() => closeAll());
+        overlayRef.keydownEvents()
+            .pipe(filter((e) => e.key === 'Escape' || e.key === 'Esc'))
+            .subscribe(() => closeAll());
+        this.currentOverlayRef = overlayRef;
+        return {
+            filterChange$: filterChange.asObservable(),
+            afterClosed$: afterClosed.asObservable(),
+            close: () => closeAll(),
+            updateEntries: (entries) => {
+                instance.entries = entries ?? [];
+                componentRef.changeDetectorRef.markForCheck();
+            },
+            updateLoading: (isLoading) => {
+                instance.isLoading = !!isLoading;
+                componentRef.changeDetectorRef.markForCheck();
+            },
+        };
+    }
+}
+AuditLogDrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogDrawerService, deps: [{ token: i1$6.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+AuditLogDrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogDrawerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuditLogDrawerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$6.Overlay }, { type: i0.Injector }]; } });
+
 /**
  * Opens the Step Details Drawer (Edit In Depth) as a right-side drawer overlay.
  * Matches the behavior of Element popup - opens as a right-side drawer panel.
@@ -52391,5 +52768,5 @@ function buildTestCaseDetailsFromApi(data, options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ADVANCED_SUBFIELDS_BY_TYPE, ADVANCED_TOGGLE_KEYS, AIActionStepComponent, AIAgentStepComponent, API_EDIT_STEP_LABELS, ActionMenuButtonComponent, AddPrerequisiteCasesSectionComponent, AdvancedVariablesFormComponent, AiDebugAlertComponent, AiLogsWithReasoningComponent, AiPromptCardComponent, AiReasoningComponent, ApiEditStepComponent, ApiMockingCardComponent, ApiStepComponent, AssignEnvironmentsDialogComponent, AutocompleteComponent, BadgeComponent, BasicStepComponent, BreakpointsModalComponent, ButtonComponent, CUSTOM_EDIT_STEP_DATA, CUSTOM_EDIT_STEP_EDIT_IN_DEPTH, CUSTOM_EDIT_STEP_REF, CUSTOM_ELEMENT_POPUP_REF, CaptureVideoDialogComponent, ChangeHistoryComponent, ChartCardComponent, CodeEditorComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionBranchEditorComponent, ConditionDebugStepComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CreateStepGroupComponent, CustomEditStepComponent, CustomEditStepRef, CustomEditStepService, CustomInputComponent, CustomTextareaComponent, CustomToggleComponent, DEFAULT_FOLDER_COLOR, DEFAULT_METADATA_COLOR, DEFAULT_MODULAR_CONFIG, DEFAULT_MODULAR_LABELS, DEFAULT_PRIORITY_COLOR_CONFIG, DEFAULT_REORDER_LABELS, DEFAULT_STATUS_COLOR_CONFIG, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DbQueryExecutionItemComponent, DbVerificationStepComponent, DeleteFolderDialogComponent, DeleteStepsComponent, DetailDrawerComponent, DetailDrawerTabComponent, DetailDrawerTabContentDirective, DetailSidePanelComponent, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, ELEMENT_POPUP_DATA, ELEMENT_POPUP_EDIT_IN_DEPTH, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, ENVIRONMENT_ACCENT_COLORS, ElementFormComponent, ElementListComponent, ElementPopupComponent, ElementPopupRef, ElementPopupService, EmptyStateComponent, ErrorModalComponent, ExecutionResultModalComponent, ExportCodeModalComponent, FOLDER_DRAG_MIME, FOLDER_NAME_MAX_LENGTH, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FileUploadComponent, FolderDragDirective, FolderDropDirective, FolderSidebarComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, ItemListComponent, IterationsLoopComponent, JumpToStepModalComponent, LiveConversationComponent, LiveExecutionStepComponent, LoopStepComponent, MONACO_LANGUAGE_MAP, MainStepCollapseComponent, MetricsCardComponent, MixedVariableInputComponent, ModularTableTemplateComponent, MoveToFolderDialogComponent, NetworkRequestComponent, NewEnvironmentDialogComponent, NewEnvironmentVariableDialogComponent, NewFolderDialogComponent, NewGlobalVariableDialogComponent, NewTestDataProfileDialogComponent, NewVersionHistoryDetailComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, PermissionToggleComponent, ProgressIndicatorComponent, ProgressTextCardComponent, QuestionnaireListComponent, RESULT_COLORS, ROW_DRAG_MIME, RadioCardGroupComponent, RecordingBannerComponent, ReviewRecordedStepsModalComponent, RowDragDirective, RunExecutionAlertComponent, RunHistoryCardComponent, STATUS_COLORS, STEP_DETAILS_DRAWER_DATA, STEP_DETAILS_DRAWER_REF, STEP_DETAILS_FIELDS_BY_TYPE, STEP_DETAILS_FIELD_META, STEP_DETAILS_MODAL_DATA, STEP_DETAILS_MODAL_REF, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SessionChangesModalComponent, SessionRestorationDialogComponent, SimulatorComponent, StepBuilderActionComponent, StepBuilderAiAgentComponent, StepBuilderConditionComponent, StepBuilderCustomCodeComponent, StepBuilderDatabaseComponent, StepBuilderDocumentComponent, StepBuilderDocumentGenerationTemplateStepComponent, StepBuilderGroupComponent, StepBuilderLoopComponent, StepBuilderRecordStepComponent, StepDetailsDrawerComponent, StepDetailsDrawerRef, StepDetailsDrawerService, StepDetailsModalComponent, StepDetailsModalRef, StepDetailsModalService, StepGroupComponent, StepProgressCardComponent, StepRendererComponent, StepStatusCardComponent, StepTypes, StepperComponent, SubStepsConfirmationDialogComponent, TEST_CASE_DETAILS_FIELD_MAP, TEST_CASE_DETAILS_SELECT_KEYS, TEST_DATA_MODAL_DATA, TEST_DATA_MODAL_EDIT_IN_DEPTH, TEST_DATA_MODAL_REF, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TemplateVariablesFormComponent, TestCaseAiAgentStepComponent, TestCaseAiVerifyStepComponent, TestCaseApiStepComponent, TestCaseConditionStepComponent, TestCaseCustomCodeStepComponent, TestCaseDatabaseStepComponent, TestCaseDetailsComponent, TestCaseDetailsEditComponent, TestCaseDetailsRendererComponent, TestCaseLinkCellComponent, TestCaseLoopStepComponent, TestCaseNormalStepComponent, TestCaseRestoreSessionStepComponent, TestCaseScreenshotStepComponent, TestCaseScrollStepComponent, TestCaseStepGroupComponent, TestCaseUploadStepComponent, TestCaseVerifyUrlStepComponent, TestDataModalComponent, TestDataModalRef, TestDataModalService, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, VersionHistoryCompareComponent, VersionHistoryDetailComponent, VersionHistoryListComponent, VersionHistoryRestoreConfirmComponent, ViewCompareButtonComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, WorkspaceSelectorComponent, buildTestCaseDetailsFromApi, getDynamicFieldsFromLegacyConfig, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle, getStepDetailsStepType, humanizeVariableKey, isAiAgentStepConfig, isAiVerifyStepConfig, isApiStepConfig, isConditionStepConfig, isCustomCodeStepConfig, isDatabaseStepConfig, isLoopStepConfig, isNormalStepConfig, isRestoreSessionStepConfig, isScreenshotStepConfig, isScrollStepConfig, isStepGroupConfig, isUploadStepConfig, isVerifyUrlStepConfig, mapApiVariablesToDynamicFields };
+export { ADVANCED_SUBFIELDS_BY_TYPE, ADVANCED_TOGGLE_KEYS, AIActionStepComponent, AIAgentStepComponent, ALL_FILTER_VALUE, API_EDIT_STEP_LABELS, ActionMenuButtonComponent, AddPrerequisiteCasesSectionComponent, AdvancedVariablesFormComponent, AiDebugAlertComponent, AiLogsWithReasoningComponent, AiPromptCardComponent, AiReasoningComponent, ApiEditStepComponent, ApiMockingCardComponent, ApiStepComponent, AssignEnvironmentsDialogComponent, AuditLogDrawerComponent, AuditLogDrawerService, AuditLogEntryCardComponent, AutocompleteComponent, BadgeComponent, BasicStepComponent, BreakpointsModalComponent, ButtonComponent, CUSTOM_EDIT_STEP_DATA, CUSTOM_EDIT_STEP_EDIT_IN_DEPTH, CUSTOM_EDIT_STEP_REF, CUSTOM_ELEMENT_POPUP_REF, CaptureVideoDialogComponent, ChangeHistoryComponent, ChartCardComponent, CodeEditorComponent, ColumnVisibilityComponent, CompareRunsComponent, ConditionBranchEditorComponent, ConditionDebugStepComponent, ConditionStepComponent, ConfigurationCardComponent, ConsoleAlertComponent, CoverageModuleCardComponent, CreateStepGroupComponent, CustomEditStepComponent, CustomEditStepRef, CustomEditStepService, CustomInputComponent, CustomTextareaComponent, CustomToggleComponent, DEFAULT_FOLDER_COLOR, DEFAULT_METADATA_COLOR, DEFAULT_MODULAR_CONFIG, DEFAULT_MODULAR_LABELS, DEFAULT_PRIORITY_COLOR_CONFIG, DEFAULT_REORDER_LABELS, DEFAULT_STATUS_COLOR_CONFIG, DIALOG_DATA, DIALOG_REF, DashboardHeaderComponent, DaterangepickerComponent, DaterangepickerDirective, DbQueryExecutionItemComponent, DbVerificationStepComponent, DeleteFolderDialogComponent, DeleteStepsComponent, DetailDrawerComponent, DetailDrawerTabComponent, DetailDrawerTabContentDirective, DetailSidePanelComponent, DialogComponent, DialogRef, DialogService, DocumentVerificationStepComponent, DropdownButtonComponent, DynamicCellContainerDirective, DynamicCellTemplateDirective, DynamicFilterComponent, DynamicHeaderTemplateDirective, DynamicSelectFieldComponent, DynamicTableComponent, ELEMENT_POPUP_DATA, ELEMENT_POPUP_EDIT_IN_DEPTH, EMPTY_STATE_IMAGES, EMPTY_STATE_PRESETS, ENVIRONMENT_ACCENT_COLORS, ElementFormComponent, ElementListComponent, ElementPopupComponent, ElementPopupRef, ElementPopupService, EmptyStateComponent, ErrorModalComponent, ExecutionResultModalComponent, ExportCodeModalComponent, FOLDER_DRAG_MIME, FOLDER_NAME_MAX_LENGTH, FailedStepCardComponent, FailedStepComponent, FailedTestCasesCardComponent, FileDownloadStepComponent, FileUploadComponent, FolderDragDirective, FolderDropDirective, FolderSidebarComponent, FullTableLoaderComponent, HeatErrorMapCellComponent, InsightCardComponent, ItemListComponent, IterationsLoopComponent, JumpToStepModalComponent, LiveConversationComponent, LiveExecutionStepComponent, LoopStepComponent, MONACO_LANGUAGE_MAP, MainStepCollapseComponent, ManageColumnsDialogComponent, MetricsCardComponent, MixedVariableInputComponent, ModularTableTemplateComponent, MoveToFolderDialogComponent, NetworkRequestComponent, NewEnvironmentDialogComponent, NewEnvironmentVariableDialogComponent, NewFolderDialogComponent, NewGlobalVariableDialogComponent, NewTestDataProfileDialogComponent, NewVersionHistoryDetailComponent, OtherButtonComponent, PRIORITY_COLORS, PaginationComponent, PermissionToggleComponent, ProgressIndicatorComponent, ProgressTextCardComponent, QuestionnaireListComponent, RESULT_COLORS, ROW_DRAG_MIME, RadioCardGroupComponent, RecordingBannerComponent, ReviewRecordedStepsModalComponent, RowDragDirective, RunExecutionAlertComponent, RunHistoryCardComponent, STATUS_COLORS, STEP_DETAILS_DRAWER_DATA, STEP_DETAILS_DRAWER_REF, STEP_DETAILS_FIELDS_BY_TYPE, STEP_DETAILS_FIELD_META, STEP_DETAILS_MODAL_DATA, STEP_DETAILS_MODAL_REF, SearchBarComponent, SegmentControlComponent, SelectedFiltersComponent, SelfHealAnalysisComponent, SessionChangesModalComponent, SessionRestorationDialogComponent, SimulatorComponent, StepBuilderActionComponent, StepBuilderAiAgentComponent, StepBuilderConditionComponent, StepBuilderCustomCodeComponent, StepBuilderDatabaseComponent, StepBuilderDocumentComponent, StepBuilderDocumentGenerationTemplateStepComponent, StepBuilderGroupComponent, StepBuilderLoopComponent, StepBuilderRecordStepComponent, StepDetailsDrawerComponent, StepDetailsDrawerRef, StepDetailsDrawerService, StepDetailsModalComponent, StepDetailsModalRef, StepDetailsModalService, StepGroupComponent, StepProgressCardComponent, StepRendererComponent, StepStatusCardComponent, StepTypes, StepperComponent, SubStepsConfirmationDialogComponent, TEST_CASE_DETAILS_FIELD_MAP, TEST_CASE_DETAILS_SELECT_KEYS, TEST_DATA_MODAL_DATA, TEST_DATA_MODAL_EDIT_IN_DEPTH, TEST_DATA_MODAL_REF, TableActionToolbarComponent, TableDataLoaderComponent, TableTemplateComponent, TailwindOverlayContainer, TemplateVariablesFormComponent, TestCaseAiAgentStepComponent, TestCaseAiVerifyStepComponent, TestCaseApiStepComponent, TestCaseConditionStepComponent, TestCaseCustomCodeStepComponent, TestCaseDatabaseStepComponent, TestCaseDetailsComponent, TestCaseDetailsEditComponent, TestCaseDetailsRendererComponent, TestCaseLinkCellComponent, TestCaseLoopStepComponent, TestCaseNormalStepComponent, TestCaseRestoreSessionStepComponent, TestCaseScreenshotStepComponent, TestCaseScrollStepComponent, TestCaseStepGroupComponent, TestCaseUploadStepComponent, TestCaseVerifyUrlStepComponent, TestDataModalComponent, TestDataModalRef, TestDataModalService, TestDistributionCardComponent, UiKitModule, UpdatedFailedStepComponent, VersionHistoryCompareComponent, VersionHistoryDetailComponent, VersionHistoryListComponent, VersionHistoryRestoreConfirmComponent, ViewCompareButtonComponent, ViewMoreFailedStepButtonComponent, VisualComparisonComponent, VisualDifferenceModalComponent, WorkspaceSelectorComponent, buildTestCaseDetailsFromApi, getDynamicFieldsFromLegacyConfig, getEmptyStatePreset, getMetadataColor, getMetadataValueStyle, getStepDetailsStepType, humanizeVariableKey, isAiAgentStepConfig, isAiVerifyStepConfig, isApiStepConfig, isConditionStepConfig, isCustomCodeStepConfig, isDatabaseStepConfig, isLoopStepConfig, isNormalStepConfig, isRestoreSessionStepConfig, isScreenshotStepConfig, isScrollStepConfig, isStepGroupConfig, isUploadStepConfig, isVerifyUrlStepConfig, mapApiVariablesToDynamicFields };
 //# sourceMappingURL=cqa-lib-cqa-ui.mjs.map