@cqa-lib/cqa-ui 1.1.204 → 1.1.205

package/lib/detail-drawer/detail-drawer-tab/detail-drawer-tab.component.d.ts

@@ -0,0 +1,15 @@
+import { DetailDrawerTabContentDirective } from '../detail-drawer-tab-content.directive';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerTabComponent {
+    /** Tab label (shown in tooltip on icon button) */
+    label: string;
+    /** Tab value (unique identifier) */
+    value: string;
+    /** Material icon name for the tab button */
+    icon: string;
+    /** Template for tab content - use with ng-template cqaTabContent */
+    contentDirective?: DetailDrawerTabContentDirective;
+    get contentTemplate(): import("@angular/core").TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailDrawerTabComponent, "cqa-detail-drawer-tab", never, { "label": "label"; "value": "value"; "icon": "icon"; }, {}, ["contentDirective"], never>;
+}

package/lib/detail-drawer/detail-drawer-tab-content.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerTabContentDirective {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerTabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DetailDrawerTabContentDirective, "[cqaTabContent]", never, {}, {}, never>;
+}

package/lib/detail-drawer/detail-drawer.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, QueryList, AfterContentInit, AfterContentChecked } from '@angular/core';
+import { DetailDrawerTabComponent } from './detail-drawer-tab/detail-drawer-tab.component';
+import * as i0 from "@angular/core";
+export declare class DetailDrawerComponent implements AfterContentInit, AfterContentChecked {
+    tabComponents: QueryList<DetailDrawerTabComponent>;
+    /** Currently active tab value */
+    activeTab: string;
+    /** Whether to show the close button */
+    showCloseButton: boolean;
+    /** Whether the drawer is expanded */
+    expanded: boolean;
+    /** Panel width when expanded */
+    expandedWidth: string;
+    /** Minimum width when expanded (e.g. '280px') */
+    minExpandedWidth?: string;
+    /** Maximum width when expanded (e.g. '600px', '30vw'). Default: 30% of viewport */
+    maxExpandedWidth: string;
+    /** Panel width when collapsed */
+    collapsedWidth: string;
+    get hostWidth(): string;
+    get hostMinWidth(): string | null;
+    get hostMaxWidth(): string | null;
+    expandTooltip: string;
+    collapseTooltip: string;
+    closeTooltip: string;
+    activeTabChange: EventEmitter<string>;
+    expandToggle: EventEmitter<void>;
+    close: EventEmitter<void>;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    private ensureActiveTab;
+    onTabClick(tab: DetailDrawerTabComponent): void;
+    onExpandToggle(): void;
+    onClose(): void;
+    trackByValue(_i: number, tab: DetailDrawerTabComponent): string;
+    isTabActive(tab: DetailDrawerTabComponent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailDrawerComponent, "cqa-detail-drawer", never, { "activeTab": "activeTab"; "showCloseButton": "showCloseButton"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "minExpandedWidth": "minExpandedWidth"; "maxExpandedWidth": "maxExpandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "activeTabChange": "activeTabChange"; "expandToggle": "expandToggle"; "close": "close"; }, ["tabComponents"], never>;
+}

package/lib/detail-side-panel/detail-side-panel.component.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter } from '@angular/core';
+import { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
+import { TestCaseDetailsEditFormData, SelectConfigOverrides } from '../test-case-details/test-case-details-edit/test-case-details-edit.component';
+import * as i0 from "@angular/core";
+export type { DetailSidePanelTab, DetailSidePanelMetadataItem, DetailSidePanelConfigSection } from './detail-side-panel.models';
+export declare class DetailSidePanelComponent {
+    /** Tabs - each tab has a side panel icon button; tabs and buttons are 1:1 */
+    tabs: DetailSidePanelTab[];
+    /** Currently active tab value */
+    activeTab: string;
+    /** Description section title */
+    descriptionTitle: string;
+    /** Description text content */
+    descriptionContent: string;
+    /** Whether to show the Edit button in the Description header */
+    showEditButton: boolean;
+    /** Metadata items (Created on, Status, Priority, etc.) */
+    metadataItems: DetailSidePanelMetadataItem[];
+    /** Labels/tags (e.g. Automation, API, SDK, UI/UX) */
+    labels: string[];
+    /** Configuration sections - full width (e.g. Execution, AI Configuration) */
+    configSections: DetailSidePanelConfigSection[];
+    /** Optional config sections displayed in a 2-column row (e.g. Waits & Retries, Device) */
+    configSectionsRow2: DetailSidePanelConfigSection[];
+    /** Platform: 'web' or 'mobile'. Defaults to 'web'. Used for Device Settings. */
+    platform: 'web' | 'mobile';
+    /** Configuration section title */
+    configTitle: string;
+    /** Whether to show the close button in the side menu */
+    showCloseButton: boolean;
+    /** When true, test case details start in edit mode (useful for Storybook). */
+    startInEditMode: boolean;
+    /** Override config per select for API-driven options, server search, load more. */
+    selectConfigOverrides: SelectConfigOverrides;
+    /** Whether the panel is expanded (affects expand button icon and panel width) */
+    expanded: boolean;
+    /** Panel width when expanded (e.g. '480px', '25%') */
+    expandedWidth: string;
+    /** Panel width when collapsed (e.g. '56px' - fits icon bar + back button) */
+    collapsedWidth: string;
+    get hostWidth(): string;
+    get hostMinWidth(): string;
+    get hostMaxWidth(): string;
+    hostOverflow: string;
+    /** Tooltip for expand button when panel is collapsed */
+    expandTooltip: string;
+    /** Tooltip for expand button when panel is expanded (collapse) */
+    collapseTooltip: string;
+    /** Tooltip for close button */
+    closeTooltip: string;
+    back: EventEmitter<void>;
+    tabChange: EventEmitter<string>;
+    editDescription: EventEmitter<void>;
+    saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
+    metadataLinkClick: EventEmitter<DetailSidePanelMetadataItem>;
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    expandToggle: EventEmitter<void>;
+    close: EventEmitter<void>;
+    trackByTabValue(_i: number, tab: DetailSidePanelTab): string;
+    trackByMetadataLabel(_i: number, item: DetailSidePanelMetadataItem): string;
+    trackByConfigTitle(_i: number, section: DetailSidePanelConfigSection): string;
+    onBack(): void;
+    onTabClick(tab: DetailSidePanelTab): void;
+    onEditDescription(): void;
+    onSaveChanges(data: TestCaseDetailsEditFormData): void;
+    onExpandToggle(): void;
+    onClose(): void;
+    onMetadataLinkClick(item: DetailSidePanelMetadataItem): void;
+    getStatusDotClass(item: DetailSidePanelMetadataItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailSidePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailSidePanelComponent, "cqa-detail-side-panel", never, { "tabs": "tabs"; "activeTab": "activeTab"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "configTitle": "configTitle"; "showCloseButton": "showCloseButton"; "startInEditMode": "startInEditMode"; "selectConfigOverrides": "selectConfigOverrides"; "expanded": "expanded"; "expandedWidth": "expandedWidth"; "collapsedWidth": "collapsedWidth"; "expandTooltip": "expandTooltip"; "collapseTooltip": "collapseTooltip"; "closeTooltip": "closeTooltip"; }, { "back": "back"; "tabChange": "tabChange"; "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; "expandToggle": "expandToggle"; "close": "close"; }, never, never>;
+}

package/lib/detail-side-panel/detail-side-panel.models.d.ts

@@ -0,0 +1,20 @@
+import { ConfigurationItem } from '../configuration-card/configuration-card.component';
+export interface DetailSidePanelTab {
+    label: string;
+    value: string;
+    /** Material icon name for the side panel button */
+    icon?: string;
+}
+export interface DetailSidePanelMetadataItem {
+    label: string;
+    value: string;
+    icon?: string;
+    iconLibrary?: 'mat' | 'fa';
+    link?: string;
+    statusColor?: 'yellow' | 'red' | 'green' | 'gray';
+}
+export interface DetailSidePanelConfigSection {
+    title: string;
+    icon?: string;
+    items: ConfigurationItem[];
+}

package/lib/test-case-details/test-case-details-edit/test-case-details-edit.component.d.ts

@@ -0,0 +1,175 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from '../test-case-details.models';
+import { DynamicSelectFieldConfig, SelectOption } from '../../dynamic-select/dynamic-select-field.component';
+import * as i0 from "@angular/core";
+/** Override config for a specific select. Use for server-side search, load more, custom options. */
+export interface SelectConfigOverride {
+    /** Replace options (e.g. from API). Update when API returns. */
+    options?: SelectOption[];
+    /** Enable server-side search; component emits selectSearch instead of local filtering. */
+    serverSearch?: boolean;
+    /** Indicates more results available for infinite scroll. */
+    hasMore?: boolean;
+    /** Loading state (e.g. during API call). */
+    isLoading?: boolean;
+    /** Enable search input in the select. */
+    searchable?: boolean;
+    /** When true, triggers initial search on panel open (serverSearch mode). */
+    initialFetchOnOpen?: boolean;
+    /** Callback when user types in search. Call API, then update options via selectConfigOverrides. */
+    onSearch?: (query: string) => void;
+    /** Callback when user scrolls to load more. Call API, append options via selectConfigOverrides. */
+    onLoadMore?: (query?: string) => void;
+}
+/** Map of select key -> config override. Enables API-driven options, infinite search, load more. */
+export declare type SelectConfigOverrides = Partial<Record<string, SelectConfigOverride>>;
+/** Keys for each dynamic select in test-case-details-edit. Use these with selectConfigOverrides. */
+export declare const TEST_CASE_DETAILS_SELECT_KEYS: {
+    readonly status: "status";
+    readonly priority: "priority";
+    readonly prerequisiteCases: "prerequisiteCases";
+    readonly videoRecording: "videoRecording";
+    readonly enableAiSmartness: "enableAiSmartness";
+    readonly defaultAiAction: "defaultAiAction";
+    readonly knowledgeBaseDefaultTestCase: "knowledgeBaseDefaultTestCase";
+    readonly useAiMetadata: "useAiMetadata";
+    readonly defaultBrowser: "defaultBrowser";
+    readonly defaultViewport: "defaultViewport";
+    readonly deviceType: "deviceType";
+    readonly deviceOS: "deviceOS";
+};
+export interface TestCaseDetailsEditFormData {
+    descriptionContent: string;
+    status: string;
+    priority: string;
+    labels: string[];
+    configSections: TestCaseDetailsConfigSection[];
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+}
+export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
+    descriptionTitle: string;
+    descriptionContent: string;
+    metadataItems: TestCaseDetailsMetadataItem[];
+    labels: string[];
+    configTitle: string;
+    configSections: TestCaseDetailsConfigSection[];
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+    /** Optional list of prerequisite test case options for the multi-select. If not provided, uses default sample options. */
+    prerequisiteCaseOptions: {
+        value: string;
+        name: string;
+    }[];
+    /** Platform: 'web' shows Default Browser + Viewport; 'mobile' shows Device Type + OS. Defaults to 'web'. */
+    platform: 'web' | 'mobile';
+    /**
+     * Override config per select key. Use for:
+     * - API-driven options: pass options array (update when API returns)
+     * - Server-side search: serverSearch: true, onSearch in override or listen to selectSearch
+     * - Infinite scroll: hasMore: true, onLoadMore in override or listen to selectLoadMore
+     * - Initial fetch on open: initialFetchOnOpen: true
+     */
+    selectConfigOverrides: SelectConfigOverrides;
+    save: EventEmitter<TestCaseDetailsEditFormData>;
+    cancel: EventEmitter<void>;
+    /** Emitted when user searches in a select (serverSearch mode). Call API and update options via selectConfigOverrides. */
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    /** Emitted when user scrolls to load more. Call API, append to options via selectConfigOverrides. */
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    /** Emitted when a select panel is opened. Use to call API for initial load (e.g. when initialFetchOnOpen). */
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    /** Emitted when selection changes in any select. */
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    /** Form state */
+    editDescription: string;
+    editStatus: string;
+    editPriority: string;
+    editLabels: string[];
+    labelSearch: string;
+    testCaseTimeout: string;
+    waitTimeoutLocators: string;
+    autoWaitEnabled: boolean;
+    retryFailedSteps: string;
+    configExpanded: boolean;
+    executionExpanded: boolean;
+    aiConfigExpanded: boolean;
+    waitsRetriesExpanded: boolean;
+    deviceExpanded: boolean;
+    keyFlagsExpanded: boolean;
+    mobileTestingEnabled: boolean;
+    extensionUseEnabled: boolean;
+    dataDrivenEnabled: boolean;
+    readonly frequentlyUsedLabels: string[];
+    /** FormGroup for cqa-dynamic-select bindings */
+    editForm: FormGroup;
+    get statusItem(): TestCaseDetailsMetadataItem | undefined;
+    get priorityItem(): TestCaseDetailsMetadataItem | undefined;
+    get statusOptions(): string[];
+    get priorityOptions(): string[];
+    /** Cached configs to avoid new object refs each change detection (prevents infinite loops) */
+    readonly statusSelectConfig: DynamicSelectFieldConfig;
+    private readonly defaultPrerequisiteCaseOptions;
+    readonly videoRecordingSelectConfig: DynamicSelectFieldConfig;
+    readonly aiMetadataCollectionSelectConfig: DynamicSelectFieldConfig;
+    prerequisiteCaseSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultViewportSelectConfig: DynamicSelectFieldConfig;
+    readonly deviceTypeSelectConfig: DynamicSelectFieldConfig;
+    readonly deviceOSSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultBrowserSelectConfig: DynamicSelectFieldConfig;
+    readonly prioritySelectConfig: DynamicSelectFieldConfig;
+    readonly enableAiSmartnessSelectConfig: DynamicSelectFieldConfig;
+    readonly defaultAiActionSelectConfig: DynamicSelectFieldConfig;
+    readonly knowledgeBaseDefaultTestCaseSelectConfig: DynamicSelectFieldConfig;
+    /**
+     * Returns merged config for a select: base config + override.
+     * Wires onSearch, onLoadMore to both override callbacks and output events.
+     */
+    getConfigForSelect(key: string, baseConfig: DynamicSelectFieldConfig): DynamicSelectFieldConfig;
+    onSelectOpened(key: string): void;
+    onSelectSearch(event: {
+        key: string;
+        query: string;
+    }): void;
+    onSelectLoadMore(event: {
+        key: string;
+        query: string;
+    }): void;
+    onSelectionChange(event: {
+        key: string;
+        value: unknown;
+    }): void;
+    private getConfigItemValue;
+    private getPrerequisiteCasesFromConfig;
+    ngOnInit(): void;
+    private normalizeBooleanSelectValue;
+    ngOnChanges(changes: SimpleChanges): void;
+    onRemoveLabel(label: string): void;
+    onClearAllLabels(): void;
+    onAddFrequentLabel(label: string): void;
+    onAddSearchedLabel(): void;
+    onSave(): void;
+    private mergeConfigSections;
+    private mergeConfigSectionsRow2;
+    onCancel(): void;
+    trackByLabel(_i: number, label: string): string;
+    trackByConfigTitle(_i: number, section: TestCaseDetailsConfigSection): string;
+    /** Current labels use consistent indigo style */
+    private readonly LABEL_CHIP_STYLE;
+    getCurrentLabelChipStyle(_label: string): {
+        [key: string]: string;
+    };
+    getLabelCloseIconColor(_label: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsEditComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsEditComponent, "cqa-test-case-details-edit", never, { "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "prerequisiteCaseOptions": "prerequisiteCaseOptions"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "save": "save"; "cancel": "cancel"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+}

package/lib/test-case-details/test-case-details.component.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter, ChangeDetectorRef, OnInit } from '@angular/core';
+import { TestCaseDetailsConfigSection, TestCaseDetailsMetadataItem } from './test-case-details.models';
+import { TestCaseDetailsEditFormData, SelectConfigOverrides } from './test-case-details-edit/test-case-details-edit.component';
+import * as i0 from "@angular/core";
+export declare class TestCaseDetailsComponent implements OnInit {
+    private cdr;
+    /** Whether the component is in edit mode */
+    editing: boolean;
+    /** When true, start in edit mode (useful for Storybook). */
+    startInEditMode: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /** Description section title */
+    descriptionTitle: string;
+    /** Description text content */
+    descriptionContent: string;
+    /** Whether to show the Edit button in the Description header */
+    showEditButton: boolean;
+    /** Metadata items (createdOn, status, priority, environment, version, testPlanName, etc.) */
+    metadataItems: TestCaseDetailsMetadataItem[];
+    /** Labels/tags (e.g. Automation, API, SDK, UI/UX) */
+    labels: string[];
+    /** Configuration section title */
+    configTitle: string;
+    /** Configuration sections (e.g. Execution, AI Configuration) */
+    configSections: TestCaseDetailsConfigSection[];
+    /** Optional config sections displayed in a 2-column row (e.g. Waits & Retries, Device) */
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+    /** Platform: 'web' or 'mobile'. Defaults to 'web'. Used for Device Settings fields. */
+    platform: 'web' | 'mobile';
+    /** Override config per select for API-driven options, server search, load more. */
+    selectConfigOverrides: SelectConfigOverrides;
+    editDescription: EventEmitter<void>;
+    saveChanges: EventEmitter<TestCaseDetailsEditFormData>;
+    metadataLinkClick: EventEmitter<TestCaseDetailsMetadataItem>;
+    selectSearch: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectLoadMore: EventEmitter<{
+        key: string;
+        query: string;
+    }>;
+    selectOpened: EventEmitter<{
+        key: string;
+    }>;
+    selectionChange: EventEmitter<{
+        key: string;
+        value: unknown;
+    }>;
+    onEditClick(): void;
+    onSaveChanges(data: TestCaseDetailsEditFormData): void;
+    onCancelEdit(): void;
+    trackByConfigTitle(_i: number, section: TestCaseDetailsConfigSection): string;
+    trackByMetadataLabel(_i: number, item: TestCaseDetailsMetadataItem): string;
+    onMetadataLinkClick(item: TestCaseDetailsMetadataItem): void;
+    getStatusDotClass(item: TestCaseDetailsMetadataItem): string;
+    /** Text color for metadata value (e.g. red for critical priority) */
+    getValueTextClass(item: TestCaseDetailsMetadataItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseDetailsComponent, "cqa-test-case-details", never, { "startInEditMode": "startInEditMode"; "descriptionTitle": "descriptionTitle"; "descriptionContent": "descriptionContent"; "showEditButton": "showEditButton"; "metadataItems": "metadataItems"; "labels": "labels"; "configTitle": "configTitle"; "configSections": "configSections"; "configSectionsRow2": "configSectionsRow2"; "platform": "platform"; "selectConfigOverrides": "selectConfigOverrides"; }, { "editDescription": "editDescription"; "saveChanges": "saveChanges"; "metadataLinkClick": "metadataLinkClick"; "selectSearch": "selectSearch"; "selectLoadMore": "selectLoadMore"; "selectOpened": "selectOpened"; "selectionChange": "selectionChange"; }, never, never>;
+}

package/lib/test-case-details/test-case-details.models.d.ts

@@ -0,0 +1,118 @@
+import { ConfigurationItem } from '../configuration-card/configuration-card.component';
+export interface TestCaseDetailsConfigSection {
+    title: string;
+    icon?: string;
+    items: ConfigurationItem[];
+}
+export declare type StatusDotColor = 'yellow' | 'red' | 'green' | 'gray';
+export interface TestCaseDetailsMetadataItem {
+    label: string;
+    value: string;
+    icon?: string;
+    iconLibrary?: 'mat' | 'fa';
+    link?: string;
+    statusColor?: StatusDotColor;
+}
+/** Maps status/priority value (lowercase) to dot color. Override to customize. */
+export declare type StatusColorConfig = Partial<Record<string, StatusDotColor>>;
+/** Default status value -> dot color. Override via BuildTestCaseDetailsOptions. */
+export declare const DEFAULT_STATUS_COLOR_CONFIG: Record<string, StatusDotColor>;
+/** Default priority value -> dot color. Override via BuildTestCaseDetailsOptions. */
+export declare const DEFAULT_PRIORITY_COLOR_CONFIG: Record<string, StatusDotColor>;
+/**
+ * API field names for mapping test case data to cqa-test-case-details.
+ * Use these when building metadataItems and configSections from your API response.
+ */
+export declare const TEST_CASE_DETAILS_FIELD_MAP: {
+    /** Metadata (description section) */
+    readonly metadata: {
+        readonly createdOn: "createdOn";
+        readonly status: "status";
+        readonly priority: "priority";
+        readonly environment: "environment";
+        readonly version: "version";
+        readonly platform: "platform";
+        readonly labels: "labels";
+    };
+    /** Execution config */
+    readonly execution: {
+        readonly prerequisiteCase: "prerequisiteCase";
+        readonly defaultBrowser: "defaultBrowser";
+        readonly videoRecording: "videoRecording";
+        readonly testCaseTimeout: "testCaseTimeout";
+        readonly waitTimeoutForLocators: "waitTimeoutForLocators";
+        readonly webBrowser: "webBrowser";
+        readonly viewport: "viewport";
+    };
+    /** AI Configuration */
+    readonly aiConfig: {
+        readonly enableAiSmartness: "enableAiSmartness";
+        readonly defaultAiAction: "defaultAiAction";
+        readonly knowledgeBaseDefaultTestCase: "knowledgeBaseDefaultTestCase";
+        readonly useAiMetadata: "useAiMetadata";
+    };
+    /** Waits & Retries */
+    readonly waitsRetries: {
+        readonly autoWait: "autoWait";
+        readonly retryFailedSteps: "retryFailedSteps";
+    };
+    /** Device */
+    readonly device: {
+        readonly platform: "platform";
+        readonly deviceType: "deviceType";
+        readonly deviceOS: "deviceOS";
+        readonly defaultBrowser: "defaultBrowser";
+        readonly defaultViewport: "defaultViewport";
+        readonly viewport: "viewport";
+    };
+};
+/** API response shape for test case details. Map your API fields to this structure. */
+export interface TestCaseDetailsApiData {
+    createdOn?: string | Date;
+    status?: string;
+    priority?: string;
+    environment?: string;
+    version?: string;
+    testPlanName?: string;
+    testPlanRedirectUrl?: string;
+    labels?: string[];
+    prerequisiteCase?: string | null;
+    defaultBrowser?: string;
+    videoRecording?: boolean | string;
+    testCaseTimeout?: string;
+    waitTimeoutForLocators?: string;
+    webBrowser?: string;
+    viewport?: string;
+    enableAiSmartness?: string;
+    defaultAiAction?: string;
+    knowledgeBaseDefaultTestCase?: string | null;
+    useAiMetadata?: string;
+    autoWait?: string;
+    autoWaitEnabled?: boolean;
+    retryFailedSteps?: string;
+    platform?: 'web' | 'mobile';
+    deviceType?: string;
+    deviceOS?: string;
+    defaultViewport?: string;
+    /** Key Flags */
+    mobileTesting?: string | boolean;
+    extensionUse?: string | boolean;
+    dataDriven?: string | boolean;
+}
+/** Options for buildTestCaseDetailsFromApi */
+export interface BuildTestCaseDetailsOptions {
+    /** Override status value -> dot color. Merged with defaults. */
+    statusColorConfig?: StatusColorConfig;
+    /** Override priority value -> dot color. Merged with defaults. */
+    priorityColorConfig?: StatusColorConfig;
+}
+/**
+ * Build metadataItems and configSections from API data for cqa-test-case-details.
+ * Use in ts-portal when mapping test case API response to component inputs.
+ */
+export declare function buildTestCaseDetailsFromApi(data: TestCaseDetailsApiData, options?: BuildTestCaseDetailsOptions): {
+    metadataItems: TestCaseDetailsMetadataItem[];
+    labels: string[];
+    configSections: TestCaseDetailsConfigSection[];
+    configSectionsRow2: TestCaseDetailsConfigSection[];
+};

package/lib/ui-kit.module.d.ts

@@ -107,34 +107,40 @@ import * as i104 from "./step-builder/step-builder-record-step/step-builder-reco
 import * as i105 from "./step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component";
 import * as i106 from "./test-case-details/element-list/element-list.component";
 import * as i107 from "./step-builder/step-builder-document/step-builder-document.component";
-import * as i108 from "./step-builder/step-builder-group/step-builder-group.component";
-import * as i109 from "./test-case-details/step-details-drawer/step-details-drawer.component";
-import * as i110 from "./step-builder/template-variables-form/template-variables-form.component";
-import * as i111 from "@angular/common";
-import * as i112 from "@angular/forms";
-import * as i113 from "@angular/platform-browser/animations";
-import * as i114 from "@angular/material/icon";
-import * as i115 from "@angular/material/menu";
-import * as i116 from "@angular/material/button";
-import * as i117 from "@angular/material/form-field";
-import * as i118 from "@angular/material/select";
-import * as i119 from "@angular/material/core";
-import * as i120 from "@angular/material/checkbox";
-import * as i121 from "@angular/material/radio";
-import * as i122 from "@angular/material/slide-toggle";
-import * as i123 from "@angular/material/datepicker";
-import * as i124 from "@angular/material/progress-spinner";
-import * as i125 from "@angular/material/tooltip";
-import * as i126 from "@angular/material/dialog";
-import * as i127 from "@angular/material/table";
-import * as i128 from "@angular/material/input";
-import * as i129 from "@angular/cdk/overlay";
-import * as i130 from "@angular/cdk/portal";
-import * as i131 from "ngx-typed-js";
-import * as i132 from "ngx-drag-drop";
+import * as i108 from "./detail-side-panel/detail-side-panel.component";
+import * as i109 from "./detail-drawer/detail-drawer.component";
+import * as i110 from "./detail-drawer/detail-drawer-tab/detail-drawer-tab.component";
+import * as i111 from "./detail-drawer/detail-drawer-tab-content.directive";
+import * as i112 from "./test-case-details/test-case-details.component";
+import * as i113 from "./test-case-details/test-case-details-edit/test-case-details-edit.component";
+import * as i114 from "./step-builder/step-builder-group/step-builder-group.component";
+import * as i115 from "./test-case-details/step-details-drawer/step-details-drawer.component";
+import * as i116 from "./step-builder/template-variables-form/template-variables-form.component";
+import * as i117 from "@angular/common";
+import * as i118 from "@angular/forms";
+import * as i119 from "@angular/platform-browser/animations";
+import * as i120 from "@angular/material/icon";
+import * as i121 from "@angular/material/menu";
+import * as i122 from "@angular/material/button";
+import * as i123 from "@angular/material/form-field";
+import * as i124 from "@angular/material/select";
+import * as i125 from "@angular/material/core";
+import * as i126 from "@angular/material/checkbox";
+import * as i127 from "@angular/material/radio";
+import * as i128 from "@angular/material/slide-toggle";
+import * as i129 from "@angular/material/datepicker";
+import * as i130 from "@angular/material/progress-spinner";
+import * as i131 from "@angular/material/tooltip";
+import * as i132 from "@angular/material/dialog";
+import * as i133 from "@angular/material/table";
+import * as i134 from "@angular/material/input";
+import * as i135 from "@angular/cdk/overlay";
+import * as i136 from "@angular/cdk/portal";
+import * as i137 from "ngx-typed-js";
+import * as i138 from "ngx-drag-drop";
 export declare class UiKitModule {
     constructor(iconRegistry: MatIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<UiKitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UiKitModule, [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.AutocompleteComponent, typeof i4.SegmentControlComponent, typeof i5.DialogComponent, typeof i6.DynamicTableComponent, typeof i7.DynamicCellTemplateDirective, typeof i7.DynamicHeaderTemplateDirective, typeof i8.DynamicCellContainerDirective, typeof i9.PaginationComponent, typeof i10.ActionMenuButtonComponent, typeof i11.OtherButtonComponent, typeof i12.DynamicFilterComponent, typeof i13.DaterangepickerDirective, typeof i14.DaterangepickerComponent, typeof i15.ColumnVisibilityComponent, typeof i16.TableActionToolbarComponent, typeof i17.MetricsCardComponent, typeof i18.MetricsBlockComponent, typeof i19.ChartCardComponent, typeof i20.ProgressTextCardComponent, typeof i21.DashboardHeaderComponent, typeof i22.CoverageModuleCardComponent, typeof i23.TestDistributionCardComponent, typeof i24.FailedTestCasesCardComponent, typeof i25.DynamicSelectFieldComponent, typeof i26.AddPrerequisiteCasesSectionComponent, typeof i27.SelectedFiltersComponent, typeof i28.InsightCardComponent, typeof i29.BadgeComponent, typeof i30.DropdownButtonComponent, typeof i31.HeatErrorMapCellComponent, typeof i32.EmptyStateComponent, typeof i33.TableTemplateComponent, typeof i34.FullTableLoaderComponent, typeof i35.TableDataLoaderComponent, typeof i36.BasicStepComponent, typeof i37.StepRendererComponent, typeof i38.StepGroupComponent, typeof i39.LoopStepComponent, typeof i40.ConditionStepComponent, typeof i41.FailedStepComponent, typeof i42.UpdatedFailedStepComponent, typeof i43.ViewMoreFailedStepButtonComponent, typeof i44.SelfHealAnalysisComponent, typeof i45.AIAgentStepComponent, typeof i46.AIActionStepComponent, typeof i47.ApiStepComponent, typeof i48.FileDownloadStepComponent, typeof i49.DocumentVerificationStepComponent, typeof i50.LiveExecutionStepComponent, typeof i51.MainStepCollapseComponent, typeof i52.VisualComparisonComponent, typeof i53.SimulatorComponent, typeof i54.ConsoleAlertComponent, typeof i55.AiDebugAlertComponent, typeof i56.NetworkRequestComponent, typeof i57.RunHistoryCardComponent, typeof i58.VisualDifferenceModalComponent, typeof i59.ConfigurationCardComponent, typeof i60.CompareRunsComponent, typeof i61.IterationsLoopComponent, typeof i62.FailedStepCardComponent, typeof i63.CustomInputComponent, typeof i64.CustomTextareaComponent, typeof i65.CustomToggleComponent, typeof i66.FileUploadComponent, typeof i67.AiReasoningComponent, typeof i68.ExecutionResultModalComponent, typeof i69.ErrorModalComponent, typeof i70.ProgressIndicatorComponent, typeof i71.StepProgressCardComponent, typeof i72.StepStatusCardComponent, typeof i73.DbVerificationStepComponent, typeof i74.DbQueryExecutionItemComponent, typeof i75.TestCaseNormalStepComponent, typeof i76.TestCaseLoopStepComponent, typeof i77.TestCaseConditionStepComponent, typeof i78.TestCaseStepGroupComponent, typeof i79.TestCaseDetailsRendererComponent, typeof i80.TestCaseApiStepComponent, typeof i81.TestCaseDatabaseStepComponent, typeof i82.TestCaseAiAgentStepComponent, typeof i83.TestCaseAiVerifyStepComponent, typeof i84.TestCaseUploadStepComponent, typeof i85.TestCaseScreenshotStepComponent, typeof i86.TestCaseScrollStepComponent, typeof i87.TestCaseVerifyUrlStepComponent, typeof i88.TestCaseRestoreSessionStepComponent, typeof i89.TestCaseCustomCodeStepComponent, typeof i90.CustomEditStepComponent, typeof i91.ItemListComponent, typeof i92.TestDataModalComponent, typeof i93.CreateStepGroupComponent, typeof i94.DeleteStepsComponent, typeof i95.ApiEditStepComponent, typeof i96.LiveConversationComponent, typeof i97.StepBuilderActionComponent, typeof i98.StepBuilderLoopComponent, typeof i99.ElementPopupComponent, typeof i100.StepBuilderConditionComponent, typeof i101.StepBuilderDatabaseComponent, typeof i102.StepBuilderAiAgentComponent, typeof i103.StepBuilderCustomCodeComponent, typeof i104.StepBuilderRecordStepComponent, typeof i105.StepBuilderDocumentGenerationTemplateStepComponent, typeof i106.ElementListComponent, typeof i107.StepBuilderDocumentComponent, typeof i108.StepBuilderGroupComponent, typeof i109.StepDetailsDrawerComponent, typeof i110.TemplateVariablesFormComponent], [typeof i111.CommonModule, typeof i112.FormsModule, typeof i112.ReactiveFormsModule, typeof i113.NoopAnimationsModule, typeof i114.MatIconModule, typeof i115.MatMenuModule, typeof i116.MatButtonModule, typeof i117.MatFormFieldModule, typeof i118.MatSelectModule, typeof i119.MatOptionModule, typeof i120.MatCheckboxModule, typeof i121.MatRadioModule, typeof i122.MatSlideToggleModule, typeof i123.MatDatepickerModule, typeof i119.MatNativeDateModule, typeof i124.MatProgressSpinnerModule, typeof i125.MatTooltipModule, typeof i126.MatDialogModule, typeof i127.MatTableModule, typeof i128.MatInputModule, typeof i129.OverlayModule, typeof i130.PortalModule, typeof i131.NgxTypedJsModule, typeof i132.DndModule], [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.AutocompleteComponent, typeof i4.SegmentControlComponent, typeof i5.DialogComponent, typeof i6.DynamicTableComponent, typeof i7.DynamicCellTemplateDirective, typeof i7.DynamicHeaderTemplateDirective, typeof i8.DynamicCellContainerDirective, typeof i9.PaginationComponent, typeof i10.ActionMenuButtonComponent, typeof i11.OtherButtonComponent, typeof i12.DynamicFilterComponent, typeof i13.DaterangepickerDirective, typeof i14.DaterangepickerComponent, typeof i15.ColumnVisibilityComponent, typeof i16.TableActionToolbarComponent, typeof i17.MetricsCardComponent, typeof i19.ChartCardComponent, typeof i20.ProgressTextCardComponent, typeof i21.DashboardHeaderComponent, typeof i22.CoverageModuleCardComponent, typeof i23.TestDistributionCardComponent, typeof i24.FailedTestCasesCardComponent, typeof i25.DynamicSelectFieldComponent, typeof i26.AddPrerequisiteCasesSectionComponent, typeof i27.SelectedFiltersComponent, typeof i28.InsightCardComponent, typeof i29.BadgeComponent, typeof i30.DropdownButtonComponent, typeof i31.HeatErrorMapCellComponent, typeof i32.EmptyStateComponent, typeof i33.TableTemplateComponent, typeof i34.FullTableLoaderComponent, typeof i35.TableDataLoaderComponent, typeof i36.BasicStepComponent, typeof i37.StepRendererComponent, typeof i38.StepGroupComponent, typeof i39.LoopStepComponent, typeof i40.ConditionStepComponent, typeof i41.FailedStepComponent, typeof i42.UpdatedFailedStepComponent, typeof i43.ViewMoreFailedStepButtonComponent, typeof i44.SelfHealAnalysisComponent, typeof i45.AIAgentStepComponent, typeof i46.AIActionStepComponent, typeof i47.ApiStepComponent, typeof i48.FileDownloadStepComponent, typeof i49.DocumentVerificationStepComponent, typeof i50.LiveExecutionStepComponent, typeof i51.MainStepCollapseComponent, typeof i52.VisualComparisonComponent, typeof i53.SimulatorComponent, typeof i54.ConsoleAlertComponent, typeof i55.AiDebugAlertComponent, typeof i56.NetworkRequestComponent, typeof i57.RunHistoryCardComponent, typeof i58.VisualDifferenceModalComponent, typeof i59.ConfigurationCardComponent, typeof i60.CompareRunsComponent, typeof i61.IterationsLoopComponent, typeof i62.FailedStepCardComponent, typeof i63.CustomInputComponent, typeof i64.CustomTextareaComponent, typeof i65.CustomToggleComponent, typeof i66.FileUploadComponent, typeof i67.AiReasoningComponent, typeof i68.ExecutionResultModalComponent, typeof i69.ErrorModalComponent, typeof i70.ProgressIndicatorComponent, typeof i71.StepProgressCardComponent, typeof i72.StepStatusCardComponent, typeof i73.DbVerificationStepComponent, typeof i74.DbQueryExecutionItemComponent, typeof i75.TestCaseNormalStepComponent, typeof i76.TestCaseLoopStepComponent, typeof i77.TestCaseConditionStepComponent, typeof i78.TestCaseStepGroupComponent, typeof i79.TestCaseDetailsRendererComponent, typeof i80.TestCaseApiStepComponent, typeof i81.TestCaseDatabaseStepComponent, typeof i82.TestCaseAiAgentStepComponent, typeof i84.TestCaseUploadStepComponent, typeof i85.TestCaseScreenshotStepComponent, typeof i86.TestCaseScrollStepComponent, typeof i87.TestCaseVerifyUrlStepComponent, typeof i88.TestCaseRestoreSessionStepComponent, typeof i89.TestCaseCustomCodeStepComponent, typeof i90.CustomEditStepComponent, typeof i91.ItemListComponent, typeof i92.TestDataModalComponent, typeof i93.CreateStepGroupComponent, typeof i94.DeleteStepsComponent, typeof i95.ApiEditStepComponent, typeof i96.LiveConversationComponent, typeof i97.StepBuilderActionComponent, typeof i98.StepBuilderLoopComponent, typeof i99.ElementPopupComponent, typeof i100.StepBuilderConditionComponent, typeof i101.StepBuilderDatabaseComponent, typeof i102.StepBuilderAiAgentComponent, typeof i103.StepBuilderCustomCodeComponent, typeof i104.StepBuilderRecordStepComponent, typeof i105.StepBuilderDocumentGenerationTemplateStepComponent, typeof i106.ElementListComponent, typeof i107.StepBuilderDocumentComponent, typeof i108.StepBuilderGroupComponent, typeof i109.StepDetailsDrawerComponent, typeof i110.TemplateVariablesFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UiKitModule, [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.AutocompleteComponent, typeof i4.SegmentControlComponent, typeof i5.DialogComponent, typeof i6.DynamicTableComponent, typeof i7.DynamicCellTemplateDirective, typeof i7.DynamicHeaderTemplateDirective, typeof i8.DynamicCellContainerDirective, typeof i9.PaginationComponent, typeof i10.ActionMenuButtonComponent, typeof i11.OtherButtonComponent, typeof i12.DynamicFilterComponent, typeof i13.DaterangepickerDirective, typeof i14.DaterangepickerComponent, typeof i15.ColumnVisibilityComponent, typeof i16.TableActionToolbarComponent, typeof i17.MetricsCardComponent, typeof i18.MetricsBlockComponent, typeof i19.ChartCardComponent, typeof i20.ProgressTextCardComponent, typeof i21.DashboardHeaderComponent, typeof i22.CoverageModuleCardComponent, typeof i23.TestDistributionCardComponent, typeof i24.FailedTestCasesCardComponent, typeof i25.DynamicSelectFieldComponent, typeof i26.AddPrerequisiteCasesSectionComponent, typeof i27.SelectedFiltersComponent, typeof i28.InsightCardComponent, typeof i29.BadgeComponent, typeof i30.DropdownButtonComponent, typeof i31.HeatErrorMapCellComponent, typeof i32.EmptyStateComponent, typeof i33.TableTemplateComponent, typeof i34.FullTableLoaderComponent, typeof i35.TableDataLoaderComponent, typeof i36.BasicStepComponent, typeof i37.StepRendererComponent, typeof i38.StepGroupComponent, typeof i39.LoopStepComponent, typeof i40.ConditionStepComponent, typeof i41.FailedStepComponent, typeof i42.UpdatedFailedStepComponent, typeof i43.ViewMoreFailedStepButtonComponent, typeof i44.SelfHealAnalysisComponent, typeof i45.AIAgentStepComponent, typeof i46.AIActionStepComponent, typeof i47.ApiStepComponent, typeof i48.FileDownloadStepComponent, typeof i49.DocumentVerificationStepComponent, typeof i50.LiveExecutionStepComponent, typeof i51.MainStepCollapseComponent, typeof i52.VisualComparisonComponent, typeof i53.SimulatorComponent, typeof i54.ConsoleAlertComponent, typeof i55.AiDebugAlertComponent, typeof i56.NetworkRequestComponent, typeof i57.RunHistoryCardComponent, typeof i58.VisualDifferenceModalComponent, typeof i59.ConfigurationCardComponent, typeof i60.CompareRunsComponent, typeof i61.IterationsLoopComponent, typeof i62.FailedStepCardComponent, typeof i63.CustomInputComponent, typeof i64.CustomTextareaComponent, typeof i65.CustomToggleComponent, typeof i66.FileUploadComponent, typeof i67.AiReasoningComponent, typeof i68.ExecutionResultModalComponent, typeof i69.ErrorModalComponent, typeof i70.ProgressIndicatorComponent, typeof i71.StepProgressCardComponent, typeof i72.StepStatusCardComponent, typeof i73.DbVerificationStepComponent, typeof i74.DbQueryExecutionItemComponent, typeof i75.TestCaseNormalStepComponent, typeof i76.TestCaseLoopStepComponent, typeof i77.TestCaseConditionStepComponent, typeof i78.TestCaseStepGroupComponent, typeof i79.TestCaseDetailsRendererComponent, typeof i80.TestCaseApiStepComponent, typeof i81.TestCaseDatabaseStepComponent, typeof i82.TestCaseAiAgentStepComponent, typeof i83.TestCaseAiVerifyStepComponent, typeof i84.TestCaseUploadStepComponent, typeof i85.TestCaseScreenshotStepComponent, typeof i86.TestCaseScrollStepComponent, typeof i87.TestCaseVerifyUrlStepComponent, typeof i88.TestCaseRestoreSessionStepComponent, typeof i89.TestCaseCustomCodeStepComponent, typeof i90.CustomEditStepComponent, typeof i91.ItemListComponent, typeof i92.TestDataModalComponent, typeof i93.CreateStepGroupComponent, typeof i94.DeleteStepsComponent, typeof i95.ApiEditStepComponent, typeof i96.LiveConversationComponent, typeof i97.StepBuilderActionComponent, typeof i98.StepBuilderLoopComponent, typeof i99.ElementPopupComponent, typeof i100.StepBuilderConditionComponent, typeof i101.StepBuilderDatabaseComponent, typeof i102.StepBuilderAiAgentComponent, typeof i103.StepBuilderCustomCodeComponent, typeof i104.StepBuilderRecordStepComponent, typeof i105.StepBuilderDocumentGenerationTemplateStepComponent, typeof i106.ElementListComponent, typeof i107.StepBuilderDocumentComponent, typeof i108.DetailSidePanelComponent, typeof i109.DetailDrawerComponent, typeof i110.DetailDrawerTabComponent, typeof i111.DetailDrawerTabContentDirective, typeof i112.TestCaseDetailsComponent, typeof i113.TestCaseDetailsEditComponent, typeof i114.StepBuilderGroupComponent, typeof i115.StepDetailsDrawerComponent, typeof i116.TemplateVariablesFormComponent], [typeof i117.CommonModule, typeof i118.FormsModule, typeof i118.ReactiveFormsModule, typeof i119.NoopAnimationsModule, typeof i120.MatIconModule, typeof i121.MatMenuModule, typeof i122.MatButtonModule, typeof i123.MatFormFieldModule, typeof i124.MatSelectModule, typeof i125.MatOptionModule, typeof i126.MatCheckboxModule, typeof i127.MatRadioModule, typeof i128.MatSlideToggleModule, typeof i129.MatDatepickerModule, typeof i125.MatNativeDateModule, typeof i130.MatProgressSpinnerModule, typeof i131.MatTooltipModule, typeof i132.MatDialogModule, typeof i133.MatTableModule, typeof i134.MatInputModule, typeof i135.OverlayModule, typeof i136.PortalModule, typeof i137.NgxTypedJsModule, typeof i138.DndModule], [typeof i1.ButtonComponent, typeof i2.SearchBarComponent, typeof i3.AutocompleteComponent, typeof i4.SegmentControlComponent, typeof i5.DialogComponent, typeof i6.DynamicTableComponent, typeof i7.DynamicCellTemplateDirective, typeof i7.DynamicHeaderTemplateDirective, typeof i8.DynamicCellContainerDirective, typeof i9.PaginationComponent, typeof i10.ActionMenuButtonComponent, typeof i11.OtherButtonComponent, typeof i12.DynamicFilterComponent, typeof i13.DaterangepickerDirective, typeof i14.DaterangepickerComponent, typeof i15.ColumnVisibilityComponent, typeof i16.TableActionToolbarComponent, typeof i17.MetricsCardComponent, typeof i19.ChartCardComponent, typeof i20.ProgressTextCardComponent, typeof i21.DashboardHeaderComponent, typeof i22.CoverageModuleCardComponent, typeof i23.TestDistributionCardComponent, typeof i24.FailedTestCasesCardComponent, typeof i25.DynamicSelectFieldComponent, typeof i26.AddPrerequisiteCasesSectionComponent, typeof i27.SelectedFiltersComponent, typeof i28.InsightCardComponent, typeof i29.BadgeComponent, typeof i30.DropdownButtonComponent, typeof i31.HeatErrorMapCellComponent, typeof i32.EmptyStateComponent, typeof i33.TableTemplateComponent, typeof i34.FullTableLoaderComponent, typeof i35.TableDataLoaderComponent, typeof i36.BasicStepComponent, typeof i37.StepRendererComponent, typeof i38.StepGroupComponent, typeof i39.LoopStepComponent, typeof i40.ConditionStepComponent, typeof i41.FailedStepComponent, typeof i42.UpdatedFailedStepComponent, typeof i43.ViewMoreFailedStepButtonComponent, typeof i44.SelfHealAnalysisComponent, typeof i45.AIAgentStepComponent, typeof i46.AIActionStepComponent, typeof i47.ApiStepComponent, typeof i48.FileDownloadStepComponent, typeof i49.DocumentVerificationStepComponent, typeof i50.LiveExecutionStepComponent, typeof i51.MainStepCollapseComponent, typeof i52.VisualComparisonComponent, typeof i53.SimulatorComponent, typeof i54.ConsoleAlertComponent, typeof i55.AiDebugAlertComponent, typeof i56.NetworkRequestComponent, typeof i57.RunHistoryCardComponent, typeof i58.VisualDifferenceModalComponent, typeof i59.ConfigurationCardComponent, typeof i60.CompareRunsComponent, typeof i61.IterationsLoopComponent, typeof i62.FailedStepCardComponent, typeof i63.CustomInputComponent, typeof i64.CustomTextareaComponent, typeof i65.CustomToggleComponent, typeof i66.FileUploadComponent, typeof i67.AiReasoningComponent, typeof i68.ExecutionResultModalComponent, typeof i69.ErrorModalComponent, typeof i70.ProgressIndicatorComponent, typeof i71.StepProgressCardComponent, typeof i72.StepStatusCardComponent, typeof i73.DbVerificationStepComponent, typeof i74.DbQueryExecutionItemComponent, typeof i75.TestCaseNormalStepComponent, typeof i76.TestCaseLoopStepComponent, typeof i77.TestCaseConditionStepComponent, typeof i78.TestCaseStepGroupComponent, typeof i79.TestCaseDetailsRendererComponent, typeof i80.TestCaseApiStepComponent, typeof i81.TestCaseDatabaseStepComponent, typeof i82.TestCaseAiAgentStepComponent, typeof i84.TestCaseUploadStepComponent, typeof i85.TestCaseScreenshotStepComponent, typeof i86.TestCaseScrollStepComponent, typeof i87.TestCaseVerifyUrlStepComponent, typeof i88.TestCaseRestoreSessionStepComponent, typeof i89.TestCaseCustomCodeStepComponent, typeof i90.CustomEditStepComponent, typeof i91.ItemListComponent, typeof i92.TestDataModalComponent, typeof i93.CreateStepGroupComponent, typeof i94.DeleteStepsComponent, typeof i95.ApiEditStepComponent, typeof i96.LiveConversationComponent, typeof i97.StepBuilderActionComponent, typeof i98.StepBuilderLoopComponent, typeof i99.ElementPopupComponent, typeof i100.StepBuilderConditionComponent, typeof i101.StepBuilderDatabaseComponent, typeof i102.StepBuilderAiAgentComponent, typeof i103.StepBuilderCustomCodeComponent, typeof i104.StepBuilderRecordStepComponent, typeof i105.StepBuilderDocumentGenerationTemplateStepComponent, typeof i106.ElementListComponent, typeof i107.StepBuilderDocumentComponent, typeof i108.DetailSidePanelComponent, typeof i109.DetailDrawerComponent, typeof i110.DetailDrawerTabComponent, typeof i111.DetailDrawerTabContentDirective, typeof i112.TestCaseDetailsComponent, typeof i113.TestCaseDetailsEditComponent, typeof i114.StepBuilderGroupComponent, typeof i115.StepDetailsDrawerComponent, typeof i116.TemplateVariablesFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UiKitModule>;
 }