@cqa-lib/cqa-ui 1.1.540 → 1.1.541-gamma.8

package/lib/step-builder/template-variables-form/template-variables-form.component.d.ts

@@ -22,10 +22,12 @@ export interface TemplateVariable {
         value: string;
         label: string;
     }[];
-    dataType?: 'plain-text' | 'parameter' | 'runtime' | 'environment';
+    dataType?: 'plain-text' | 'parameter' | 'runtime' | 'environment' | 'global';
     rawValue?: string;
     selectedEnvironment?: string;
     selectedEnvironmentId?: number;
+    selectedGlobalVariable?: string;
+    selectedGlobalVariableId?: number;
     selectedTestDataProfile?: string;
     selectedTestDataProfileId?: number;
     selectedDataSet?: string;
@@ -75,6 +77,24 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     hasMoreEnvironments: boolean;
     /** True while parent is loading environments (search or load more) */
     isLoadingEnvironments: boolean;
+    /** Global Data variables (workspace-scoped) for the new Global Data tab */
+    globalVariableOptions: {
+        id: number | string;
+        name: string;
+        value: string;
+        type?: string;
+        readWriteMode?: string;
+    }[];
+    /** True while parent is loading global variables */
+    isLoadingGlobalVariables: boolean;
+    /** Resolved test-case environment name, used for the env banner subhead. */
+    testCaseEnvironmentName?: string;
+    /** Suffix appended to the env-name option label only (e.g. '(default)'). When set, also locks the env dropdown. */
+    testCaseEnvironmentLabelSuffix?: string;
+    /** When set, renders an italic note under the env dropdown — e.g. legacy step-level env deprecation notice. */
+    environmentLegacyDeprecationMessage?: string;
+    /** Test case's TDP id (when set, the TDP picker is locked in the parameter tab). */
+    testCaseTestDataId?: number | null;
     /** Default test data profile ID from test case (if available, profile and data set dropdowns will be disabled) */
     defaultTestDataProfileId?: number;
     /** Default test data start index from test case (data set index in the profile) */
@@ -113,6 +133,7 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     loadMoreUploads: EventEmitter<void>;
     searchEnvironments: EventEmitter<string>;
     loadMoreEnvironments: EventEmitter<void>;
+    searchGlobalVariables: EventEmitter<string>;
     cancelElementForm: EventEmitter<void>;
     elementFormVisibilityChange: EventEmitter<boolean>;
     private selectConfigCache;
@@ -120,6 +141,7 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     private parameterSelectConfigCache;
     private environmentSelectConfigCache;
     private environmentParameterSelectConfigCache;
+    private globalVariableSelectConfigCache;
     private screenNameSelectConfigCache;
     private elementSelectConfigCache;
     private testDataProfileSelectConfigCache;
@@ -133,11 +155,31 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     private needsDataTypeDropdownCache;
     private shouldShowDropdownCache;
     private readonly dataTypeOptions;
+    /**
+     * Stable segment options for the Value Source segment strip. MUST be a field
+     * (not a getter) — see feedback_segment_control_no_getter_input.md: a getter
+     * triggers a CD loop in cqa-segment-control.
+     */
+    readonly dataTypeSegments: {
+        value: string;
+        label: string;
+    }[];
+    /**
+     * Memoized filtered segments — drops Test Data Profile when neither TC nor FOR loop has a TDP.
+     * Held as a field (not a getter) so cqa-segment-control's [segments] stays a stable reference.
+     * Recomputed in ngOnChanges when isInsideForLoopStep / hasTestDataProfile change.
+     */
+    visibleDataTypeSegments: {
+        value: string;
+        label: string;
+    }[];
+    private recomputeVisibleSegments;
     createElementVisible: boolean;
     constructor(cdr: ChangeDetectorRef);
     onCreateElement(payload: ElementCreatePayload): void;
     onCancelElementForm(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private backfillGlobalVariableIds;
     private initializeTestDataVariables;
     /** Get form group for a variable by name from FormArray */
     getVariableFormGroup(variableName: string): FormGroup | null;
@@ -154,7 +196,16 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     needsDataTypeDropdown(variable: TemplateVariable): boolean;
     getDataTypeOptions(): SelectOption[];
     getDataTypeSelectConfig(variable: TemplateVariable, index: number): DynamicSelectFieldConfig;
-    getCurrentDataType(variable: TemplateVariable): 'plain-text' | 'parameter' | 'runtime' | 'environment';
+    getCurrentDataType(variable: TemplateVariable): 'plain-text' | 'parameter' | 'runtime' | 'environment' | 'global';
+    /** Whether the variable is currently using the Global Data tab. */
+    isGlobalType(variable: TemplateVariable): boolean;
+    /** Whether the user has picked a global variable on this row. */
+    hasSelectedGlobalVariable(variable: TemplateVariable): boolean;
+    /**
+     * Build select config for the Global Data dropdown.
+     * Each row inserts `{{name}}` on selection.
+     */
+    getGlobalVariableSelectConfig(variable: TemplateVariable, index: number): DynamicSelectFieldConfig;
     getRawValue(variable: TemplateVariable): string;
     /**
      * Check if selector variable is available in templateVariables
@@ -168,7 +219,7 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
      * Check if environment variable is available (testData with environment type)
      */
     get environmentVariableAvailable(): boolean;
-    onDataTypeChange(variableName: string, dataType: 'plain-text' | 'parameter' | 'runtime' | 'environment'): void;
+    onDataTypeChange(variableName: string, dataType: 'plain-text' | 'parameter' | 'runtime' | 'environment' | 'global'): void;
     onElementSearch(event: {
         key: string;
         query: string;
@@ -223,6 +274,26 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
      * Get select config for parameter dropdown (third dropdown for parameters - shows parameters from selected data set)
      */
     getParameterSelectConfig(variable: TemplateVariable, index: number): DynamicSelectFieldConfig;
+    /**
+     * Env-on-test-case contract: a test case has exactly one environment, so the
+     * "Environment Name" dropdown has nothing meaningful to choose from. We trust
+     * `testCaseEnvironmentName` as the source of truth — even if it's not in the
+     * loaded `environmentOptions` yet (those are async, env-scoped, and may be
+     * empty when the env has no parameters). The dropdown's `optionsArray.unshift`
+     * fallback in `getEnvironmentSelectConfig` ensures the value renders even when
+     * missing from the option list.
+     */
+    private resolveDefaultEnvironmentName;
+    /**
+     * Proactive companion to `resolveDefaultEnvironmentName`: walks every env-type
+     * template variable that hasn't been seeded yet and pre-fills its
+     * `selectedEnvironment` (plus the matching form control) with the test case's
+     * environment. Idempotent — variables that already have a selection are
+     * skipped. Called from `ngOnChanges` whenever the inputs that could unlock the
+     * seed (`testCaseEnvironmentName`, `environmentOptions`, `templateVariables`)
+     * change.
+     */
+    private seedDefaultEnvironmentForVariables;
     /**
      * Get unique environments from environment options
      */
@@ -310,6 +381,6 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
      */
     isRuntimeType(variable: TemplateVariable): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateVariablesFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateVariablesFormComponent, "cqa-template-variables-form", never, { "templateVariables": "templateVariables"; "variablesForm": "variablesForm"; "metadata": "metadata"; "description": "description"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "uploadOptions": "uploadOptions"; "hasMoreUploads": "hasMoreUploads"; "isLoadingUploads": "isLoadingUploads"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isEditInDepth": "isEditInDepth"; "isDebug": "isDebug"; "createElementVisible": "createElementVisible"; }, { "variableValueChange": "variableValueChange"; "variableBooleanChange": "variableBooleanChange"; "metadataChange": "metadataChange"; "descriptionChange": "descriptionChange"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchUploads": "searchUploads"; "loadMoreUploads": "loadMoreUploads"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "cancelElementForm": "cancelElementForm"; "elementFormVisibilityChange": "elementFormVisibilityChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateVariablesFormComponent, "cqa-template-variables-form", never, { "templateVariables": "templateVariables"; "variablesForm": "variablesForm"; "metadata": "metadata"; "description": "description"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "uploadOptions": "uploadOptions"; "hasMoreUploads": "hasMoreUploads"; "isLoadingUploads": "isLoadingUploads"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "globalVariableOptions": "globalVariableOptions"; "isLoadingGlobalVariables": "isLoadingGlobalVariables"; "testCaseEnvironmentName": "testCaseEnvironmentName"; "testCaseEnvironmentLabelSuffix": "testCaseEnvironmentLabelSuffix"; "environmentLegacyDeprecationMessage": "environmentLegacyDeprecationMessage"; "testCaseTestDataId": "testCaseTestDataId"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isEditInDepth": "isEditInDepth"; "isDebug": "isDebug"; "createElementVisible": "createElementVisible"; }, { "variableValueChange": "variableValueChange"; "variableBooleanChange": "variableBooleanChange"; "metadataChange": "metadataChange"; "descriptionChange": "descriptionChange"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchUploads": "searchUploads"; "loadMoreUploads": "loadMoreUploads"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "searchGlobalVariables": "searchGlobalVariables"; "cancelElementForm": "cancelElementForm"; "elementFormVisibilityChange": "elementFormVisibilityChange"; }, never, never>;
 }
 export {};

package/lib/templates/table-template.component.d.ts

@@ -31,6 +31,13 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
     otherButtons: TemplateRef<any>[];
     otherDropDownButtons: TemplateRef<any>[];
     otherSelectDropDownButtons: TemplateRef<any>[];
+    /**
+     * Optional template rendered between the search/toolbar row and the
+     * selected-filters chip block. Used to slot in feature-specific filters
+     * (e.g. Global Data's tag chip bar) so they sit visually inside the
+     * table-template's sticky header instead of floating above it.
+     */
+    tagFilterTemplate?: TemplateRef<any>;
     /** @deprecated Use otherButtons array instead */
     otherButtonLabel: string;
     /** @deprecated Use otherButtons array instead */
@@ -201,5 +208,5 @@ export declare class TableTemplateComponent implements OnInit, OnChanges, OnDest
     }>;
     get arrowClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "selectedItemsChange": "selectedItemsChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableTemplateComponent, "cqa-table-template", never, { "searchPlaceholder": "searchPlaceholder"; "searchValue": "searchValue"; "showClear": "showClear"; "showSearchBar": "showSearchBar"; "showExportButton": "showExportButton"; "isExporting": "isExporting"; "filterConfig": "filterConfig"; "filterModel": "filterModel"; "showFilterPanel": "showFilterPanel"; "showFilterButton": "showFilterButton"; "otherButtons": "otherButtons"; "otherDropDownButtons": "otherDropDownButtons"; "otherSelectDropDownButtons": "otherSelectDropDownButtons"; "tagFilterTemplate": "tagFilterTemplate"; "otherButtonLabel": "otherButtonLabel"; "otherButtonVariant": "otherButtonVariant"; "showOtherButton": "showOtherButton"; "showActionButton": "showActionButton"; "showSettingsButton": "showSettingsButton"; "showAutoRefreshButton": "showAutoRefreshButton"; "showViewModeToggle": "showViewModeToggle"; "viewMode": "viewMode"; "viewModeLabels": "viewModeLabels"; "data": "data"; "isEmptyState": "isEmptyState"; "emptyStateConfig": "emptyStateConfig"; "actions": "actions"; "chips": "chips"; "filterApplied": "filterApplied"; "columns": "columns"; "rowSelectable": "rowSelectable"; "selectedAutoRefreshInterval": "selectedAutoRefreshInterval"; "pageIndex": "pageIndex"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "pageSizeMenuDirection": "pageSizeMenuDirection"; "serverSidePagination": "serverSidePagination"; "totalElements": "totalElements"; "enableLocalSort": "enableLocalSort"; "isTableLoading": "isTableLoading"; "isTableDataLoading": "isTableDataLoading"; "cellJsonPathGetter": "cellJsonPathGetter"; "onJsonPathCopiedHandler": "onJsonPathCopiedHandler"; "selectedItems": "selectedItems"; "showSelectAllInToolbar": "showSelectAllInToolbar"; "showDismissInToolbar": "showDismissInToolbar"; "allSelectedInToolbar": "allSelectedInToolbar"; "columnVisibility": "columnVisibility"; }, { "onSearchChange": "onSearchChange"; "onExportClick": "onExportClick"; "onApplyFilterClick": "onApplyFilterClick"; "onResetFilterClick": "onResetFilterClick"; "onClearAll": "onClearAll"; "removeChip": "removeChip"; "viewModeChange": "viewModeChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "onReload": "onReload"; "onAutoRefreshClick": "onAutoRefreshClick"; "columnVisibilityChange": "columnVisibilityChange"; "autoRefreshIntervalChange": "autoRefreshIntervalChange"; "bulkActionClick": "bulkActionClick"; "bulkSelectAllChange": "bulkSelectAllChange"; "bulkDismiss": "bulkDismiss"; "selectedItemsChange": "selectedItemsChange"; }, never, never>;
 }

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

@@ -219,6 +219,12 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
     isLoadingEnvironments: boolean;
     /** URL field options when an environment is selected (base URL + parameters as *|key|). Parent fills this when environmentChange fires. */
     urlOptions: CqaAutocompleteOption[];
+    /** Resolved test-case env name; drives banner + env-dropdown auto-select + lock. */
+    testCaseEnvironmentName?: string;
+    /** Suffix appended to the env-name option label (e.g. '(default)'). Also locks the env dropdown. */
+    testCaseEnvironmentLabelSuffix?: string;
+    /** Italic note rendered under env dropdown (legacy step-env deprecation). */
+    environmentLegacyDeprecationMessage?: string;
     /** Config for environment dropdown (updated when environmentOptions changes to avoid new reference every CD) */
     environmentSelectConfig: DynamicSelectFieldConfig;
     private static toSelectOption;
@@ -538,5 +544,5 @@ export declare class ApiEditStepComponent implements OnChanges, OnInit, AfterVie
      */
     private scrollPreviewIntoView;
     static ɵfac: i0.ɵɵFactoryDeclaration<ApiEditStepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ApiEditStepComponent, "cqa-api-edit-step", never, { "initialMethod": "initialMethod"; "initialEnvironment": "initialEnvironment"; "initialStep": "initialStep"; "initialUrl": "initialUrl"; "initialPayloadTab": "initialPayloadTab"; "initialPayloadType": "initialPayloadType"; "initialPayloadText": "initialPayloadText"; "initialSummary": "initialSummary"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "initialVariableName": "initialVariableName"; "initialResponseBodyVerifications": "initialResponseBodyVerifications"; "initialStatusVerifications": "initialStatusVerifications"; "initialActiveResponseVerificationTab": "initialActiveResponseVerificationTab"; "editMode": "editMode"; "isCreatingStep": "isCreatingStep"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "urlOptions": "urlOptions"; "authTypeOptions": "authTypeOptions"; "initialAuthType": "initialAuthType"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; "environmentChange": "environmentChange"; "environmentSearch": "environmentSearch"; "environmentLoadMore": "environmentLoadMore"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApiEditStepComponent, "cqa-api-edit-step", never, { "initialMethod": "initialMethod"; "initialEnvironment": "initialEnvironment"; "initialStep": "initialStep"; "initialUrl": "initialUrl"; "initialPayloadTab": "initialPayloadTab"; "initialPayloadType": "initialPayloadType"; "initialPayloadText": "initialPayloadText"; "initialSummary": "initialSummary"; "initialHeaders": "initialHeaders"; "initialResponsePreview": "initialResponsePreview"; "initialVariableName": "initialVariableName"; "initialResponseBodyVerifications": "initialResponseBodyVerifications"; "initialStatusVerifications": "initialStatusVerifications"; "initialActiveResponseVerificationTab": "initialActiveResponseVerificationTab"; "editMode": "editMode"; "isCreatingStep": "isCreatingStep"; "httpMethodOptions": "httpMethodOptions"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "urlOptions": "urlOptions"; "testCaseEnvironmentName": "testCaseEnvironmentName"; "testCaseEnvironmentLabelSuffix": "testCaseEnvironmentLabelSuffix"; "environmentLegacyDeprecationMessage": "environmentLegacyDeprecationMessage"; "authTypeOptions": "authTypeOptions"; "initialAuthType": "initialAuthType"; "formatOptions": "formatOptions"; "initialFormat": "initialFormat"; "headerNameOptions": "headerNameOptions"; "verificationOptions": "verificationOptions"; "verificationDataTypeOptions": "verificationDataTypeOptions"; "statusVerificationOptions": "statusVerificationOptions"; "advancedSettingsVariables": "advancedSettingsVariables"; }, { "importCurl": "importCurl"; "importCurlCancel": "importCurlCancel"; "sendRequest": "sendRequest"; "back": "back"; "cancel": "cancel"; "next": "next"; "create": "create"; "headersChange": "headersChange"; "environmentChange": "environmentChange"; "environmentSearch": "environmentSearch"; "environmentLoadMore": "environmentLoadMore"; }, never, never>;
 }

package/lib/test-case-details/data-library-panel/data-library-panel.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { SegmentOption } from '../../segment-control/segment-control.component';
+import { DataLibrarySubTab, ElementCardVm, ProfileCardVm } from './data-library-panel.models';
+import * as i0 from "@angular/core";
+export declare class DataLibraryPanelComponent {
+    searchTerm: string;
+    searchPlaceholder: string;
+    /** The active environment name, e.g. "QA". Empty/undefined renders "this test case" in the banner and hides the env chip on profile cards. */
+    environmentName?: string;
+    activeSubTab: DataLibrarySubTab;
+    elements: ElementCardVm[];
+    profiles: ProfileCardVm[];
+    isLoadingElements: boolean;
+    isLoadingProfiles: boolean;
+    selectedElementId: number | string | null;
+    hasEnvironment: boolean;
+    showElementsLink: boolean;
+    showManageProfilesLink: boolean;
+    searchTermChange: EventEmitter<string>;
+    search: EventEmitter<string>;
+    searchCleared: EventEmitter<void>;
+    activeSubTabChange: EventEmitter<DataLibrarySubTab>;
+    elementCardClick: EventEmitter<string | number>;
+    viewFullElementsClick: EventEmitter<void>;
+    manageProfilesClick: EventEmitter<void>;
+    /** Stable reference required by cqa-segment-control. */
+    readonly segments: SegmentOption[];
+    /** Stable iteration source for skeleton placeholders during loading. */
+    readonly skeletonCards: number[];
+    onSearchValueChange(value: string): void;
+    onSearchSubmit(value: string): void;
+    onSearchCleared(): void;
+    onSegmentChange(value: string): void;
+    onElementClick(id: number | string): void;
+    onViewFullElements(event: Event): void;
+    onManageProfiles(event: Event): void;
+    trackByElementId(_i: number, item: ElementCardVm): number | string;
+    trackByAttachmentId(_i: number, item: ProfileCardVm): number | string;
+    get bannerLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataLibraryPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataLibraryPanelComponent, "cqa-data-library-panel", never, { "searchTerm": "searchTerm"; "searchPlaceholder": "searchPlaceholder"; "environmentName": "environmentName"; "activeSubTab": "activeSubTab"; "elements": "elements"; "profiles": "profiles"; "isLoadingElements": "isLoadingElements"; "isLoadingProfiles": "isLoadingProfiles"; "selectedElementId": "selectedElementId"; "hasEnvironment": "hasEnvironment"; "showElementsLink": "showElementsLink"; "showManageProfilesLink": "showManageProfilesLink"; }, { "searchTermChange": "searchTermChange"; "search": "search"; "searchCleared": "searchCleared"; "activeSubTabChange": "activeSubTabChange"; "elementCardClick": "elementCardClick"; "viewFullElementsClick": "viewFullElementsClick"; "manageProfilesClick": "manageProfilesClick"; }, never, never>;
+}

package/lib/test-case-details/data-library-panel/data-library-panel.models.d.ts

@@ -0,0 +1,17 @@
+export interface ElementCardVm {
+    id: number | string;
+    name: string;
+    screen: string;
+    updatedRelative: string;
+    locatorBadge: string;
+}
+export interface ProfileCardVm {
+    attachmentId: number | string;
+    testDataId: number | string;
+    name: string;
+    rowsCount: number;
+    columnsCount: number;
+    permission: 'RO' | 'RW' | null;
+    activeOnTestCase: boolean;
+}
+export declare type DataLibrarySubTab = 'elements' | 'profiles';

package/lib/test-case-details/data-library-panel/element-card.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ElementCardComponent {
+    name: string;
+    screen: string;
+    updatedRelative: string;
+    locatorBadge: string;
+    selected: boolean;
+    cardClick: EventEmitter<void>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementCardComponent, "cqa-element-card", never, { "name": "name"; "screen": "screen"; "updatedRelative": "updatedRelative"; "locatorBadge": "locatorBadge"; "selected": "selected"; }, { "cardClick": "cardClick"; }, never, never>;
+}

package/lib/test-case-details/data-library-panel/test-data-profile-card.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class TestDataProfileCardComponent {
+    name: string;
+    rowsCount: number;
+    columnsCount: number;
+    environmentName?: string;
+    permission?: 'RO' | 'RW' | null;
+    activeOnTestCase: boolean;
+    get rowsLabel(): string;
+    get colsLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestDataProfileCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataProfileCardComponent, "cqa-test-data-profile-card", never, { "name": "name"; "rowsCount": "rowsCount"; "columnsCount": "columnsCount"; "environmentName": "environmentName"; "permission": "permission"; "activeOnTestCase": "activeOnTestCase"; }, {}, never, never>;
+}

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

@@ -18,6 +18,10 @@ export interface SelectConfigOverride {
     searchable?: boolean;
     /** When true, triggers initial search on panel open (serverSearch mode). */
     initialFetchOnOpen?: boolean;
+    /** Disable the select (e.g. dependent dropdown waiting on a parent value). */
+    disabled?: boolean;
+    /** Override the placeholder shown when no value is selected. */
+    placeholder?: string;
     /** 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. */
@@ -32,6 +36,7 @@ export declare const TEST_CASE_DETAILS_SELECT_KEYS: {
     readonly type: "type";
     readonly labels: "labels";
     readonly prerequisiteCases: "prerequisiteCases";
+    readonly environment: "environment";
     readonly testDataProfile: "testDataProfile";
     readonly testDataSet: "testDataSet";
     readonly videoRecording: "videoRecording";
@@ -50,6 +55,7 @@ export interface TestCaseDetailsEditFormData {
     priority: string;
     type?: string | number;
     labels: string[];
+    environmentId?: number | string | null;
     testDataProfileId?: number | string | null;
     testDataSetIndex?: number | string | null;
     configSections: TestCaseDetailsConfigSection[];
@@ -179,6 +185,7 @@ export declare class TestCaseDetailsEditComponent implements OnInit, OnChanges {
     /** Cached configs to avoid new object refs each change detection (prevents infinite loops) */
     readonly statusSelectConfig: DynamicSelectFieldConfig;
     readonly typeSelectConfig: DynamicSelectFieldConfig;
+    readonly environmentSelectConfig: DynamicSelectFieldConfig;
     readonly testDataProfileSelectConfig: DynamicSelectFieldConfig;
     readonly testDataSetSelectConfig: DynamicSelectFieldConfig;
     private readonly defaultPrerequisiteCaseOptions;

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

@@ -36,6 +36,7 @@ export declare const TEST_CASE_DETAILS_FIELD_MAP: {
     };
     /** Execution config */
     readonly execution: {
+        readonly environment: "environment";
         readonly prerequisiteCase: "prerequisiteCase";
         readonly defaultBrowser: "defaultBrowser";
         readonly videoRecording: "videoRecording";
@@ -74,6 +75,7 @@ export interface TestCaseDetailsApiData {
     type?: string;
     typeId?: number | string;
     environment?: string;
+    environmentId?: number | string | null;
     version?: string;
     testPlanName?: string;
     testPlanRedirectUrl?: string;

package/lib/test-case-details/test-data-modal/test-data-modal-data.d.ts

@@ -1,7 +1,15 @@
 import { InjectionToken } from '@angular/core';
 import type { ParameterScopeFilter, ParameterItem } from './test-data-modal-parameter.model';
 import type { EnvironmentItem } from './test-data-modal-environment.model';
-export declare type TestDataModalTab = 'plain-text' | 'parameter' | 'environment' | 'runtime';
+export declare type TestDataModalTab = 'plain-text' | 'parameter' | 'environment' | 'runtime' | 'global';
+/** Global Data list item supplied by the consuming app (workspace-scoped global variables). */
+export interface GlobalVariableItem {
+    id: number | string;
+    name: string;
+    value: string;
+    type?: string;
+    readWriteMode?: string;
+}
 /**
  * Config/data for Test Data Modal controls.
  * Mirrors Loop Step pattern: single config object holds all control state;
@@ -30,6 +38,20 @@ export interface TestDataModalData {
     environmentItems?: EnvironmentItem[];
     /** Runtime tab: value (independent from Plain Text / Parameter / Environment). */
     runtimeValue?: string;
+    /** Global Data tab: search query. */
+    globalVariableSearchQuery?: string;
+    /** Global Data tab: selected global variable id (for highlight). Always the variable name. */
+    selectedGlobalVariableId?: string | null;
+    /** Global Data tab: list of variables to display. */
+    globalVariables?: GlobalVariableItem[];
+    /** When set, the Test Data Profile (legacy "Parameter") tab is visible. */
+    testCaseTestDataId?: number | null;
+    /** Resolved test-case environment name. Drives Environment-tab subtitle. */
+    testCaseEnvironmentName?: string;
+    /** Suffix for the environment label (e.g. '(default)'). Applied at render only — selection state stays raw. */
+    testCaseEnvironmentLabelSuffix?: string;
+    /** Italic note rendered atop Environment tab body. Used for legacy step-level env deprecation. */
+    environmentLegacyDeprecationMessage?: string;
 }
 /** Sentinel returned from afterClosed() when user clicked "Edit in depth". */
 export declare const TEST_DATA_MODAL_EDIT_IN_DEPTH: unique symbol;

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

@@ -1,13 +1,17 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { DynamicSelectFieldConfig } from '../../dynamic-select/dynamic-select-field.component';
-import { TestDataModalData, TestDataModalTab } from './test-data-modal-data';
+import { TestDataModalData, TestDataModalTab, GlobalVariableItem } from './test-data-modal-data';
 import { TestDataModalRef } from './test-data-modal-ref';
 import { TestDataModalResult } from './test-data-modal.service';
 import { EnvironmentItem } from './test-data-modal-environment.model';
 import { ParameterItem, ParameterScopeFilter } from './test-data-modal-parameter.model';
 import { CqaListItemConfig } from '../../item-list/item-list.model';
 import * as i0 from "@angular/core";
+interface TabSegment {
+    label: string;
+    value: TestDataModalTab;
+}
 export declare class TestDataModalComponent implements OnInit, OnChanges {
     private readonly fb;
     private readonly cdr;
@@ -22,10 +26,10 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     parameterEdit: EventEmitter<string>;
     environmentCreate: EventEmitter<void>;
     environmentEdit: EventEmitter<string>;
-    readonly tabSegments: {
-        label: string;
-        value: string;
-    }[];
+    /** Server-side search for global variables. */
+    searchGlobalVariables: EventEmitter<string>;
+    /** Computed segments — recomputed in ngOnChanges, never as a getter (segment-control needs a stable ref). */
+    tabSegments: TabSegment[];
     readonly parameterFilterTabs: {
         label: string;
         value: ParameterScopeFilter;
@@ -34,6 +38,18 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     parameters: ParameterItem[];
     /** Environment list from input, falls back to mock data if not provided. */
     environmentItems: EnvironmentItem[];
+    /** Global Data variables (workspace-scoped) for the new Global Data tab. */
+    globalVariables: GlobalVariableItem[];
+    /** True while the consuming app loads global variables (search/initial). */
+    isLoadingGlobalVariables: boolean;
+    /** When set, the Test Data Profile tab is shown — gated on test case having a TDP. */
+    testCaseTestDataId: number | null;
+    /** Resolved test-case environment name. Drives the Environment-tab subhead. */
+    testCaseEnvironmentName?: string;
+    /** Suffix on the env-name shown in the Environment tab (e.g. '(default)'). Render-only. */
+    testCaseEnvironmentLabelSuffix?: string;
+    /** Italic note rendered atop the Environment tab body — used for legacy step-level env deprecation. */
+    environmentLegacyDeprecationMessage?: string;
     /** Runtime tab: suggested variable chips. */
     readonly runtimeSuggestedValues: readonly string[];
     /** Form for all modal controls (same pattern as Loop Step editForm). */
@@ -56,10 +72,15 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     selectedParameterId: string | null;
     environmentSearchQuery: string;
     selectedEnvironmentId: string | null;
+    globalVariableSearchQuery: string;
+    /** Stores the variable NAME (used as the id for the row, since names are unique within a workspace). */
+    selectedGlobalVariableId: string | null;
     runtimeValue: string;
     constructor(fb: FormBuilder, cdr: ChangeDetectorRef, ref: TestDataModalRef<TestDataModalResult>, data?: TestDataModalData);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /** Memoize visible segments — `[segments]`-style refs must be stable across CD passes. */
+    private recomputeVisibleTabs;
     /** Build form with all control values (same pattern as Loop Step buildEditForm). */
     private buildEditForm;
     /** Build select configs once (same pattern as Loop Step buildSelectConfigs). */
@@ -74,6 +95,10 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     get filteredEnvironments(): EnvironmentItem[];
     /** Parameter tab: list config for cqa-item-list (search-friendly: bind filtered list). */
     get parameterListConfig(): CqaListItemConfig[];
+    /** Filtered global variables by search (Global Data tab). */
+    get filteredGlobalVariables(): GlobalVariableItem[];
+    /** Global Data tab: list config (mirrors environment listing pattern). */
+    get globalVariableListConfig(): CqaListItemConfig[];
     /** Environment tab: list config for cqa-item-list. */
     get environmentListConfig(): CqaListItemConfig[];
     onTabChange(tabValue: string): void;
@@ -92,13 +117,22 @@ export declare class TestDataModalComponent implements OnInit, OnChanges {
     onEnvironmentSelect(itemId: string): void;
     onEnvironmentEdit(itemId: string): void;
     onCreateNewEnvironment(event: Event): void;
+    onGlobalVariableSearchInput(value: string): void;
+    onGlobalVariableSelect(name: string): void;
     /** Runtime tab: replace the runtime input with the selected suggestion. */
     onRuntimeChipInsert(snippet: string): void;
+    /**
+     * When the user picks a value in any tab, the others' visual selection must
+     * reset — the modal applies only the active tab's value, so keeping stale
+     * highlights confuses which one will land on Apply.
+     */
+    private clearSelectionsExcept;
     onApply(): void;
     onCancel(): void;
     onClose(): void;
     onEditInDepth(event: Event): void;
     onHelp(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestDataModalComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataModalComponent, "cqa-test-data-modal", never, { "parameters": "parameters"; "environmentItems": "environmentItems"; "activeTab": "activeTab"; "value": "value"; "helpUrl": "helpUrl"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "parameterCreate": "parameterCreate"; "parameterEdit": "parameterEdit"; "environmentCreate": "environmentCreate"; "environmentEdit": "environmentEdit"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestDataModalComponent, "cqa-test-data-modal", never, { "parameters": "parameters"; "environmentItems": "environmentItems"; "globalVariables": "globalVariables"; "isLoadingGlobalVariables": "isLoadingGlobalVariables"; "testCaseTestDataId": "testCaseTestDataId"; "testCaseEnvironmentName": "testCaseEnvironmentName"; "testCaseEnvironmentLabelSuffix": "testCaseEnvironmentLabelSuffix"; "environmentLegacyDeprecationMessage": "environmentLegacyDeprecationMessage"; "activeTab": "activeTab"; "value": "value"; "helpUrl": "helpUrl"; }, { "apply": "apply"; "cancel": "cancel"; "editInDepth": "editInDepth"; "parameterCreate": "parameterCreate"; "parameterEdit": "parameterEdit"; "environmentCreate": "environmentCreate"; "environmentEdit": "environmentEdit"; "searchGlobalVariables": "searchGlobalVariables"; }, never, never>;
 }
+export {};