npm - @memberjunction/ng-dashboards - Versions diffs - 5.9.0 → 5.10.1 - Mend

@memberjunction/ng-dashboards 5.9.0 → 5.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/Integration/components/mapping-workspace/mapping-workspace.component.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { ResourceData, MJIntegrationObjectFieldEntity } from '@memberjunction/core-entities';
-import { IntegrationRow, IntegrationRunRow, EntityMapRow, FieldMapRow, RunDetailRow } from '../../services/integration-data.service';
+import { ResourceData, MJIntegrationObjectFieldEntity, MJCompanyIntegrationEntity } from '@memberjunction/core-entities';
+import { IntegrationRunRow, EntityMapRow, FieldMapRow, RunDetailRow } from '../../services/integration-data.service';
 import * as i0 from "@angular/core";
 /** Source object from integration metadata */
 interface DiscoveredObject {
@@ -80,7 +80,7 @@ type TargetMode = 'existing' | 'new';
 /** Data preview row — key/value record */
 type PreviewRecord = Record<string, string | number | boolean | null>;
 export declare class MappingWorkspaceComponent extends BaseResourceComponent implements OnInit {
-    Integrations: IntegrationRow[];
+    Integrations: MJCompanyIntegrationEntity[];
     EntityMaps: EntityMapRow[];
     FieldMaps: FieldMapRow[];
     RunEntityDetails: RunDetailRow[];

package/dist/Integration/components/mapping-workspace/mapping-workspace.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapping-workspace.component.d.ts","sourceRoot":"","sources":["../../../../src/Integration/components/mapping-workspace/mapping-workspace.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,MAAM,EAAU,MAAM,eAAe,CAAC;AAG7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;~~AAE7F~~,OAAO,EAEL,~~cAAc,EACd,~~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~~cAAc~~,EAAE,CAAM;~~IACpC~~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"}
1	+ {"version":3,"file":"mapping-workspace.component.d.ts","sourceRoot":"","sources":["../../../../src/Integration/components/mapping-workspace/mapping-workspace.component.ts"],"names":[],"mappings":"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"}

package/dist/Integration/components/mapping-workspace/mapping-workspace.component.js CHANGED Viewed

@@ -2366,7 +2366,7 @@ export { MappingWorkspaceComponent };
         type: Component,
         args: [{ standalone: false, selector: 'app-mapping-workspace', template: "<div class=\"mapping-workspace\">\n  <div class=\"workspace-header\">\n    <h2><i class=\"fa-solid fa-diagram-project\"></i> Mapping Workspace</h2>\n  </div>\n\n  @if (IsLoadingIntegrations) {\n    <mj-loading text=\"Loading integrations...\" size=\"medium\"></mj-loading>\n  } @else {\n    <div class=\"workspace-body\">\n      <!-- ============================================================ -->\n      <!-- LEFT PANEL: Integration selector + Entity map list -->\n      <!-- ============================================================ -->\n      <div class=\"left-panel\">\n        <div class=\"integration-selector\">\n          <label class=\"panel-label\">Integration</label>\n          <kendo-dropdownlist\n            [data]=\"Integrations\"\n            [textField]=\"'Name'\"\n            [valueField]=\"'ID'\"\n            [valuePrimitive]=\"true\"\n            [(ngModel)]=\"SelectedIntegrationID\"\n            (valueChange)=\"OnIntegrationChange($event)\"\n            [defaultItem]=\"{ ID: '', Name: '-- Select --' }\">\n          </kendo-dropdownlist>\n        </div>\n\n        @if (IsLoadingEntityMaps) {\n          <mj-loading text=\"Loading entity maps...\" size=\"small\"></mj-loading>\n        } @else if (SelectedIntegrationID) {\n          <!-- Entity Map Header -->\n          <div class=\"entity-map-header\">\n            <span class=\"panel-label\" style=\"margin: 0;\">Entity Maps</span>\n            <div class=\"header-actions\">\n              <button kendoButton [look]=\"'flat'\" [size]=\"'small'\"\n                      (click)=\"OpenAddPanel()\" title=\"Add entity map\">\n                <i class=\"fa-solid fa-plus\"></i> Add Map\n              </button>\n            </div>\n          </div>\n\n          <!-- ==================== ADD MAP PANEL ==================== -->\n          @if (ShowAddPanel) {\n            <div class=\"add-map-panel\">\n              <div class=\"add-panel-top\">\n                <h5><i class=\"fa-solid fa-plus-circle\"></i> Add Entity Map</h5>\n                <button class=\"add-panel-close\" (click)=\"CloseAddPanel()\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              </div>\n\n              <!-- Source Object Dropdown -->\n              <div class=\"form-group\">\n                <label>Source Object</label>\n                @if (IsDiscoveringObjects) {\n                  <div class=\"source-loading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Discovering objects...\n                  </div>\n                } @else if (DiscoverError) {\n                  <div class=\"discover-error-inline\">\n                    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                    {{ DiscoverError }}\n                  </div>\n                } @else if (DiscoveredObjects.length === 0) {\n                  <div class=\"discover-error-inline\">\n                    No objects found in external system.\n                  </div>\n                } @else {\n                  <kendo-dropdownlist\n                    [data]=\"DiscoveredObjects\"\n                    [textField]=\"'Label'\"\n                    [valueField]=\"'Name'\"\n                    [valuePrimitive]=\"true\"\n                    [(ngModel)]=\"SelectedSourceObjectName\"\n                    (valueChange)=\"OnSourceObjectChange($event)\"\n                    [filterable]=\"true\"\n                    [defaultItem]=\"{ Name: '', Label: 'Select source object...' }\">\n                  </kendo-dropdownlist>\n                }\n              </div>\n\n              <!-- Target Mode Toggle -->\n              <div class=\"target-mode-toggle\">\n                <button class=\"target-mode-btn\"\n                        [class.active]=\"TargetMode === 'existing'\"\n                        (click)=\"SetTargetMode('existing')\">\n                  <i class=\"fa-solid fa-database\"></i> Existing Entity\n                </button>\n                <button class=\"target-mode-btn\"\n                        [class.active]=\"TargetMode === 'new'\"\n                        (click)=\"SetTargetMode('new')\">\n                  <i class=\"fa-solid fa-wand-magic-sparkles\"></i> New Entity\n                </button>\n              </div>\n\n              <!-- Existing entity picker -->\n              @if (TargetMode === 'existing') {\n                <div class=\"form-group\">\n                  <label>Target MJ Entity</label>\n                  @if (IsLoadingEntities) {\n                    <mj-loading text=\"Loading...\" size=\"small\"></mj-loading>\n                  } @else {\n                    <kendo-dropdownlist\n                      [data]=\"MJEntities\"\n                      [textField]=\"'Name'\"\n                      [valueField]=\"'ID'\"\n                      [valuePrimitive]=\"true\"\n                      [(ngModel)]=\"SelectedEntityID\"\n                      [filterable]=\"true\"\n                      [defaultItem]=\"{ ID: null, Name: 'Select entity...' }\">\n                    </kendo-dropdownlist>\n                  }\n                </div>\n              }\n\n              <!-- New entity form -->\n              @if (TargetMode === 'new') {\n                <div class=\"new-entity-form\">\n                  <div class=\"section-label\">Define New Entity</div>\n                  <div class=\"form-group\">\n                    <label>DB Schema</label>\n                    <kendo-combobox\n                      [data]=\"DBSchemas\"\n                      [(ngModel)]=\"NewEntitySchemaName\"\n                      (valueChange)=\"OnSchemaNameChange()\"\n                      [allowCustom]=\"true\"\n                      [filterable]=\"true\"\n                      [placeholder]=\"'Select or type schema...'\">\n                    </kendo-combobox>\n                  </div>\n                  <div class=\"form-row\">\n                    <div class=\"form-group\">\n                      <label>Table Name</label>\n                      <input kendoTextBox [(ngModel)]=\"NewEntityTableName\"\n                             [placeholder]=\"SuggestedTableName || 'Table name'\" />\n                      @if (SuggestedTableName && !NewEntityTableName) {\n                        <span class=\"auto-hint\">Suggested: {{ SuggestedTableName }}</span>\n                      }\n                    </div>\n                    <div class=\"form-group\">\n                      <label>Entity Name</label>\n                      <input kendoTextBox [(ngModel)]=\"NewEntityName\"\n                             [placeholder]=\"SuggestedEntityName || 'Entity name'\" />\n                    </div>\n                  </div>\n\n                  <!-- DDL Preview -->\n                  @if (SelectedSourceObjectName && NewEntitySchemaName && NewEntityTableName) {\n                    <div class=\"ddl-preview-section\">\n                      <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                              [disabled]=\"IsGeneratingDDL\"\n                              (click)=\"PreviewDDL()\">\n                        @if (IsGeneratingDDL) {\n                          <i class=\"fa-solid fa-spinner fa-spin\"></i> Generating...\n                        } @else {\n                          <i class=\"fa-solid fa-database\"></i> Preview DDL\n                        }\n                      </button>\n                      @if (DDLPreviewError) {\n                        <div class=\"discover-error-inline\" style=\"margin-top: 8px;\">\n                          <i class=\"fa-solid fa-triangle-exclamation\"></i> {{ DDLPreviewError }}\n                        </div>\n                      }\n                      @if (DDLPreviewContent) {\n                        <pre class=\"ddl-preview-code\">{{ DDLPreviewContent }}</pre>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n\n              <!-- Sync direction -->\n              <div class=\"form-group\">\n                <label>Sync Direction</label>\n                <kendo-dropdownlist\n                  [data]=\"['Pull', 'Push', 'Bidirectional']\"\n                  [(ngModel)]=\"AddSyncDirection\">\n                </kendo-dropdownlist>\n              </div>\n\n              <!-- Save / Cancel -->\n              <div class=\"add-form-actions\">\n                <button kendoButton [themeColor]=\"'primary'\" [size]=\"'small'\"\n                        [disabled]=\"!IsAddFormValid || IsSavingEntityMap\"\n                        (click)=\"SaveAddMap()\">\n                  @if (IsSavingEntityMap) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                  } @else if (TargetMode === 'new') {\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Create Pending Map\n                  } @else {\n                    <i class=\"fa-solid fa-check\"></i> Add Map\n                  }\n                </button>\n                <button kendoButton [size]=\"'small'\" (click)=\"CloseAddPanel()\">\n                  Cancel\n                </button>\n              </div>\n            </div>\n          }\n\n          <!-- Search -->\n          @if (AllMaps.length > 0) {\n            <div class=\"search-box\">\n              <input kendoTextBox\n                     [(ngModel)]=\"EntityMapSearchText\"\n                     placeholder=\"Search entity maps...\" />\n            </div>\n          }\n\n          <!-- Entity Map List -->\n          @if (AllMaps.length === 0 && !ShowAddPanel) {\n            <p class=\"empty-hint\">\n              No entity maps configured.\n              <a href=\"javascript:void(0)\" (click)=\"OpenAddPanel()\" style=\"color: #4a6cf7;\">Add one</a>\n            </p>\n          } @else if (FilteredMaps.length === 0 && AllMaps.length > 0) {\n            <p class=\"empty-hint\">No matches for \"{{ EntityMapSearchText }}\".</p>\n          } @else {\n            <div class=\"entity-map-list\">\n              @for (item of FilteredMaps; track item.ID) {\n                <div class=\"entity-map-item\"\n                     [class.selected]=\"IsSelectedMap(item.ID)\"\n                     [class.pending]=\"item.IsPending\"\n                     (click)=\"OnMapSelect(item)\">\n                  <div class=\"em-top-row\">\n                    <span class=\"em-name\">{{ item.SourceName }}</span>\n                    <span class=\"em-arrow\"><i class=\"fa-solid fa-arrow-right\"></i></span>\n                    <span class=\"em-entity\">{{ item.TargetName }}</span>\n                  </div>\n                  <div class=\"em-bottom-row\">\n                    <div class=\"em-badges\">\n                      <span class=\"badge badge-direction\">{{ item.SyncDirection }}</span>\n                      @if (item.IsPending) {\n                        <span class=\"badge badge-pending\">Pending</span>\n                      }\n                    </div>\n                    <div class=\"em-actions\">\n                      <button class=\"em-delete\" title=\"Delete\"\n                              (click)=\"OnDeleteMap(item, $event)\">\n                        <i class=\"fa-solid fa-trash-can\"></i>\n                      </button>\n                      @if (!item.IsPending && item.RealMap) {\n                        <kendo-switch\n                          [(ngModel)]=\"item.RealMap.SyncEnabled\"\n                          [size]=\"'small'\"\n                          (valueChange)=\"OnToggleEntityMap(item.RealMap)\">\n                        </kendo-switch>\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n\n      <!-- ============================================================ -->\n      <!-- CENTER PANEL: Field mapping / Pending entity / Placeholder -->\n      <!-- ============================================================ -->\n      <div class=\"center-panel\">\n        @if (!SelectedMapID) {\n          <!-- No selection placeholder -->\n          <div class=\"placeholder-message\">\n            <i class=\"fa-solid fa-hand-pointer\"></i>\n            <p>Select an entity map from the left panel to view and edit field mappings.</p>\n          </div>\n        } @else if (SelectedPendingMap) {\n          <!-- ==================== PENDING ENTITY VIEW ==================== -->\n          <div class=\"pending-entity-panel\">\n            <div class=\"pending-icon\"><i class=\"fa-solid fa-clock\"></i></div>\n            <h3>Pending Entity: {{ SelectedPendingMap.EntityName }}</h3>\n            <p>\n              This entity map is waiting for the target entity\n              <strong>{{ SelectedPendingMap.SchemaName }}.{{ SelectedPendingMap.TableName }}</strong>\n              to be created. Run the DDL migration and CodeGen to activate this mapping.\n            </p>\n\n            <!-- Progress stepper -->\n            <div class=\"pending-steps\">\n              <div class=\"step\">\n                <div class=\"step-circle done\"><i class=\"fa-solid fa-check\"></i></div>\n                <span class=\"step-label\">Map Created</span>\n              </div>\n              <div class=\"step-connector\" [class.done]=\"SelectedPendingMap.DDLContent\"></div>\n              <div class=\"step\">\n                <div class=\"step-circle\" [ngClass]=\"GetPendingStepStatus(SelectedPendingMap, 2)\">\n                  @if (SelectedPendingMap.DDLContent) {\n                    <i class=\"fa-solid fa-check\"></i>\n                  } @else {\n                    2\n                  }\n                </div>\n                <span class=\"step-label\">DDL Generated</span>\n              </div>\n              <div class=\"step-connector\"></div>\n              <div class=\"step\">\n                <div class=\"step-circle future\">3</div>\n                <span class=\"step-label\">Deploy & CodeGen</span>\n              </div>\n              <div class=\"step-connector\"></div>\n              <div class=\"step\">\n                <div class=\"step-circle future\">4</div>\n                <span class=\"step-label\">Ready to Sync</span>\n              </div>\n            </div>\n\n            <!-- DDL content -->\n            @if (SelectedPendingMap.DDLContent) {\n              <div class=\"ddl-preview-inline\">\n                <h4 style=\"font-size: 14px; margin-bottom: 8px;\">\n                  <i class=\"fa-solid fa-database\"></i> Generated DDL\n                </h4>\n                <pre class=\"ddl-code-block\">{{ SelectedPendingMap.DDLContent }}</pre>\n                <div class=\"ddl-actions\">\n                  <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                          (click)=\"CopyDDLToClipboard(SelectedPendingMap.DDLContent)\">\n                    <i class=\"fa-solid fa-copy\"></i> Copy DDL\n                  </button>\n                </div>\n              </div>\n            }\n\n            <!-- Source fields list -->\n            @if (SelectedPendingMap.SourceFields.length > 0) {\n              <div class=\"pending-fields-section\">\n                <h4 style=\"font-size: 14px; margin: 16px 0 8px;\">\n                  <i class=\"fa-solid fa-list\"></i> Source Fields\n                  <span style=\"color: #999; font-weight: 400;\">({{ SelectedPendingMap.SourceFields.length }})</span>\n                </h4>\n                <div class=\"pending-fields-list\">\n                  @for (field of SelectedPendingMap.SourceFields; track field.Name) {\n                    <div class=\"pending-field-item\">\n                      <span class=\"pending-field-name\">{{ field.Name }}</span>\n                      <span class=\"pending-field-type\">{{ field.Type }}</span>\n                      @if (field.IsPrimaryKey) {\n                        <i class=\"fa-solid fa-key key-icon\" title=\"Key field\"></i>\n                      }\n                      @if (field.IsRequired) {\n                        <span class=\"pending-field-req\">*</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        } @else if (IsLoadingFieldMaps) {\n          <mj-loading text=\"Loading field maps...\" size=\"medium\"></mj-loading>\n        } @else {\n          <!-- ==================== FIELD MAPPING EDITOR ==================== -->\n\n          <!-- Auto-map banner -->\n          @if (ShowAutoMapBanner) {\n            <div class=\"auto-map-banner\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <div class=\"banner-text\">\n                <p><strong>{{ AutoMapCount }} field{{ AutoMapCount !== 1 ? 's' : '' }} auto-mapped</strong> by matching source and destination field names.</p>\n              </div>\n              <button kendoButton [look]=\"'flat'\" [size]=\"'small'\" (click)=\"DismissAutoMapBanner()\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n          }\n\n          <!-- Validation warnings -->\n          @if (ActiveEditableFields.length > 0 && !MappingValidation.IsValid) {\n            <div class=\"validation-banner\">\n              <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              <div class=\"validation-warnings\">\n                @for (warning of MappingValidation.Warnings; track warning) {\n                  <span>{{ warning }}</span>\n                }\n              </div>\n            </div>\n          }\n\n          <div class=\"field-mapping-header\">\n            <h3 class=\"panel-title\">\n              Field Mappings\n              <span class=\"field-count\">({{ ActiveEditableFields.length }})</span>\n            </h3>\n            <div class=\"field-mapping-actions\">\n              <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                      [disabled]=\"IsLoadingSourceFields\"\n                      (click)=\"RerunAutoMap()\" title=\"Auto-match source and destination fields by name\">\n                <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-Map\n              </button>\n              <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                      (click)=\"AddFieldMapping()\">\n                <i class=\"fa-solid fa-plus\"></i> Add Field\n              </button>\n              <button kendoButton [themeColor]=\"'primary'\" [size]=\"'small'\"\n                      [disabled]=\"!HasDirtyFields || IsSavingFields\"\n                      (click)=\"SaveFieldMappings()\">\n                @if (IsSavingFields) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                } @else {\n                  <i class=\"fa-solid fa-floppy-disk\"></i> Save\n                }\n              </button>\n            </div>\n          </div>\n\n          @if (ActiveEditableFields.length === 0) {\n            <p class=\"empty-hint\">\n              No field mappings yet.\n              <a href=\"javascript:void(0)\" (click)=\"AddFieldMapping()\" style=\"color: #4a6cf7;\">Add one</a>\n            </p>\n          } @else {\n            <div class=\"field-map-cards\">\n              @for (field of ActiveEditableFields; track field; let i = $index) {\n                <div class=\"field-map-card\" [class.validation-error]=\"field.IsRequired && !field.DestinationFieldName\"\n                     [class.has-transform]=\"field.TransformPipeline.length > 0\">\n\n                  <!-- Main mapping row -->\n                  <div class=\"fmc-row\">\n                    <!-- Source column -->\n                    <div class=\"fmc-source\">\n                      @if (field.IsNew) {\n                        <input type=\"text\" class=\"fmc-input\" [(ngModel)]=\"field.SourceFieldName\"\n                               (ngModelChange)=\"OnFieldChanged(field)\" placeholder=\"Source field name\" />\n                      } @else {\n                        <div class=\"fmc-field-name\">{{ field.SourceFieldName }}</div>\n                        <div class=\"fmc-badges\">\n                          @if (field.SourceFieldType) {\n                            <span class=\"fmc-badge badge-type\">{{ field.SourceFieldType }}</span>\n                          }\n                          @if (field.IsSourcePK) {\n                            <span class=\"fmc-badge badge-pk\" title=\"Primary Key\"><i class=\"fa-solid fa-key\"></i> PK</span>\n                          }\n                          @if (field.IsSourceRequired) {\n                            <span class=\"fmc-badge badge-req\" title=\"Required\">REQ</span>\n                          }\n                          @if (field.IsSourceReadOnly) {\n                            <span class=\"fmc-badge badge-ro\" title=\"Read-Only\">RO</span>\n                          }\n                        </div>\n                      }\n                    </div>\n\n                    <!-- Transform indicator -->\n                    <div class=\"fmc-transform-zone\">\n                      @if (field.TransformPipeline.length > 1) {\n                        <button class=\"fmc-transform-pill\" (click)=\"ToggleTransformEditor(field)\"\n                                [title]=\"field.TransformPipeline.length + ' transform step(s)'\">\n                          <i [class]=\"GetTransformIcon(field.TransformPipeline[0].Type)\"></i>\n                          <span>{{ GetTransformLabel(field.TransformPipeline[0].Type) }}</span>\n                          <span class=\"fmc-step-count\">+{{ field.TransformPipeline.length - 1 }}</span>\n                        </button>\n                      } @else {\n                        <button class=\"fmc-transform-pill fmc-transform-direct\" (click)=\"ToggleTransformEditor(field)\"\n                                title=\"Click to change transform type\">\n                          <i class=\"fa-solid fa-arrow-right\"></i>\n                          <span>{{ field.TransformPipeline.length > 0 ? GetTransformLabel(field.TransformPipeline[0].Type) : 'Direct' }}</span>\n                        </button>\n                      }\n                    </div>\n\n                    <!-- Destination column -->\n                    <div class=\"fmc-dest\">\n                      @if (DestinationFields.length > 0) {\n                        <select class=\"fmc-select\" [(ngModel)]=\"field.DestinationFieldName\"\n                                (ngModelChange)=\"OnFieldChanged(field)\">\n                          <option value=\"\">-- Select destination --</option>\n                          @for (df of DestinationFields; track df.ID) {\n                            <option [value]=\"df.Name\">{{ df.Name }}</option>\n                          }\n                        </select>\n                      } @else {\n                        <input type=\"text\" class=\"fmc-input\" [(ngModel)]=\"field.DestinationFieldName\"\n                               (ngModelChange)=\"OnFieldChanged(field)\" placeholder=\"Destination field\" />\n                      }\n                    </div>\n\n                    <!-- Sync flags -->\n                    <div class=\"fmc-flags\">\n                      <label class=\"fmc-flag\" title=\"Key field for matching\">\n                        <input type=\"checkbox\" [(ngModel)]=\"field.IsKeyField\"\n                               (ngModelChange)=\"OnFieldChanged(field)\" />\n                        <i class=\"fa-solid fa-key\"></i>\n                      </label>\n                      <label class=\"fmc-flag\" title=\"Required field\">\n                        <input type=\"checkbox\" [(ngModel)]=\"field.IsRequired\"\n                               (ngModelChange)=\"OnFieldChanged(field)\" />\n                        <span class=\"fmc-req-star\">*</span>\n                      </label>\n                    </div>\n\n                    <!-- Remove button -->\n                    <button class=\"fmc-remove\" title=\"Remove mapping\" (click)=\"RemoveFieldMapping(i)\">\n                      <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                  </div>\n\n                  <!-- Transform pipeline editor (expandable) -->\n                  @if (field.ShowTransformEditor && field.TransformPipeline.length > 0) {\n                    <div class=\"fmc-transform-editor\">\n                      <div class=\"fmc-te-header\">\n                        <span class=\"fmc-te-title\"><i class=\"fa-solid fa-wand-magic-sparkles\"></i> Transform Pipeline</span>\n                        <button class=\"fmc-te-add\" (click)=\"AddTransformStep(field)\" title=\"Add another step\">\n                          <i class=\"fa-solid fa-plus\"></i> Add Step\n                        </button>\n                      </div>\n                      @for (step of field.TransformPipeline; track $index; let si = $index) {\n                        <div class=\"fmc-te-step\">\n                          <div class=\"fmc-te-step-header\">\n                            <span class=\"fmc-te-step-num\">{{ si + 1 }}</span>\n                            <select class=\"fmc-te-type-select\" [ngModel]=\"step.Type\"\n                                    (ngModelChange)=\"OnTransformTypeChange(field, step, $event)\">\n                              @for (tt of TransformTypes; track tt.Value) {\n                                <option [value]=\"tt.Value\">{{ tt.Label }}</option>\n                              }\n                            </select>\n                            <select class=\"fmc-te-error-select\" [(ngModel)]=\"step.OnError\"\n                                    (ngModelChange)=\"OnTransformConfigChange(field)\" title=\"On error\">\n                              <option value=\"Fail\">Fail</option>\n                              <option value=\"Skip\">Skip row</option>\n                              <option value=\"Null\">Set null</option>\n                            </select>\n                            <button class=\"fmc-te-remove-step\" (click)=\"RemoveTransformStep(field, si)\" title=\"Remove step\">\n                              <i class=\"fa-solid fa-trash-can\"></i>\n                            </button>\n                          </div>\n\n                          <!-- Config editors per type -->\n                          <div class=\"fmc-te-config\">\n                            @switch (step.Type) {\n                              @case ('direct') {\n                                <div class=\"fmc-te-field\">\n                                  <label>Default value (when source is null)</label>\n                                  <input type=\"text\" class=\"fmc-input\" [ngModel]=\"step.Config['DefaultValue'] ?? ''\"\n                                         (ngModelChange)=\"step.Config['DefaultValue'] = $event; OnTransformConfigChange(field)\"\n                                         placeholder=\"Leave empty for no default\" />\n                                </div>\n                              }\n                              @case ('regex') {\n                                <div class=\"fmc-te-row\">\n                                  <div class=\"fmc-te-field\">\n                                    <label>Pattern</label>\n                                    <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['Pattern'] ?? ''\"\n                                           (ngModelChange)=\"step.Config['Pattern'] = $event; OnTransformConfigChange(field)\"\n                                           placeholder=\"e.g. (\\d{3})-(\\d{4})\" />\n                                  </div>\n                                  <div class=\"fmc-te-field\">\n                                    <label>Replacement</label>\n                                    <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['Replacement'] ?? ''\"\n                                           (ngModelChange)=\"step.Config['Replacement'] = $event; OnTransformConfigChange(field)\"\n                                           placeholder=\"e.g. $1$2\" />\n                                  </div>\n                                  <div class=\"fmc-te-field fmc-te-sm\">\n                                    <label>Flags</label>\n                                    <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['Flags'] ?? 'g'\"\n                                           (ngModelChange)=\"step.Config['Flags'] = $event; OnTransformConfigChange(field)\"\n                                           placeholder=\"gi\" />\n                                  </div>\n                                </div>\n                              }\n                              @case ('split') {\n                                <div class=\"fmc-te-row\">\n                                  <div class=\"fmc-te-field\">\n                                    <label>Delimiter</label>\n                                    <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['Delimiter'] ?? ','\"\n                                           (ngModelChange)=\"step.Config['Delimiter'] = $event; OnTransformConfigChange(field)\"\n                                           placeholder=\",\" />\n                                  </div>\n                                  <div class=\"fmc-te-field fmc-te-sm\">\n                                    <label>Part index (0-based)</label>\n                                    <input type=\"number\" class=\"fmc-input\" [ngModel]=\"step.Config['Index'] ?? 0\"\n                                           (ngModelChange)=\"step.Config['Index'] = +$event; OnTransformConfigChange(field)\"\n                                           min=\"0\" />\n                                  </div>\n                                </div>\n                              }\n                              @case ('combine') {\n                                <div class=\"fmc-te-field\">\n                                  <label>Source fields to combine</label>\n                                  <div class=\"fmc-combine-chips\">\n                                    @for (sf of GetAvailableSourceFields(); track sf) {\n                                      <button class=\"fmc-chip\" [class.selected]=\"IsCombineFieldSelected(step.Config, sf)\"\n                                              (click)=\"ToggleCombineField(step.Config, sf); OnTransformConfigChange(field)\">\n                                        {{ sf }}\n                                      </button>\n                                    }\n                                  </div>\n                                </div>\n                                <div class=\"fmc-te-field fmc-te-sm\">\n                                  <label>Separator</label>\n                                  <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['Separator'] ?? ' '\"\n                                         (ngModelChange)=\"step.Config['Separator'] = $event; OnTransformConfigChange(field)\"\n                                         placeholder=\" \" />\n                                </div>\n                              }\n                              @case ('lookup') {\n                                <div class=\"fmc-te-field\">\n                                  <label>Value mapping</label>\n                                  <div class=\"fmc-lookup-table\">\n                                    @for (entry of GetLookupEntries(step.Config); track $index) {\n                                      <div class=\"fmc-lookup-row\">\n                                        <input type=\"text\" class=\"fmc-input\" [value]=\"entry.key\" placeholder=\"Source value\"\n                                               (change)=\"UpdateLookupEntry(step.Config, entry.key, $any($event.target).value, entry.value); OnTransformConfigChange(field)\" />\n                                        <i class=\"fa-solid fa-arrow-right fmc-lookup-arrow\"></i>\n                                        <input type=\"text\" class=\"fmc-input\" [value]=\"entry.value\" placeholder=\"Mapped value\"\n                                               (change)=\"UpdateLookupEntry(step.Config, entry.key, entry.key, $any($event.target).value); OnTransformConfigChange(field)\" />\n                                        <button class=\"fmc-lookup-del\" (click)=\"RemoveLookupEntry(step.Config, entry.key); OnTransformConfigChange(field)\">\n                                          <i class=\"fa-solid fa-times\"></i>\n                                        </button>\n                                      </div>\n                                    }\n                                    <button class=\"fmc-lookup-add\" (click)=\"AddLookupEntry(step.Config); OnTransformConfigChange(field)\">\n                                      <i class=\"fa-solid fa-plus\"></i> Add mapping\n                                    </button>\n                                  </div>\n                                </div>\n                                <div class=\"fmc-te-field fmc-te-sm\">\n                                  <label>Default (when no match)</label>\n                                  <input type=\"text\" class=\"fmc-input\" [ngModel]=\"step.Config['Default'] ?? ''\"\n                                         (ngModelChange)=\"step.Config['Default'] = $event; OnTransformConfigChange(field)\"\n                                         placeholder=\"null\" />\n                                </div>\n                              }\n                              @case ('format') {\n                                <div class=\"fmc-te-row\">\n                                  <div class=\"fmc-te-field fmc-te-sm\">\n                                    <label>Format type</label>\n                                    <select class=\"fmc-select\" [ngModel]=\"step.Config['FormatType'] ?? 'date'\"\n                                            (ngModelChange)=\"step.Config['FormatType'] = $event; OnTransformConfigChange(field)\">\n                                      <option value=\"date\">Date</option>\n                                      <option value=\"number\">Number</option>\n                                      <option value=\"string\">String</option>\n                                    </select>\n                                  </div>\n                                  <div class=\"fmc-te-field\">\n                                    <label>Format string</label>\n                                    <input type=\"text\" class=\"fmc-input mono\" [ngModel]=\"step.Config['FormatString'] ?? 'ISO'\"\n                                           (ngModelChange)=\"step.Config['FormatString'] = $event; OnTransformConfigChange(field)\"\n                                           placeholder=\"ISO or decimal places\" />\n                                  </div>\n                                </div>\n                              }\n                              @case ('coerce') {\n                                <div class=\"fmc-te-field fmc-te-sm\">\n                                  <label>Target type</label>\n                                  <select class=\"fmc-select\" [ngModel]=\"step.Config['TargetType'] ?? 'string'\"\n                                          (ngModelChange)=\"step.Config['TargetType'] = $event; OnTransformConfigChange(field)\">\n                                    <option value=\"string\">String</option>\n                                    <option value=\"number\">Number</option>\n                                    <option value=\"boolean\">Boolean</option>\n                                    <option value=\"date\">Date</option>\n                                  </select>\n                                </div>\n                              }\n                              @case ('substring') {\n                                <div class=\"fmc-te-row\">\n                                  <div class=\"fmc-te-field fmc-te-sm\">\n                                    <label>Start index</label>\n                                    <input type=\"number\" class=\"fmc-input\" [ngModel]=\"step.Config['Start'] ?? 0\"\n                                           (ngModelChange)=\"step.Config['Start'] = +$event; OnTransformConfigChange(field)\"\n                                           min=\"0\" />\n                                  </div>\n                                  <div class=\"fmc-te-field fmc-te-sm\">\n                                    <label>Length (blank = to end)</label>\n                                    <input type=\"number\" class=\"fmc-input\" [ngModel]=\"step.Config['Length'] ?? ''\"\n                                           (ngModelChange)=\"step.Config['Length'] = $event ? +$event : undefined; OnTransformConfigChange(field)\"\n                                           min=\"1\" />\n                                  </div>\n                                </div>\n                              }\n                              @case ('custom') {\n                                <div class=\"fmc-te-field\">\n                                  <label>JavaScript expression <span class=\"fmc-te-hint\">(use <code>value</code> and <code>fields</code>)</span></label>\n                                  <textarea class=\"fmc-input mono fmc-textarea\" [ngModel]=\"step.Config['Expression'] ?? 'value'\"\n                                            (ngModelChange)=\"step.Config['Expression'] = $event; OnTransformConfigChange(field)\"\n                                            placeholder=\"value.toUpperCase()\" rows=\"2\"></textarea>\n                                </div>\n                              }\n                            }\n                          </div>\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n\n          <!-- Data Preview Section -->\n          <div class=\"data-preview-section\">\n            <div class=\"preview-actions\">\n              <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                      [disabled]=\"IsLoadingSourcePreview\"\n                      (click)=\"LoadSourcePreview()\">\n                <i class=\"fa-solid fa-cloud-arrow-down\"></i> Preview Source\n              </button>\n              <button kendoButton [look]=\"'outline'\" [size]=\"'small'\"\n                      [disabled]=\"IsLoadingDestPreview\"\n                      (click)=\"LoadDestPreview()\">\n                <i class=\"fa-solid fa-database\"></i> Preview Destination\n              </button>\n            </div>\n\n            @if (ShowSourcePreview) {\n              <div class=\"preview-panel\">\n                <div class=\"preview-panel-header\">\n                  <h4><i class=\"fa-solid fa-cloud\"></i> Source Data Preview</h4>\n                  <button class=\"add-panel-close\" (click)=\"CloseSourcePreview()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n                @if (IsLoadingSourcePreview) {\n                  <mj-loading text=\"Loading source data...\" size=\"small\"></mj-loading>\n                } @else if (SourcePreviewData.length === 0) {\n                  <p class=\"empty-hint\">No source data available.</p>\n                } @else {\n                  <div class=\"preview-table-wrapper\">\n                    <table class=\"preview-table\">\n                      <thead>\n                        <tr>\n                          @for (col of GetPreviewColumns(SourcePreviewData); track col) {\n                            <th>{{ col }}</th>\n                          }\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (row of SourcePreviewData; track $index) {\n                          <tr>\n                            @for (col of GetPreviewColumns(SourcePreviewData); track col) {\n                              <td>{{ FormatPreviewValue(row[col]) }}</td>\n                            }\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n\n            @if (ShowDestPreview) {\n              <div class=\"preview-panel\">\n                <div class=\"preview-panel-header\">\n                  <h4><i class=\"fa-solid fa-database\"></i> Destination Data Preview</h4>\n                  <button class=\"add-panel-close\" (click)=\"CloseDestPreview()\">\n                    <i class=\"fa-solid fa-times\"></i>\n                  </button>\n                </div>\n                @if (IsLoadingDestPreview) {\n                  <mj-loading text=\"Loading destination data...\" size=\"small\"></mj-loading>\n                } @else if (DestPreviewData.length === 0) {\n                  <p class=\"empty-hint\">No destination data available.</p>\n                } @else {\n                  <div class=\"preview-table-wrapper\">\n                    <table class=\"preview-table\">\n                      <thead>\n                        <tr>\n                          @for (col of GetPreviewColumns(DestPreviewData); track col) {\n                            <th>{{ col }}</th>\n                          }\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (row of DestPreviewData; track $index) {\n                          <tr>\n                            @for (col of GetPreviewColumns(DestPreviewData); track col) {\n                              <td>{{ FormatPreviewValue(row[col]) }}</td>\n                            }\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <!-- ============================================================ -->\n      <!-- RIGHT PANEL: Last run details -->\n      <!-- ============================================================ -->\n      <div class=\"right-panel\">\n        <h4 class=\"panel-label\">Last Run Details</h4>\n        @if (!SelectedIntegrationID) {\n          <p class=\"empty-hint\">Select an integration to see run details.</p>\n        } @else if (IsLoadingRunDetails) {\n          <mj-loading text=\"Loading...\" size=\"small\"></mj-loading>\n        } @else if (!LatestRun) {\n          <p class=\"empty-hint\">No runs found.</p>\n        } @else {\n          <div class=\"run-summary-card\">\n            <div class=\"run-summary-row\">\n              <span class=\"label\">Status</span>\n              <span class=\"run-status\" [class]=\"'status-' + RunStatusColor\">\n                {{ LatestRun.Status }}\n              </span>\n            </div>\n            <div class=\"run-summary-row\">\n              <span class=\"label\">Started</span>\n              <span>{{ FormatDate(LatestRun.StartedAt) }}</span>\n            </div>\n            <div class=\"run-summary-row\">\n              <span class=\"label\">Total Records</span>\n              <span>{{ LatestRun.TotalRecords | number }}</span>\n            </div>\n            <div class=\"run-summary-row\">\n              <span class=\"label\">Run By</span>\n              <span>{{ LatestRun.RunByUser }}</span>\n            </div>\n          </div>\n\n          @if (RunEntityDetails.length > 0) {\n            <h4 class=\"panel-label\" style=\"margin-top: 16px;\">Per-Entity Stats</h4>\n            @for (detail of RunEntityDetails; track detail.EntityID) {\n              <div class=\"entity-stat-card\">\n                <div class=\"entity-stat-name\">{{ detail.Entity }}</div>\n                <div class=\"entity-stat-grid\">\n                  <div class=\"mini-stat\">\n                    <span class=\"mini-val\">{{ detail.RecordsCreated }}</span>\n                    <span class=\"mini-label\">Created</span>\n                  </div>\n                  <div class=\"mini-stat\">\n                    <span class=\"mini-val\">{{ detail.RecordsUpdated }}</span>\n                    <span class=\"mini-label\">Updated</span>\n                  </div>\n                  <div class=\"mini-stat\">\n                    <span class=\"mini-val\" [class.has-errors]=\"detail.RecordsErrored > 0\">\n                      {{ detail.RecordsErrored }}\n                    </span>\n                    <span class=\"mini-label\">Errors</span>\n                  </div>\n                </div>\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".mapping-workspace { padding: 24px; height: 100%; display: flex; flex-direction: column; }\n.workspace-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 16px;\n}\n.workspace-header h2 {\n  margin: 0; font-size: 20px; font-weight: 600;\n}\n.workspace-header h2 i { margin-right: 8px; color: var(--mj-color-indigo-500); }\n\n/* ===== Three-panel layout ===== */\n.workspace-body {\n  display: flex; flex: 1; gap: 1px; background: var(--mj-border-default);\n  border-radius: 10px; overflow: hidden; min-height: 500px;\n}\n\n.left-panel { width: 320px; min-width: 280px; background: var(--mj-bg-surface); padding: 16px; overflow-y: auto; flex-shrink: 0; }\n.center-panel { flex: 1; background: var(--mj-bg-surface); padding: 20px; overflow-y: auto; }\n.right-panel { width: 280px; min-width: 240px; background: var(--mj-bg-surface); padding: 16px; overflow-y: auto; flex-shrink: 0; }\n\n/* ===== Shared ===== */\n.panel-label {\n  font-size: 11px; font-weight: 700; color: var(--mj-text-disabled);\n  text-transform: uppercase; letter-spacing: 0.6px;\n  margin: 0 0 6px 0; display: block;\n}\n.panel-title { margin: 0 0 12px 0; font-size: 16px; font-weight: 600; }\n.panel-title .field-count { color: var(--mj-text-disabled); font-weight: 400; font-size: 13px; }\n.empty-hint { color: var(--mj-text-disabled); font-size: 13px; font-style: italic; }\n.search-box { margin-bottom: 12px; }\n\n/* ===== Integration selector ===== */\n.integration-selector { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--mj-border-subtle); }\n\n/* ===== Entity Map Header ===== */\n.entity-map-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 10px;\n}\n.header-actions { display: flex; gap: 4px; }\n\n/* ===== Add Map Panel ===== */\n.add-map-panel {\n  background: var(--mj-bg-page); border: 1px solid var(--mj-border-default); border-radius: 10px;\n  padding: 16px; margin-bottom: 14px;\n}\n.add-panel-top {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 14px;\n}\n.add-panel-top h5 { margin: 0; font-size: 14px; font-weight: 600; }\n.add-panel-close {\n  background: none; border: none; cursor: pointer; color: var(--mj-text-disabled); font-size: 14px;\n}\n.add-panel-close:hover { color: var(--mj-text-primary); }\n\n.form-group { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n.form-group label { font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.form-row { display: flex; gap: 10px; }\n.form-row .form-group { flex: 1; }\n\n.source-loading {\n  display: flex; align-items: center; gap: 8px;\n  font-size: 12px; color: var(--mj-text-disabled); padding: 6px 0;\n}\n.source-loading i { color: var(--mj-color-indigo-500); }\n\n.discover-error-inline {\n  font-size: 12px; color: var(--mj-color-error-600); padding: 6px 0;\n}\n.discover-error-inline i { margin-right: 4px; }\n\n/* Target mode toggle */\n.target-mode-toggle {\n  display: flex; border: 1px solid var(--mj-border-default); border-radius: 6px;\n  overflow: hidden; margin-bottom: 12px;\n}\n.target-mode-btn {\n  flex: 1; padding: 8px 12px; font-size: 12px; font-weight: 600;\n  text-align: center; cursor: pointer; background: var(--mj-bg-surface); border: none;\n  color: var(--mj-text-muted); transition: all 0.15s;\n}\n.target-mode-btn:first-child { border-right: 1px solid var(--mj-border-default); }\n.target-mode-btn.active { background: var(--mj-color-indigo-500); color: var(--mj-bg-surface); }\n.target-mode-btn:not(.active):hover { background: var(--mj-status-info-bg); color: var(--mj-color-indigo-500); }\n.target-mode-btn i { margin-right: 4px; }\n\n/* New entity form */\n.new-entity-form {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 8px;\n  padding: 14px; margin-bottom: 12px;\n}\n.new-entity-form .section-label {\n  font-size: 11px; font-weight: 700; color: var(--mj-color-indigo-500);\n  text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;\n}\n.auto-hint { font-size: 10px; color: var(--mj-text-disabled); font-style: italic; }\n\n/* DDL preview in add panel */\n.ddl-preview-section { margin-top: 8px; }\n.ddl-preview-code {\n  background: var(--mj-color-neutral-900); color: var(--mj-color-neutral-300); padding: 10px;\n  border-radius: 4px; font-size: 11px; line-height: 1.5;\n  max-height: 200px; overflow: auto; white-space: pre-wrap;\n  word-break: break-word; margin-top: 8px;\n}\n\n.add-form-actions { display: flex; gap: 6px; padding-top: 4px; }\n\n/* ===== Entity Map List ===== */\n.entity-map-list { display: flex; flex-direction: column; gap: 4px; }\n.entity-map-item {\n  padding: 8px 10px; border-radius: 6px;\n  cursor: pointer; border: 1px solid var(--mj-border-subtle); transition: all 0.15s;\n}\n.entity-map-item:hover { background: var(--mj-bg-page); }\n.entity-map-item.selected { background: var(--mj-status-info-bg); border-color: var(--mj-color-indigo-500); }\n.entity-map-item.pending { border-left: 3px solid var(--mj-status-warning); }\n\n.em-top-row {\n  display: flex; align-items: center; gap: 4px;\n  font-size: 13px; margin-bottom: 4px;\n}\n.em-name { font-weight: 600; }\n.em-arrow { color: var(--mj-text-disabled); font-size: 11px; }\n.em-entity { color: var(--mj-text-muted); }\n\n.em-bottom-row {\n  display: flex; align-items: center; justify-content: space-between;\n  font-size: 11px; color: var(--mj-text-disabled);\n}\n.em-badges { display: flex; gap: 4px; align-items: center; }\n.badge {\n  font-size: 10px; padding: 1px 6px; border-radius: 4px; font-weight: 600;\n}\n.badge-direction { background: var(--mj-bg-surface-hover); color: var(--mj-text-muted); }\n.badge-pending { background: var(--mj-color-warning-50); color: var(--mj-color-warning-600); }\n\n.em-actions { display: flex; align-items: center; gap: 4px; }\n.em-delete {\n  opacity: 0; transition: opacity 0.15s;\n  cursor: pointer; color: var(--mj-color-error-600); background: none; border: none;\n  padding: 2px 4px; font-size: 12px;\n}\n.entity-map-item:hover .em-delete { opacity: 1; }\n\n/* ===== Center Panel: Placeholder ===== */\n.placeholder-message {\n  display: flex; flex-direction: column; align-items: center;\n  justify-content: center; height: 300px; color: var(--mj-text-disabled);\n}\n.placeholder-message i { font-size: 36px; margin-bottom: 12px; }\n.placeholder-message p { text-align: center; }\n\n/* ===== Pending Entity Panel ===== */\n.pending-entity-panel {\n  background: var(--mj-status-warning-bg); border: 1px solid var(--mj-color-warning-200); border-radius: 10px;\n  padding: 24px; text-align: center;\n}\n.pending-icon { font-size: 40px; color: var(--mj-status-warning); margin-bottom: 12px; }\n.pending-entity-panel h3 { font-size: 16px; margin-bottom: 8px; }\n.pending-entity-panel p { font-size: 13px; color: var(--mj-text-disabled); margin-bottom: 16px; line-height: 1.5; }\n\n/* Stepper */\n.pending-steps {\n  display: flex; gap: 0; margin: 20px 0; justify-content: center; align-items: center;\n}\n.step {\n  display: flex; flex-direction: column; align-items: center; gap: 6px;\n  padding: 0 16px;\n}\n.step-circle {\n  width: 36px; height: 36px; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 14px; font-weight: 700;\n}\n.step-circle.done { background: var(--mj-status-success-bg); color: var(--mj-color-success-700); }\n.step-circle.current { background: var(--mj-color-indigo-500); color: var(--mj-bg-surface); }\n.step-circle.future { background: var(--mj-bg-surface-hover); color: var(--mj-text-disabled); }\n.step-label { font-size: 10px; font-weight: 600; color: var(--mj-text-disabled); text-transform: uppercase; white-space: nowrap; }\n.step-connector { width: 32px; height: 2px; background: var(--mj-border-default); align-self: center; margin-bottom: 18px; }\n.step-connector.done { background: var(--mj-color-success-700); }\n\n/* DDL in pending view */\n.ddl-preview-inline { margin-top: 16px; text-align: left; }\n.ddl-code-block {\n  background: var(--mj-color-neutral-900); color: var(--mj-color-neutral-300); padding: 12px;\n  border-radius: 6px; font-size: 12px; line-height: 1.5;\n  max-height: 250px; overflow: auto; white-space: pre-wrap;\n}\n.ddl-actions { display: flex; gap: 8px; margin-top: 12px; justify-content: center; }\n\n/* Pending fields list */\n.pending-fields-section { text-align: left; }\n.pending-fields-list {\n  display: flex; flex-direction: column; gap: 2px;\n  max-height: 200px; overflow-y: auto;\n}\n.pending-field-item {\n  display: flex; align-items: center; gap: 8px;\n  padding: 4px 8px; font-size: 13px; border-radius: 4px;\n}\n.pending-field-item:hover { background: var(--mj-status-warning-bg); }\n.pending-field-name { font-weight: 600; }\n.pending-field-type { font-size: 11px; color: var(--mj-text-disabled); background: var(--mj-bg-surface-hover); padding: 1px 6px; border-radius: 3px; }\n.pending-field-req { color: var(--mj-color-error-600); font-weight: 700; }\n\n/* ===== Auto-map banner ===== */\n.auto-map-banner {\n  background: var(--mj-status-info-bg); border: 1px solid var(--mj-color-info-100); border-radius: 8px;\n  padding: 12px 16px; margin-bottom: 16px;\n  display: flex; align-items: center; gap: 12px;\n}\n.auto-map-banner > i { color: var(--mj-color-indigo-500); font-size: 18px; }\n.auto-map-banner .banner-text { flex: 1; }\n.auto-map-banner .banner-text p { font-size: 13px; color: var(--mj-text-muted); margin: 0; }\n.auto-map-banner .banner-text strong { color: var(--mj-text-primary); }\n\n/* ===== Field Mapping Editor ===== */\n.field-mapping-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 16px;\n}\n.field-mapping-actions { display: flex; gap: 6px; }\n\n/* ===== Field Map Cards (New world-class design) ===== */\n.field-map-cards {\n  display: flex; flex-direction: column; gap: 6px;\n}\n\n.field-map-card {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n  transition: all 0.2s ease;\n  overflow: hidden;\n}\n.field-map-card:hover {\n  border-color: var(--mj-border-strong);\n  box-shadow: 0 2px 8px rgba(74, 108, 247, 0.06);\n}\n.field-map-card.has-transform {\n  border-left: 3px solid var(--mj-color-indigo-500);\n}\n.field-map-card.validation-error {\n  border-color: var(--mj-color-warning-200);\n  background: var(--mj-status-warning-bg);\n}\n\n/* Main mapping row */\n.fmc-row {\n  display: flex; align-items: center; gap: 10px;\n  padding: 10px 14px;\n}\n\n/* Source column */\n.fmc-source {\n  flex: 1; min-width: 0;\n}\n.fmc-field-name {\n  font-size: 13px; font-weight: 600; color: var(--mj-text-primary);\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n.fmc-badges {\n  display: flex; gap: 4px; margin-top: 3px; flex-wrap: wrap;\n}\n.fmc-badge {\n  font-size: 9px; font-weight: 700; padding: 1px 5px;\n  border-radius: 3px; text-transform: uppercase; letter-spacing: 0.3px;\n  white-space: nowrap; line-height: 1.5;\n}\n.badge-type {\n  background: var(--mj-bg-surface-hover); color: var(--mj-text-muted);\n}\n.badge-pk {\n  background: linear-gradient(135deg, var(--mj-color-warning-100), var(--mj-color-warning-200));\n  color: var(--mj-color-warning-800);\n}\n.badge-pk i { font-size: 8px; margin-right: 2px; }\n.badge-req {\n  background: linear-gradient(135deg, var(--mj-color-error-100), var(--mj-color-error-200));\n  color: var(--mj-color-error-800);\n}\n.badge-ro {\n  background: var(--mj-color-purple-50); color: var(--mj-color-purple-700);\n}\n\n/* Transform zone (center arrow / pill) */\n.fmc-transform-zone {\n  flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  width: 100px;\n}\n.fmc-arrow-btn {\n  width: 32px; height: 32px;\n  border-radius: 50%; border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-page); color: var(--mj-text-disabled);\n  cursor: pointer; font-size: 12px;\n  display: flex; align-items: center; justify-content: center;\n  transition: all 0.2s;\n}\n.fmc-arrow-btn:hover {\n  background: var(--mj-color-indigo-500); color: var(--mj-bg-surface); border-color: var(--mj-color-indigo-500);\n  transform: scale(1.1);\n}\n.fmc-transform-pill {\n  display: flex; align-items: center; gap: 4px;\n  padding: 4px 10px; border-radius: 16px;\n  background: linear-gradient(135deg, var(--mj-color-indigo-50), var(--mj-color-indigo-100));\n  border: 1px solid var(--mj-color-indigo-200); color: var(--mj-color-indigo-700);\n  font-size: 11px; font-weight: 600;\n  cursor: pointer; transition: all 0.2s;\n  white-space: nowrap;\n}\n.fmc-transform-pill:hover {\n  background: linear-gradient(135deg, var(--mj-color-indigo-100), var(--mj-color-indigo-200));\n  transform: scale(1.02);\n}\n.fmc-transform-pill i { font-size: 10px; }\n.fmc-transform-direct {\n  background: linear-gradient(135deg, var(--mj-bg-page), var(--mj-bg-surface-hover));\n  border-color: var(--mj-color-neutral-300); color: var(--mj-text-muted);\n}\n.fmc-transform-direct:hover {\n  background: linear-gradient(135deg, var(--mj-color-indigo-50), var(--mj-color-indigo-100));\n  border-color: var(--mj-color-indigo-200); color: var(--mj-color-indigo-700);\n}\n.fmc-step-count {\n  background: var(--mj-color-indigo-700); color: var(--mj-bg-surface); font-size: 9px;\n  padding: 0 4px; border-radius: 8px; font-weight: 700;\n}\n\n/* Destination column */\n.fmc-dest {\n  flex: 1; min-width: 0;\n}\n.fmc-select {\n  width: 100%; padding: 6px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; color: var(--mj-text-primary);\n  background: var(--mj-bg-page);\n  transition: border-color 0.15s;\n}\n.fmc-select:focus { border-color: var(--mj-color-indigo-500); outline: none; box-shadow: 0 0 0 2px rgba(74, 108, 247, 0.12); }\n\n/* Shared input style */\n.fmc-input {\n  width: 100%; padding: 5px 8px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; color: var(--mj-text-primary);\n  background: var(--mj-bg-page);\n  transition: border-color 0.15s;\n}\n.fmc-input:focus { border-color: var(--mj-color-indigo-500); outline: none; box-shadow: 0 0 0 2px rgba(74, 108, 247, 0.12); }\n.fmc-input.mono { font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace; font-size: 12px; }\n\n/* Flags (key, required) */\n.fmc-flags {\n  display: flex; gap: 6px; flex-shrink: 0;\n}\n.fmc-flag {\n  display: flex; align-items: center; gap: 3px;\n  font-size: 11px; color: var(--mj-text-disabled); cursor: pointer;\n  padding: 2px 4px; border-radius: 4px;\n  transition: color 0.15s;\n}\n.fmc-flag:hover { color: var(--mj-color-indigo-500); }\n.fmc-flag input[type=\"checkbox\"] {\n  width: 13px; height: 13px; cursor: pointer;\n  accent-color: var(--mj-color-indigo-500);\n}\n.fmc-flag i { font-size: 10px; }\n.fmc-req-star { font-size: 14px; font-weight: 700; color: inherit; }\n\n/* Remove button */\n.fmc-remove {\n  flex-shrink: 0;\n  background: none; border: none; cursor: pointer;\n  color: var(--mj-color-neutral-300); font-size: 13px; padding: 4px;\n  border-radius: 4px; transition: all 0.15s;\n}\n.fmc-remove:hover { color: var(--mj-status-error); background: var(--mj-status-error-bg); }\n\n/* ===== Transform Pipeline Editor ===== */\n.fmc-transform-editor {\n  border-top: 1px solid var(--mj-bg-surface-hover);\n  background: linear-gradient(180deg, var(--mj-color-indigo-50) 0%, var(--mj-bg-page) 100%);\n  padding: 12px 14px;\n}\n.fmc-te-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 10px;\n}\n.fmc-te-title {\n  font-size: 11px; font-weight: 700; color: var(--mj-color-indigo-500);\n  text-transform: uppercase; letter-spacing: 0.5px;\n}\n.fmc-te-title i { margin-right: 4px; }\n.fmc-te-add {\n  font-size: 11px; font-weight: 600; color: var(--mj-color-indigo-500);\n  background: none; border: 1px solid var(--mj-color-indigo-200);\n  border-radius: 6px; padding: 3px 10px;\n  cursor: pointer; transition: all 0.15s;\n}\n.fmc-te-add:hover { background: var(--mj-color-indigo-50); }\n.fmc-te-add i { margin-right: 3px; font-size: 10px; }\n\n/* Individual transform step */\n.fmc-te-step {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  padding: 10px 12px;\n  margin-bottom: 8px;\n  transition: box-shadow 0.15s;\n}\n.fmc-te-step:hover { box-shadow: 0 1px 4px rgba(0,0,0,0.05); }\n.fmc-te-step:last-child { margin-bottom: 0; }\n\n.fmc-te-step-header {\n  display: flex; align-items: center; gap: 8px; margin-bottom: 8px;\n}\n.fmc-te-step-num {\n  width: 22px; height: 22px; border-radius: 50%;\n  background: linear-gradient(135deg, var(--mj-color-indigo-500), var(--mj-color-indigo-500));\n  color: var(--mj-bg-surface); font-size: 11px; font-weight: 700;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.fmc-te-type-select {\n  flex: 1; padding: 4px 8px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 12px; font-weight: 600;\n  color: var(--mj-text-primary); background: var(--mj-bg-page);\n}\n.fmc-te-type-select:focus { border-color: var(--mj-color-indigo-500); outline: none; }\n.fmc-te-error-select {\n  width: 100px; padding: 4px 6px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 11px; color: var(--mj-text-muted);\n  background: var(--mj-bg-page);\n}\n.fmc-te-error-select:focus { border-color: var(--mj-color-indigo-500); outline: none; }\n.fmc-te-remove-step {\n  background: none; border: none; cursor: pointer;\n  color: var(--mj-color-neutral-300); font-size: 12px; padding: 4px;\n  border-radius: 4px; transition: all 0.15s;\n}\n.fmc-te-remove-step:hover { color: var(--mj-status-error); background: var(--mj-status-error-bg); }\n\n/* Config area */\n.fmc-te-config {\n  padding-left: 30px;\n}\n.fmc-te-field {\n  margin-bottom: 8px;\n}\n.fmc-te-field:last-child { margin-bottom: 0; }\n.fmc-te-field label {\n  display: block; font-size: 11px; font-weight: 600;\n  color: var(--mj-text-muted); margin-bottom: 3px;\n}\n.fmc-te-field label code {\n  background: var(--mj-bg-surface-hover); padding: 0 3px; border-radius: 3px;\n  font-size: 10px; color: var(--mj-color-indigo-700);\n}\n.fmc-te-hint { font-weight: 400; color: var(--mj-text-disabled); }\n.fmc-te-row {\n  display: flex; gap: 10px; align-items: flex-end;\n}\n.fmc-te-sm { max-width: 140px; }\n.fmc-textarea {\n  resize: vertical; min-height: 40px;\n}\n\n/* Combine chips */\n.fmc-combine-chips {\n  display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px;\n}\n.fmc-chip {\n  font-size: 11px; padding: 3px 8px; border-radius: 14px;\n  border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface);\n  color: var(--mj-text-muted); cursor: pointer;\n  transition: all 0.15s; font-weight: 500;\n}\n.fmc-chip:hover { border-color: var(--mj-color-indigo-300); color: var(--mj-color-indigo-700); }\n.fmc-chip.selected {\n  background: linear-gradient(135deg, var(--mj-color-indigo-50), var(--mj-color-indigo-100));\n  border-color: var(--mj-color-indigo-400); color: var(--mj-color-indigo-700); font-weight: 600;\n}\n\n/* Lookup table */\n.fmc-lookup-table {\n  display: flex; flex-direction: column; gap: 4px; margin-top: 4px;\n}\n.fmc-lookup-row {\n  display: flex; align-items: center; gap: 6px;\n}\n.fmc-lookup-row .fmc-input { flex: 1; }\n.fmc-lookup-arrow { color: var(--mj-color-indigo-200); font-size: 10px; flex-shrink: 0; }\n.fmc-lookup-del {\n  background: none; border: none; cursor: pointer;\n  color: var(--mj-color-neutral-300); font-size: 11px; padding: 2px;\n  transition: color 0.15s;\n}\n.fmc-lookup-del:hover { color: var(--mj-status-error); }\n.fmc-lookup-add {\n  font-size: 11px; color: var(--mj-color-indigo-500); background: none;\n  border: 1px dashed var(--mj-color-indigo-200); border-radius: 6px;\n  padding: 4px 10px; cursor: pointer;\n  transition: all 0.15s; margin-top: 2px;\n}\n.fmc-lookup-add:hover { background: var(--mj-color-indigo-50); }\n.fmc-lookup-add i { margin-right: 3px; font-size: 10px; }\n\n/* ===== Data Preview ===== */\n.data-preview-section { margin-top: 24px; border-top: 1px solid var(--mj-border-subtle); padding-top: 16px; }\n.preview-actions { display: flex; gap: 8px; margin-bottom: 12px; }\n\n.preview-panel {\n  background: var(--mj-bg-page); border: 1px solid var(--mj-border-default); border-radius: 8px;\n  padding: 12px; margin-bottom: 12px;\n}\n.preview-panel-header {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 8px;\n}\n.preview-panel-header h4 { font-size: 13px; font-weight: 600; margin: 0; }\n.preview-panel-header h4 i { margin-right: 6px; color: var(--mj-color-indigo-500); }\n\n.preview-table-wrapper { overflow-x: auto; }\n.preview-table {\n  width: 100%; border-collapse: collapse; font-size: 12px;\n}\n.preview-table th {\n  text-align: left; padding: 5px 8px;\n  background: var(--mj-border-default); font-weight: 600; font-size: 10px;\n  text-transform: uppercase; color: var(--mj-text-muted);\n  border-bottom: 1px solid var(--mj-border-default); white-space: nowrap;\n}\n.preview-table td {\n  padding: 4px 8px; border-bottom: 1px solid var(--mj-border-subtle);\n  white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis;\n}\n.preview-table tr:hover { background: var(--mj-status-info-bg); }\n\n/* ===== Right panel: run details ===== */\n.run-summary-card {\n  background: var(--mj-bg-page); border-radius: 8px; padding: 12px;\n}\n.run-summary-row {\n  display: flex; justify-content: space-between;\n  padding: 4px 0; font-size: 13px;\n}\n.run-summary-row .label { color: var(--mj-text-muted); font-weight: 500; }\n.run-status {\n  font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 600;\n}\n.status-green { background: var(--mj-status-success-bg); color: var(--mj-color-success-700); }\n.status-amber { background: var(--mj-color-warning-50); color: var(--mj-color-warning-600); }\n.status-red   { background: var(--mj-status-error-bg); color: var(--mj-color-error-600); }\n\n.entity-stat-card {\n  background: var(--mj-bg-page); border-radius: 6px; padding: 10px;\n  margin-bottom: 8px;\n}\n.entity-stat-name { font-size: 13px; font-weight: 600; margin-bottom: 6px; }\n.entity-stat-grid { display: flex; gap: 12px; }\n.mini-stat { text-align: center; }\n.mini-val { display: block; font-size: 16px; font-weight: 600; }\n.mini-val.has-errors { color: var(--mj-color-error-600); }\n.mini-label { font-size: 10px; color: var(--mj-text-disabled); }\n\n/* ===== Validation ===== */\n.validation-banner {\n  background: var(--mj-color-warning-50); border: 1px solid var(--mj-color-warning-200); border-radius: 8px;\n  padding: 10px 14px; margin-bottom: 14px;\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13px; color: var(--mj-color-warning-600);\n}\n.validation-banner > i { margin-top: 2px; }\n.validation-warnings { display: flex; flex-direction: column; gap: 2px; }\n\n.field-map-card.validation-error .fmc-source {\n  border-left: 3px solid var(--mj-color-warning-600);\n  padding-left: 8px;\n}\n\n/* ===== Responsive ===== */\n@media (max-width: 1100px) { .right-panel { display: none; } }\n@media (max-width: 800px) { .left-panel { width: 260px; } }\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MappingWorkspaceComponent, { className: "MappingWorkspaceComponent", filePath: "src/Integration/components/mapping-workspace/mapping-workspace.component.ts", lineNumber: 119 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MappingWorkspaceComponent, { className: "MappingWorkspaceComponent", filePath: "src/Integration/components/mapping-workspace/mapping-workspace.component.ts", lineNumber: 118 }); })();
 export function LoadMappingWorkspace() {
     // Tree-shaking prevention
 }