@cqa-lib/cqa-ui 1.1.539 → 1.1.541-gamma.7

package/lib/new-global-variable-dialog/global-variable-tags-input.component.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { GlobalVariableTagOption } from './new-global-variable-dialog.models';
+import * as i0 from "@angular/core";
+/**
+ * Tag chip-list + autocomplete used by the New / Edit Global Variable dialog.
+ * Mirrors the React `TagsEditor` block in
+ * `Environment and Data Management_CD Deisgns/src/Global.jsx:179-237`:
+ *
+ *   [chip × …]  [+ Add tag]   ←  inactive state
+ *   [chip × …]  [_input_  ↳ suggestions]   ←  active state
+ *
+ * Behavior:
+ *   - Backspace on an empty input removes the last tag.
+ *   - Enter commits the trimmed lowercase value (creates if not in available).
+ *   - Escape exits the input without committing.
+ *   - Suggestions are computed from `availableTags`, capped at 4.
+ */
+export declare class GlobalVariableTagsInputComponent {
+    private readonly cdr;
+    tags: string[];
+    availableTags: GlobalVariableTagOption[];
+    tagsChange: EventEmitter<string[]>;
+    tagInputRef?: ElementRef<HTMLInputElement>;
+    adding: boolean;
+    draft: string;
+    constructor(cdr: ChangeDetectorRef);
+    get suggestions(): GlobalVariableTagOption[];
+    beginAdd(): void;
+    onDraftChange(next: string): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onSuggestionMouseDown(event: MouseEvent, suggestion: GlobalVariableTagOption): void;
+    onBlur(): void;
+    removeAt(index: number): void;
+    private commitDraft;
+    private commit;
+    private cancelAdd;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlobalVariableTagsInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlobalVariableTagsInputComponent, "lib-global-variable-tags-input", never, { "tags": "tags"; "availableTags": "availableTags"; }, { "tagsChange": "tagsChange"; }, never, never>;
+}

package/lib/new-global-variable-dialog/new-global-variable-dialog.component.d.ts

@@ -1,11 +1,12 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { GlobalVariableDialogValue, GlobalVariableUIPermission, GlobalVariableUIType } from './new-global-variable-dialog.models';
+import { GlobalVariableDialogValue, GlobalVariableTagOption, GlobalVariableUIPermission, GlobalVariableUIType } from './new-global-variable-dialog.models';
 import * as i0 from "@angular/core";
 export declare class NewGlobalVariableDialogComponent implements OnInit {
     private readonly cdr;
     mode: 'create' | 'edit';
     initialValue?: Partial<GlobalVariableDialogValue>;
     existingNames: string[];
+    availableTags: GlobalVariableTagOption[];
     readonly typeOptions: GlobalVariableUIType[];
     readonly typeDropdownOptions: {
         label: string;
@@ -21,6 +22,7 @@ export declare class NewGlobalVariableDialogComponent implements OnInit {
     value: string;
     readWriteMode: GlobalVariableUIPermission;
     description: string;
+    tags: string[];
     passwordTouched: boolean;
     nameError: string | null;
     valueError: string | null;
@@ -50,6 +52,7 @@ export declare class NewGlobalVariableDialogComponent implements OnInit {
     onValueChange(next: string): void;
     onBooleanValueChange(next: string): void;
     onDescriptionChange(next: string): void;
+    onTagsChange(next: string[]): void;
     /**
      * Called by the host (via DialogRef.getComponentInstance()) when the primary
      * button is clicked. Returns the captured value when valid, or null when the
@@ -60,5 +63,5 @@ export declare class NewGlobalVariableDialogComponent implements OnInit {
     private isDuplicateName;
     private isValidNumber;
     static ɵfac: i0.ɵɵFactoryDeclaration<NewGlobalVariableDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NewGlobalVariableDialogComponent, "cqa-new-global-variable-dialog", never, { "mode": "mode"; "initialValue": "initialValue"; "existingNames": "existingNames"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewGlobalVariableDialogComponent, "cqa-new-global-variable-dialog", never, { "mode": "mode"; "initialValue": "initialValue"; "existingNames": "existingNames"; "availableTags": "availableTags"; }, {}, never, never>;
 }

package/lib/new-global-variable-dialog/new-global-variable-dialog.models.d.ts

@@ -6,9 +6,17 @@ export interface GlobalVariableDialogValue {
     value: string | null;
     readWriteMode: GlobalVariableUIPermission;
     description: string | null;
+    tags: string[];
+}
+/** A tag option for the dialog's autocomplete. `count` drives the small usage
+ *  badge in the suggestion list; pass 0 (or omit) for newly-created entries. */
+export interface GlobalVariableTagOption {
+    name: string;
+    count?: number;
 }
 export interface NewGlobalVariableDialogInputs {
     mode?: 'create' | 'edit';
     initialValue?: Partial<GlobalVariableDialogValue>;
     existingNames?: string[];
+    availableTags?: GlobalVariableTagOption[];
 }

package/lib/segment-control/segment-control.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnChanges, QueryList, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare type SegmentOption = {
     label: string;
@@ -9,6 +9,7 @@ export declare type SegmentOption = {
     count?: number;
 };
 export declare class SegmentControlComponent implements OnChanges, AfterViewInit, OnDestroy {
+    private readonly cdr;
     segments: SegmentOption[];
     /**
      * The currently selected segment value.
@@ -28,6 +29,7 @@ export declare class SegmentControlComponent implements OnChanges, AfterViewInit
     indicatorStyle: Record<string, string>;
     indicatorVisible: boolean;
     private buttonChangesSub?;
+    constructor(cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/step-builder/step-builder-action/step-builder-action.component.d.ts

@@ -110,6 +110,19 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
     hasMoreEnvironments: boolean;
     /** True while parent is loading environments (search or load more) */
     isLoadingEnvironments: boolean;
+    /** Global Data variables (workspace-scoped) for the Global Data tab. */
+    globalVariableOptions: {
+        id: string;
+        name: string;
+        value: string;
+        type?: string;
+        readWriteMode?: string;
+    }[];
+    isLoadingGlobalVariables: boolean;
+    /** Resolved test-case environment name, used for the env banner subhead. */
+    testCaseEnvironmentName?: string;
+    /** Test case's TDP id (when set, lock the TDP picker 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) */
@@ -140,6 +153,7 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
     loadMoreUploads: EventEmitter<void>;
     searchEnvironments: EventEmitter<string>;
     loadMoreEnvironments: EventEmitter<void>;
+    searchGlobalVariables: EventEmitter<string>;
     /** Emit when step is created */
     createStep: EventEmitter<any>;
     /** Emit when cancelled */
@@ -232,6 +246,6 @@ export declare class StepBuilderActionComponent implements OnInit, OnChanges, On
      */
     get environmentVariableAvailable(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderActionComponent, "cqa-step-builder-action", never, { "showHeader": "showHeader"; "changeTemplateSignal": "changeTemplateSignal"; "cancelChangeTemplateSignal": "cancelChangeTemplateSignal"; "templates": "templates"; "initialTemplate": "initialTemplate"; "initialDescription": "initialDescription"; "initialMetadata": "initialMetadata"; "isDebug": "isDebug"; "editMode": "editMode"; "searchPlaceholder": "searchPlaceholder"; "setTemplateVariables": "setTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "preventSelectTemplate": "preventSelectTemplate"; "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"; "isCreatingStep": "isCreatingStep"; "elementScreenPrefill": "elementScreenPrefill"; }, { "templateChanged": "templateChanged"; "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"; "createStep": "createStep"; "cancelled": "cancelled"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderActionComponent, "cqa-step-builder-action", never, { "showHeader": "showHeader"; "changeTemplateSignal": "changeTemplateSignal"; "cancelChangeTemplateSignal": "cancelChangeTemplateSignal"; "templates": "templates"; "initialTemplate": "initialTemplate"; "initialDescription": "initialDescription"; "initialMetadata": "initialMetadata"; "isDebug": "isDebug"; "editMode": "editMode"; "searchPlaceholder": "searchPlaceholder"; "setTemplateVariables": "setTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "preventSelectTemplate": "preventSelectTemplate"; "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"; "testCaseTestDataId": "testCaseTestDataId"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isCreatingStep": "isCreatingStep"; "elementScreenPrefill": "elementScreenPrefill"; }, { "templateChanged": "templateChanged"; "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"; "createStep": "createStep"; "cancelled": "cancelled"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
 }
 export {};

package/lib/step-builder/step-builder-condition/step-builder-condition.component.d.ts

@@ -61,6 +61,19 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     }[];
     hasMoreEnvironments: boolean;
     isLoadingEnvironments: boolean;
+    /** Global Data variables (workspace-scoped) for the Global Data tab. */
+    globalVariableOptions: {
+        id: string;
+        name: string;
+        value: string;
+        type?: string;
+        readWriteMode?: string;
+    }[];
+    isLoadingGlobalVariables: boolean;
+    /** Resolved test-case environment name, used for the env banner subhead. */
+    testCaseEnvironmentName?: string;
+    /** Test case's TDP id (when set, lock the TDP picker in the parameter tab). */
+    testCaseTestDataId?: number | null;
     /** Default test data profile properties */
     defaultTestDataProfileId?: number;
     defaultTestDataStartIndex?: number;
@@ -89,6 +102,7 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     loadMoreEnvironments: EventEmitter<void>;
     redirectToParameter: EventEmitter<void>;
     redirectToEnvironment: EventEmitter<void>;
+    searchGlobalVariables: EventEmitter<string>;
     conditionForm: FormGroup;
     includeElse: boolean;
     private valueConfigCache;
@@ -157,6 +171,6 @@ export declare class StepBuilderConditionComponent implements OnInit, OnChanges
     isFormValid(): boolean;
     onCreateStep(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderConditionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderConditionComponent, "cqa-step-builder-condition", never, { "operatorOptions": "operatorOptions"; "conditionTemplates": "conditionTemplates"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isCreatingStep": "isCreatingStep"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderConditionComponent, "cqa-step-builder-condition", never, { "operatorOptions": "operatorOptions"; "conditionTemplates": "conditionTemplates"; "setConditionTemplateVariables": "setConditionTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "globalVariableOptions": "globalVariableOptions"; "isLoadingGlobalVariables": "isLoadingGlobalVariables"; "testCaseEnvironmentName": "testCaseEnvironmentName"; "testCaseTestDataId": "testCaseTestDataId"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isCreatingStep": "isCreatingStep"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; "searchGlobalVariables": "searchGlobalVariables"; }, never, never>;
 }
 export {};

package/lib/step-builder/step-builder-loop/step-builder-loop.component.d.ts

@@ -90,6 +90,11 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     isDebug: boolean;
     /** Existing step when editing; used with isDebug to determine edit mode. */
     testStep?: any;
+    /**
+     * Resolved name of the test case's environment. Drives the env banner subhead
+     * shown above the form. Optional; when missing the banner is hidden.
+     */
+    testCaseEnvironmentName?: string;
     get isEditMode(): boolean;
     loadMoreElements: EventEmitter<void>;
     searchElements: EventEmitter<string>;
@@ -108,6 +113,11 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     loadMoreEnvironments: EventEmitter<void>;
     redirectToParameter: EventEmitter<void>;
     redirectToEnvironment: EventEmitter<void>;
+    /**
+     * Emitted when the user clicks "Manage profiles" in the empty state. Host
+     * navigates to the Environment & Data Management screen for the active env.
+     */
+    manageProfilesClicked: EventEmitter<void>;
     selectedWhileTemplate: any;
     selectedWhileDescription: string;
     selectedWhileMetadata: string;
@@ -223,5 +233,5 @@ export declare class StepBuilderLoopComponent implements OnInit, OnChanges {
     filterWhileTemplates(query: string): void;
     selectWhileTemplate(template: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepBuilderLoopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderLoopComponent, "cqa-step-builder-loop", never, { "loopType": "loopType"; "selectOptions": "selectOptions"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "isCreatingStep": "isCreatingStep"; "setWhileTemplateVariables": "setWhileTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "whileTemplates": "whileTemplates"; "whileSearchPlaceholder": "whileSearchPlaceholder"; "whileSearchValue": "whileSearchValue"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isDebug": "isDebug"; "testStep": "testStep"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loopTypeChange": "loopTypeChange"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "cancelElementForm": "cancelElementForm"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBuilderLoopComponent, "cqa-step-builder-loop", never, { "loopType": "loopType"; "selectOptions": "selectOptions"; "dataProfileOptions": "dataProfileOptions"; "hasMoreDataProfiles": "hasMoreDataProfiles"; "isLoadingDataProfiles": "isLoadingDataProfiles"; "isCreatingStep": "isCreatingStep"; "setWhileTemplateVariables": "setWhileTemplateVariables"; "setAdvancedSettingsVariables": "setAdvancedSettingsVariables"; "computeHtmlGrammarFn": "computeHtmlGrammarFn"; "whileTemplates": "whileTemplates"; "whileSearchPlaceholder": "whileSearchPlaceholder"; "whileSearchValue": "whileSearchValue"; "elementOptions": "elementOptions"; "hasMoreElements": "hasMoreElements"; "isLoadingElements": "isLoadingElements"; "screenNameOptions": "screenNameOptions"; "hasMoreScreenNames": "hasMoreScreenNames"; "isLoadingScreenNames": "isLoadingScreenNames"; "parameterOptions": "parameterOptions"; "hasMoreParameters": "hasMoreParameters"; "isLoadingParameters": "isLoadingParameters"; "environmentOptions": "environmentOptions"; "hasMoreEnvironments": "hasMoreEnvironments"; "isLoadingEnvironments": "isLoadingEnvironments"; "defaultTestDataProfileId": "defaultTestDataProfileId"; "defaultTestDataStartIndex": "defaultTestDataStartIndex"; "defaultTestDataEndIndex": "defaultTestDataEndIndex"; "isInsideForLoopStep": "isInsideForLoopStep"; "hasTestDataProfile": "hasTestDataProfile"; "isDebug": "isDebug"; "testStep": "testStep"; "testCaseEnvironmentName": "testCaseEnvironmentName"; }, { "createStep": "createStep"; "cancelled": "cancelled"; "loopTypeChange": "loopTypeChange"; "loadMoreDataProfiles": "loadMoreDataProfiles"; "searchDataProfiles": "searchDataProfiles"; "loadMoreElements": "loadMoreElements"; "searchElements": "searchElements"; "searchElementsByScreenName": "searchElementsByScreenName"; "createElement": "createElement"; "searchScreenName": "searchScreenName"; "loadMoreScreenNames": "loadMoreScreenNames"; "createScreenNameRequest": "createScreenNameRequest"; "cancelElementForm": "cancelElementForm"; "searchParameters": "searchParameters"; "loadMoreParameters": "loadMoreParameters"; "searchEnvironments": "searchEnvironments"; "loadMoreEnvironments": "loadMoreEnvironments"; "redirectToParameter": "redirectToParameter"; "redirectToEnvironment": "redirectToEnvironment"; "manageProfilesClicked": "manageProfilesClicked"; }, never, never>;
 }

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,20 @@ 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;
+    /** 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 +129,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 +137,7 @@ export declare class TemplateVariablesFormComponent implements OnChanges {
     private parameterSelectConfigCache;
     private environmentSelectConfigCache;
     private environmentParameterSelectConfigCache;
+    private globalVariableSelectConfigCache;
     private screenNameSelectConfigCache;
     private elementSelectConfigCache;
     private testDataProfileSelectConfigCache;
@@ -133,11 +151,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 +192,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 +215,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 +270,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 +377,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"; "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/modular-table-template/folder-sidebar/folder-sidebar.component.d.ts

@@ -2,7 +2,11 @@ import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 import { FolderNode, FolderRenamedPayload, ModularLabels } from '../modular-table-template.models';
 import * as i0 from "@angular/core";
+/** A row in the flattened sidebar tree. `kind` distinguishes real folder rows
+ *  from the lazy-load affordances ('loading' spinner, 'load-more' button) that
+ *  the `rows` getter interleaves inside an expanded subtree. */
 interface RenderNode {
+    kind: 'folder' | 'loading' | 'load-more';
     node: FolderNode;
     depth: number;
     visible: boolean;
@@ -23,11 +27,43 @@ export declare class FolderSidebarComponent implements OnDestroy {
     showCounts: boolean;
     collapsed: boolean;
     labels: ModularLabels;
+    /** When true, the sidebar emits `searchChange` and skips its local name filter
+     *  — the host is expected to swap `folders` with server-side search results.
+     *  Default keeps the legacy client-side behaviour for callers that haven't
+     *  opted into lazy loading yet. */
+    serverSideSearch: boolean;
+    /** Backend-reported total root folders. When `folders.length < rootTotal` the
+     *  sidebar renders a top-level "Load more" affordance after the tree. */
+    rootTotal: number;
+    /** True while a server-side folder-search request is in flight. The sidebar
+     *  shows a spinner next to the search input so the user can tell typing
+     *  has been registered. */
+    folderSearchLoading: boolean;
+    /** True while a root-page fetch is in flight (initial load OR scroll-driven
+     *  pagination). When set with no folders yet, the sidebar shows a centered
+     *  spinner; when set during pagination, a small spinner appears at the
+     *  bottom of the tree. */
+    rootFoldersLoading: boolean;
     folderSelected: EventEmitter<number>;
     folderExpansionToggled: EventEmitter<{
         id: number;
         expanded: boolean;
     }>;
+    /** Lazy-load: fires when the user expands a node whose children haven't been
+     *  fetched yet (`hasChildren === true && loadedPages === undefined`). Host
+     *  responds by calling its `loadFolderChildren(id, 0)`. */
+    folderChildrenRequested: EventEmitter<number>;
+    /** Lazy-load: fires when the user clicks the per-folder "Load more" row.
+     *  Host responds by calling `loadFolderChildren(id, nextPage)`. */
+    folderLoadMoreRequested: EventEmitter<{
+        id: number;
+        nextPage: number;
+    }>;
+    /** Debounced search-input value. Always emitted; only consumed by hosts that
+     *  set `serverSideSearch=true` to re-fetch the tree from the backend. */
+    searchChange: EventEmitter<string>;
+    /** Lazy-load: user clicked the top-level "Load more" affordance for roots. */
+    rootLoadMoreRequested: EventEmitter<void>;
     /** Emitted after the host completes folder creation (e.g., inline rename flow). Reserved for future use. */
     folderCreated: EventEmitter<{
         parentId: number | null;
@@ -61,6 +97,10 @@ export declare class FolderSidebarComponent implements OnDestroy {
     }>;
     collapsedChange: EventEmitter<boolean>;
     searchValue: string;
+    /** Debounce timer for `searchChange` emissions; cleared on each keystroke so
+     *  the host only re-fetches once the user pauses typing. */
+    private searchEmitTimer;
+    private static readonly SEARCH_DEBOUNCE_MS;
     renamingId: number | null;
     renameDraft: string;
     /** Inline rename uses the same name rules as the New Folder dialog. */
@@ -99,6 +139,27 @@ export declare class FolderSidebarComponent implements OnDestroy {
     isExpanded(id: number): boolean;
     isSelected(id: number | null): boolean;
     onToggle(n: FolderNode, event: Event): void;
+    /** Search input handler: updates the local `searchValue` immediately (so the
+     *  input stays responsive) and debounces `searchChange` emissions so a host
+     *  doing server-side search fires at most one request per pause. */
+    onSearchInput(term: string): void;
+    /** Search input clear handler: flushes the debounce so the host sees an
+     *  empty term immediately and can restore the lazy tree. */
+    onSearchClear(): void;
+    /** Lazy-load: user clicked the per-folder "Load more" row. The sidebar tracks
+     *  pagination via `node.loadedPages`; the next page is loadedPages + 1. */
+    onLoadMore(n: FolderNode): void;
+    /** Cached `folders.length` at the moment we last emitted `rootLoadMoreRequested`.
+     *  Used to throttle the scroll-based pagination so we don't re-emit until the
+     *  host has actually appended a new page. */
+    private lastRootLoadEmittedAt;
+    /** Threshold (px) for "near the bottom" — emit a load-more once the scroll
+     *  position is within this many px of the end. */
+    private static readonly SCROLL_LOAD_THRESHOLD_PX;
+    /** Vertical-scroll handler for the root-folder list. Fires `rootLoadMoreRequested`
+     *  when the user scrolls within the threshold of the bottom and more roots
+     *  are available on the backend. Suppressed during sidebar search. */
+    onTreeScroll(event: Event): void;
     onSelect(n: FolderNode | null): void;
     onSelectUnorganised(): void;
     beginRename(n: FolderNode, event: Event): void;
@@ -162,7 +223,7 @@ export declare class FolderSidebarComponent implements OnDestroy {
     private isDescendantOf;
     private clearAllExpandTimers;
     ngOnDestroy(): void;
-    trackByRow: (_: number, row: RenderNode) => number;
+    trackByRow: (_: number, row: RenderNode) => string;
     onRowKeydown(event: KeyboardEvent, row: RenderNode, index: number): void;
     private focusRowElement;
     /**
@@ -172,6 +233,6 @@ export declare class FolderSidebarComponent implements OnDestroy {
      */
     private focusRenameInput;
     static ɵfac: i0.ɵɵFactoryDeclaration<FolderSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FolderSidebarComponent, "cqa-folder-sidebar", never, { "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganisedCount": "unorganisedCount"; "allowCreate": "allowCreate"; "allowRename": "allowRename"; "allowDelete": "allowDelete"; "allowMove": "allowMove"; "allowDuplicate": "allowDuplicate"; "allowDrop": "allowDrop"; "showCounts": "showCounts"; "collapsed": "collapsed"; "labels": "labels"; }, { "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "folderMoveRequested": "folderMoveRequested"; "folderDuplicateRequested": "folderDuplicateRequested"; "testsDropped": "testsDropped"; "folderDropped": "folderDropped"; "collapsedChange": "collapsedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderSidebarComponent, "cqa-folder-sidebar", never, { "folders": "folders"; "selectedFolderId": "selectedFolderId"; "expandedFolderIds": "expandedFolderIds"; "unorganisedCount": "unorganisedCount"; "allowCreate": "allowCreate"; "allowRename": "allowRename"; "allowDelete": "allowDelete"; "allowMove": "allowMove"; "allowDuplicate": "allowDuplicate"; "allowDrop": "allowDrop"; "showCounts": "showCounts"; "collapsed": "collapsed"; "labels": "labels"; "serverSideSearch": "serverSideSearch"; "rootTotal": "rootTotal"; "folderSearchLoading": "folderSearchLoading"; "rootFoldersLoading": "rootFoldersLoading"; }, { "folderSelected": "folderSelected"; "folderExpansionToggled": "folderExpansionToggled"; "folderChildrenRequested": "folderChildrenRequested"; "folderLoadMoreRequested": "folderLoadMoreRequested"; "searchChange": "searchChange"; "rootLoadMoreRequested": "rootLoadMoreRequested"; "folderCreated": "folderCreated"; "folderCreateRequested": "folderCreateRequested"; "folderRenamed": "folderRenamed"; "folderDeleted": "folderDeleted"; "folderMoveRequested": "folderMoveRequested"; "folderDuplicateRequested": "folderDuplicateRequested"; "testsDropped": "testsDropped"; "folderDropped": "folderDropped"; "collapsedChange": "collapsedChange"; }, never, never>;
 }
 export {};