@memberjunction/ng-core-entity-forms 2.48.0 → 2.49.0

package/dist/lib/custom/AIPrompts/ai-prompt-form.component.js

@@ -4,15 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component, ViewChild } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
@@ -1052,105 +1043,90 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             compactMode: false
         };
     }
-    ngOnInit() {
-        const _super = Object.create(null, {
-            ngOnInit: { get: () => super.ngOnInit }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            yield _super.ngOnInit.call(this);
-            // make sure AI Engine Base is configured, this will load stuff only if not already
-            // loaded in the current process space
-            yield AIEngineBase.Instance.Config(false, this._metadata.CurrentUser);
-            this.__InferenceProvider_VendorTypeDefinitionID = ((_a = AIEngineBase.Instance.VendorTypeDefinitions.find(vtd => vtd.Name.trim().toLowerCase() === 'inference provider')) === null || _a === void 0 ? void 0 : _a.ID) || '';
-            if (!this.__InferenceProvider_VendorTypeDefinitionID) {
-                console.error('Inference Provider Vendor Type Definition ID not found');
-                MJNotificationService.Instance.CreateSimpleNotification('Inference Provider Vendor Type Definition not found', 'error', 5000);
-                return;
-            }
-            // Load template when record changes
-            if ((_b = this.record) === null || _b === void 0 ? void 0 : _b.TemplateID) {
-                this.loadTemplate();
+    async ngOnInit() {
+        await super.ngOnInit();
+        // make sure AI Engine Base is configured, this will load stuff only if not already
+        // loaded in the current process space
+        await AIEngineBase.Instance.Config(false, this._metadata.CurrentUser);
+        this.__InferenceProvider_VendorTypeDefinitionID = AIEngineBase.Instance.VendorTypeDefinitions.find(vtd => vtd.Name.trim().toLowerCase() === 'inference provider')?.ID || '';
+        if (!this.__InferenceProvider_VendorTypeDefinitionID) {
+            console.error('Inference Provider Vendor Type Definition ID not found');
+            MJNotificationService.Instance.CreateSimpleNotification('Inference Provider Vendor Type Definition not found', 'error', 5000);
+            return;
+        }
+        // Load template when record changes
+        if (this.record?.TemplateID) {
+            this.loadTemplate();
+        }
+        // Load available models, vendors, prompt types, prompt models, and result selector data
+        await Promise.all([
+            this.loadAvailableModels(),
+            this.loadAvailableVendors(),
+            this.loadAvailablePromptTypes(),
+            this.loadPromptModels(),
+            this.loadResultSelectorTreeData()
+        ]);
+        // Set defaults for new records
+        if (!this.record.IsSaved) {
+            // Default to first prompt type if not set
+            if (!this.record.TypeID && this.availablePromptTypes.length > 0) {
+                this.record.TypeID = this.availablePromptTypes[0].ID;
             }
-            // Load available models, vendors, prompt types, prompt models, and result selector data
-            yield Promise.all([
-                this.loadAvailableModels(),
-                this.loadAvailableVendors(),
-                this.loadAvailablePromptTypes(),
-                this.loadPromptModels(),
-                this.loadResultSelectorTreeData()
-            ]);
-            // Set defaults for new records
-            if (!this.record.IsSaved) {
-                // Default to first prompt type if not set
-                if (!this.record.TypeID && this.availablePromptTypes.length > 0) {
-                    this.record.TypeID = this.availablePromptTypes[0].ID;
-                }
-                // Default status to Pending if not set
-                if (!this.record.Status) {
-                    this.record.Status = 'Pending';
-                }
+            // Default status to Pending if not set
+            if (!this.record.Status) {
+                this.record.Status = 'Pending';
             }
-        });
+        }
     }
     /**
      * Loads the template associated with this AI prompt
      */
-    loadTemplate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.TemplateID)) {
-                this.template = null;
-                return;
-            }
-            this.isLoadingTemplate = true;
-            try {
-                this.template = yield this._metadata.GetEntityObject('Templates');
-                yield this.template.Load(this.record.TemplateID);
-                if (!this.template.IsSaved) {
-                    this.template = null;
-                    console.warn(`Template with ID ${this.record.TemplateID} not found`);
-                }
-            }
-            catch (error) {
-                console.error('Error loading template:', error);
+    async loadTemplate() {
+        if (!this.record?.TemplateID) {
+            this.template = null;
+            return;
+        }
+        this.isLoadingTemplate = true;
+        try {
+            this.template = await this._metadata.GetEntityObject('Templates');
+            await this.template.Load(this.record.TemplateID);
+            if (!this.template.IsSaved) {
                 this.template = null;
-                MJNotificationService.Instance.CreateSimpleNotification('Error loading associated template', 'error', 5000);
-            }
-            finally {
-                this.isLoadingTemplate = false;
+                console.warn(`Template with ID ${this.record.TemplateID} not found`);
             }
-        });
+        }
+        catch (error) {
+            console.error('Error loading template:', error);
+            this.template = null;
+            MJNotificationService.Instance.CreateSimpleNotification('Error loading associated template', 'error', 5000);
+        }
+        finally {
+            this.isLoadingTemplate = false;
+        }
     }
     /**
      * Handles template ID changes in the form
      */
-    onTemplateIdChange() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if ((_a = this.record) === null || _a === void 0 ? void 0 : _a.TemplateID) {
-                yield this.loadTemplate();
-            }
-            else {
-                this.template = null;
-            }
-        });
+    async onTemplateIdChange() {
+        if (this.record?.TemplateID) {
+            await this.loadTemplate();
+        }
+        else {
+            this.template = null;
+        }
     }
     /**
      * Opens a dialog to link an existing template
      */
-    linkExistingTemplate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // TODO: Implement template selection dialog
-            MJNotificationService.Instance.CreateSimpleNotification('Template linking functionality coming soon', 'info', 3000);
-        });
+    async linkExistingTemplate() {
+        // TODO: Implement template selection dialog
+        MJNotificationService.Instance.CreateSimpleNotification('Template linking functionality coming soon', 'info', 3000);
     }
     /**
      * Opens the current template in a new window
      */
     openTemplateInNewWindow() {
-        var _a;
-        if (!((_a = this.template) === null || _a === void 0 ? void 0 : _a.ID))
+        if (!this.template?.ID)
             return;
         // TODO: Get the proper URL for template editing
         const templateUrl = `/templates/${this.template.ID}`;
@@ -1159,40 +1135,36 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     /**
      * Creates a new template for this AI prompt
      */
-    createNewTemplate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            try {
-                const newTemplate = yield this._metadata.GetEntityObject('Templates');
-                newTemplate.NewRecord();
-                newTemplate.Name = `${this.record.Name || 'AI Prompt'} Template`;
-                newTemplate.Description = `Template for AI Prompt: ${this.record.Name}`;
-                newTemplate.UserID = this._metadata.CurrentUser.ID;
-                const saveResult = yield newTemplate.Save();
-                if (!saveResult) {
-                    const errorMessage = ((_a = newTemplate.LatestResult) === null || _a === void 0 ? void 0 : _a.Message) || ((_b = newTemplate.LatestResult) === null || _b === void 0 ? void 0 : _b.Errors) || 'Unknown error';
-                    console.error('Template save failed:', errorMessage);
-                    throw new Error(`Failed to save new template: ${errorMessage}`);
-                }
-                // Update the AI prompt to reference the new template
-                this.record.TemplateID = newTemplate.ID;
-                // Load the new template
-                yield this.loadTemplate();
-                MJNotificationService.Instance.CreateSimpleNotification('New template created and linked successfully', 'success', 4000);
-            }
-            catch (error) {
-                console.error('Error creating new template:', error);
-                const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-                MJNotificationService.Instance.CreateSimpleNotification(`Error creating new template: ${errorMessage}`, 'error', 6000);
+    async createNewTemplate() {
+        try {
+            const newTemplate = await this._metadata.GetEntityObject('Templates');
+            newTemplate.NewRecord();
+            newTemplate.Name = `${this.record.Name || 'AI Prompt'} Template`;
+            newTemplate.Description = `Template for AI Prompt: ${this.record.Name}`;
+            newTemplate.UserID = this._metadata.CurrentUser.ID;
+            const saveResult = await newTemplate.Save();
+            if (!saveResult) {
+                const errorMessage = newTemplate.LatestResult?.Message || newTemplate.LatestResult?.Errors || 'Unknown error';
+                console.error('Template save failed:', errorMessage);
+                throw new Error(`Failed to save new template: ${errorMessage}`);
             }
-        });
+            // Update the AI prompt to reference the new template
+            this.record.TemplateID = newTemplate.ID;
+            // Load the new template
+            await this.loadTemplate();
+            MJNotificationService.Instance.CreateSimpleNotification('New template created and linked successfully', 'success', 4000);
+        }
+        catch (error) {
+            console.error('Error creating new template:', error);
+            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+            MJNotificationService.Instance.CreateSimpleNotification(`Error creating new template: ${errorMessage}`, 'error', 6000);
+        }
     }
     /**
      * Opens the AI prompt execution dialog
      */
     executeAIPrompt() {
-        var _a;
-        if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID)) {
+        if (!this.record?.ID) {
             MJNotificationService.Instance.CreateSimpleNotification('Please save the AI prompt before executing', 'warning', 4000);
             return;
         }
@@ -1221,8 +1193,7 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
      * Gets the display text for parallelization mode
      */
     getParallelizationModeDisplay() {
-        var _a;
-        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) {
+        switch (this.record?.ParallelizationMode) {
             case 'None': return 'None';
             case 'StaticCount': return `Static count (${this.record.ParallelCount || 1})`;
             case 'ConfigParam': return `Config parameter (${this.record.ParallelConfigParam || 'not set'})`;
@@ -1234,9 +1205,8 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
      * Gets the display text for output type
      */
     getOutputTypeDisplay() {
-        var _a, _b;
-        const type = ((_a = this.record) === null || _a === void 0 ? void 0 : _a.OutputType) || 'string';
-        const validationBehavior = ((_b = this.record) === null || _b === void 0 ? void 0 : _b.ValidationBehavior) || 'Warn';
+        const type = this.record?.OutputType || 'string';
+        const validationBehavior = this.record?.ValidationBehavior || 'Warn';
         if (validationBehavior === 'None') {
             return type;
         }
@@ -1248,8 +1218,7 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
      * Gets the color for validation behavior display
      */
     getValidationColor() {
-        var _a;
-        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ValidationBehavior) {
+        switch (this.record?.ValidationBehavior) {
             case 'Strict': return '#dc3545'; // red
             case 'Warn': return '#ffc107'; // yellow
             default: return '#6c757d'; // default gray
@@ -1259,29 +1228,25 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
      * Checks if ParallelCount field should be visible
      */
     get showParallelCount() {
-        var _a;
-        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) === 'StaticCount';
+        return this.record?.ParallelizationMode === 'StaticCount';
     }
     /**
      * Checks if ParallelConfigParam field should be visible
      */
     get showParallelConfigParam() {
-        var _a;
-        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) === 'ConfigParam';
+        return this.record?.ParallelizationMode === 'ConfigParam';
     }
     /**
      * Checks if OutputExample field should be visible
      */
     get showOutputExample() {
-        var _a;
-        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.OutputType) === 'object';
+        return this.record?.OutputType === 'object';
     }
     /**
      * Checks if the AI prompt can be executed
      */
     get canExecute() {
-        var _a;
-        return !!(((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID) &&
+        return !!(this.record?.ID &&
             this.record.Status === 'Active' &&
             this.record.TemplateID &&
             this.template);
@@ -1290,8 +1255,7 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
      * Gets status badge color
      */
     getStatusBadgeColor() {
-        var _a;
-        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.Status) {
+        switch (this.record?.Status) {
             case 'Active': return '#28a745';
             case 'Pending': return '#ffc107';
             case 'Disabled': return '#6c757d';
@@ -1301,118 +1265,108 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     /**
      * Loads available AI models for selection
      */
-    loadAvailableModels() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const rv = new RunView();
-                const results = yield rv.RunView({
-                    EntityName: 'AI Models',
-                    OrderBy: 'Name ASC',
-                    ResultType: 'entity_object'
-                });
-                this.availableModels = results.Results;
-            }
-            catch (error) {
-                console.error('Error loading available models:', error);
-            }
-        });
+    async loadAvailableModels() {
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'AI Models',
+                OrderBy: 'Name ASC',
+                ResultType: 'entity_object'
+            });
+            this.availableModels = results.Results;
+        }
+        catch (error) {
+            console.error('Error loading available models:', error);
+        }
     }
     /**
      * Loads available AI vendors for selection
      */
-    loadAvailableVendors() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const rv = new RunView();
-                const results = yield rv.RunView({
-                    EntityName: 'MJ: AI Vendors',
-                    OrderBy: 'Name ASC',
-                    ResultType: 'entity_object'
-                });
-                this.availableVendors = results.Results;
-            }
-            catch (error) {
-                console.error('Error loading available vendors:', error);
-            }
-        });
+    async loadAvailableVendors() {
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'MJ: AI Vendors',
+                OrderBy: 'Name ASC',
+                ResultType: 'entity_object'
+            });
+            this.availableVendors = results.Results;
+        }
+        catch (error) {
+            console.error('Error loading available vendors:', error);
+        }
     }
     /**
      * Loads available AI prompt types for selection
      */
-    loadAvailablePromptTypes() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.isLoadingPromptTypes = true;
-            try {
-                const rv = new RunView();
-                const results = yield rv.RunView({
-                    EntityName: 'AI Prompt Types',
-                    OrderBy: '__mj_CreatedAt ASC',
-                    ResultType: 'entity_object'
-                });
-                this.availablePromptTypes = results.Results;
-            }
-            catch (error) {
-                console.error('Error loading available prompt types:', error);
-            }
-            finally {
-                this.isLoadingPromptTypes = false;
-            }
-        });
+    async loadAvailablePromptTypes() {
+        this.isLoadingPromptTypes = true;
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'AI Prompt Types',
+                OrderBy: '__mj_CreatedAt ASC',
+                ResultType: 'entity_object'
+            });
+            this.availablePromptTypes = results.Results;
+        }
+        catch (error) {
+            console.error('Error loading available prompt types:', error);
+        }
+        finally {
+            this.isLoadingPromptTypes = false;
+        }
     }
     /**
      * Loads vendors available for a specific model
      */
-    loadVendorsForModel(modelId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!modelId) {
-                return { vendors: [], modelVendors: [] };
-            }
-            // Check cache first
-            if (this.modelVendorsMap.has(modelId)) {
-                return this.modelVendorsMap.get(modelId);
-            }
-            try {
-                // Load model vendors for this model, filtering by TypeID for inference providers only
-                const rv = new RunView();
-                const modelVendorsResult = yield rv.RunView({
-                    EntityName: 'MJ: AI Model Vendors',
-                    ExtraFilter: `ModelID='${modelId}' AND TypeID='${this.__InferenceProvider_VendorTypeDefinitionID}'`,
-                    OrderBy: 'VendorID ASC',
+    async loadVendorsForModel(modelId) {
+        if (!modelId) {
+            return { vendors: [], modelVendors: [] };
+        }
+        // Check cache first
+        if (this.modelVendorsMap.has(modelId)) {
+            return this.modelVendorsMap.get(modelId);
+        }
+        try {
+            // Load model vendors for this model, filtering by TypeID for inference providers only
+            const rv = new RunView();
+            const modelVendorsResult = await rv.RunView({
+                EntityName: 'MJ: AI Model Vendors',
+                ExtraFilter: `ModelID='${modelId}' AND TypeID='${this.__InferenceProvider_VendorTypeDefinitionID}'`,
+                OrderBy: 'VendorID ASC',
+                ResultType: 'entity_object'
+            });
+            const modelVendors = modelVendorsResult.Results || [];
+            // Get unique vendor IDs
+            const vendorIds = [...new Set(modelVendors.map(mv => mv.VendorID))];
+            // Load vendor details
+            const vendors = [];
+            if (vendorIds.length > 0) {
+                const vendorFilter = vendorIds.map(id => `ID='${id}'`).join(' OR ');
+                const vendorsResult = await rv.RunView({
+                    EntityName: 'MJ: AI Vendors',
+                    ExtraFilter: vendorFilter,
+                    OrderBy: 'Name ASC',
                     ResultType: 'entity_object'
                 });
-                const modelVendors = modelVendorsResult.Results || [];
-                // Get unique vendor IDs
-                const vendorIds = [...new Set(modelVendors.map(mv => mv.VendorID))];
-                // Load vendor details
-                const vendors = [];
-                if (vendorIds.length > 0) {
-                    const vendorFilter = vendorIds.map(id => `ID='${id}'`).join(' OR ');
-                    const vendorsResult = yield rv.RunView({
-                        EntityName: 'MJ: AI Vendors',
-                        ExtraFilter: vendorFilter,
-                        OrderBy: 'Name ASC',
-                        ResultType: 'entity_object'
-                    });
-                    vendors.push(...(vendorsResult.Results || []));
-                }
-                const result = { vendors, modelVendors };
-                this.modelVendorsMap.set(modelId, result);
-                return result;
+                vendors.push(...(vendorsResult.Results || []));
             }
-            catch (error) {
-                console.error('Error loading vendors for model:', error);
-                return { vendors: [], modelVendors: [] };
-            }
-        });
+            const result = { vendors, modelVendors };
+            this.modelVendorsMap.set(modelId, result);
+            return result;
+        }
+        catch (error) {
+            console.error('Error loading vendors for model:', error);
+            return { vendors: [], modelVendors: [] };
+        }
     }
     /**
      * Gets vendors for a specific model from cache or loads them
      */
-    getVendorsForModel(modelId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const result = yield this.loadVendorsForModel(modelId);
-            return result.vendors;
-        });
+    async getVendorsForModel(modelId) {
+        const result = await this.loadVendorsForModel(modelId);
+        return result.vendors;
     }
     /**
      * Gets the status for a model-vendor combination
@@ -1422,7 +1376,7 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         if (!modelVendorData)
             return 'Unknown';
         const modelVendor = modelVendorData.modelVendors.find(mv => mv.VendorID === vendorId);
-        return (modelVendor === null || modelVendor === void 0 ? void 0 : modelVendor.Status) || 'Unknown';
+        return modelVendor?.Status || 'Unknown';
     }
     /**
      * Gets the color for vendor status display
@@ -1439,29 +1393,27 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     /**
      * Handles model selection change and loads vendors for that model
      */
-    onModelChange(modelId, promptModelIndex) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const promptModel = this.promptModels[promptModelIndex];
-            if (!promptModel)
-                return;
-            // Clear the vendor selection when model changes
-            promptModel.VendorID = null;
-            // Load vendors for the new model
-            if (modelId) {
-                const vendorData = yield this.loadVendorsForModel(modelId);
-                // Auto-select first vendor if available
-                if (vendorData.vendors.length > 0) {
-                    promptModel.VendorID = vendorData.vendors[0].ID;
-                }
+    async onModelChange(modelId, promptModelIndex) {
+        const promptModel = this.promptModels[promptModelIndex];
+        if (!promptModel)
+            return;
+        // Clear the vendor selection when model changes
+        promptModel.VendorID = null;
+        // Load vendors for the new model
+        if (modelId) {
+            const vendorData = await this.loadVendorsForModel(modelId);
+            // Auto-select first vendor if available
+            if (vendorData.vendors.length > 0) {
+                promptModel.VendorID = vendorData.vendors[0].ID;
             }
-        });
+        }
     }
     /**
      * Gets vendors for a specific model
      */
     getVendorsForModelSync(modelId) {
         const modelVendorData = this.modelVendorsMap.get(modelId);
-        return (modelVendorData === null || modelVendorData === void 0 ? void 0 : modelVendorData.vendors) || [];
+        return modelVendorData?.vendors || [];
     }
     /**
      * Checks if vendor dropdown should be shown (more than one vendor)
@@ -1475,87 +1427,79 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     /**
      * Loads prompt models for this AI prompt
      */
-    loadPromptModels() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID)) {
-                this.promptModels = [];
-                return;
-            }
-            this.isLoadingModels = true;
-            try {
-                const rv = new RunView();
-                const results = yield rv.RunView({
-                    EntityName: 'MJ: AI Prompt Models',
-                    ExtraFilter: `PromptID='${this.record.ID}'`,
-                    OrderBy: 'Priority ASC, __mj_CreatedAt ASC',
-                    ResultType: 'entity_object'
-                });
-                this.promptModels = results.Results;
-                // Load vendors for existing models
-                const modelIds = this.promptModels
-                    .map(pm => pm.ModelID)
-                    .filter(id => id); // Filter out null/undefined
-                yield Promise.all(modelIds.map(modelId => this.loadVendorsForModel(modelId)));
-            }
-            catch (error) {
-                console.error('Error loading prompt models:', error);
-            }
-            finally {
-                this.isLoadingModels = false;
-            }
-        });
+    async loadPromptModels() {
+        if (!this.record?.ID) {
+            this.promptModels = [];
+            return;
+        }
+        this.isLoadingModels = true;
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'MJ: AI Prompt Models',
+                ExtraFilter: `PromptID='${this.record.ID}'`,
+                OrderBy: 'Priority ASC, __mj_CreatedAt ASC',
+                ResultType: 'entity_object'
+            });
+            this.promptModels = results.Results;
+            // Load vendors for existing models
+            const modelIds = this.promptModels
+                .map(pm => pm.ModelID)
+                .filter(id => id); // Filter out null/undefined
+            await Promise.all(modelIds.map(modelId => this.loadVendorsForModel(modelId)));
+        }
+        catch (error) {
+            console.error('Error loading prompt models:', error);
+        }
+        finally {
+            this.isLoadingModels = false;
+        }
     }
     /**
      * Adds a new model to the prompt
      */
-    addNewModel() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID))
-                return;
-            try {
-                const newModel = yield this._metadata.GetEntityObject('MJ: AI Prompt Models');
-                newModel.PromptID = this.record.ID;
-                // Set priority to highest existing priority + 1
-                const maxPriority = this.promptModels.length > 0
-                    ? Math.max(...this.promptModels.map(pm => pm.Priority || 0))
-                    : 0;
-                newModel.Priority = maxPriority + 1;
-                // ModelID will be set by user
-                this.promptModels.push(newModel);
-            }
-            catch (error) {
-                console.error('Error creating new model:', error);
-                MJNotificationService.Instance.CreateSimpleNotification('Error creating new model', 'error', 5000);
-            }
-        });
+    async addNewModel() {
+        if (!this.record?.ID)
+            return;
+        try {
+            const newModel = await this._metadata.GetEntityObject('MJ: AI Prompt Models');
+            newModel.PromptID = this.record.ID;
+            // Set priority to highest existing priority + 1
+            const maxPriority = this.promptModels.length > 0
+                ? Math.max(...this.promptModels.map(pm => pm.Priority || 0))
+                : 0;
+            newModel.Priority = maxPriority + 1;
+            // ModelID will be set by user
+            this.promptModels.push(newModel);
+        }
+        catch (error) {
+            console.error('Error creating new model:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error creating new model', 'error', 5000);
+        }
     }
     /**
      * Removes a model from the prompt
      */
-    removePromptModel(index) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (index < 0 || index >= this.promptModels.length)
-                return;
-            const model = this.promptModels[index];
-            try {
-                // If it's a saved model, delete it from the database
-                if (model.IsSaved) {
-                    const deleteResult = yield model.Delete();
-                    if (!deleteResult) {
-                        throw new Error('Failed to delete model from database');
-                    }
+    async removePromptModel(index) {
+        if (index < 0 || index >= this.promptModels.length)
+            return;
+        const model = this.promptModels[index];
+        try {
+            // If it's a saved model, delete it from the database
+            if (model.IsSaved) {
+                const deleteResult = await model.Delete();
+                if (!deleteResult) {
+                    throw new Error('Failed to delete model from database');
                 }
-                // Remove from local array
-                this.promptModels.splice(index, 1);
-                MJNotificationService.Instance.CreateSimpleNotification('Model removed successfully', 'success', 3000);
-            }
-            catch (error) {
-                console.error('Error removing model:', error);
-                MJNotificationService.Instance.CreateSimpleNotification('Error removing model', 'error', 5000);
             }
-        });
+            // Remove from local array
+            this.promptModels.splice(index, 1);
+            MJNotificationService.Instance.CreateSimpleNotification('Model removed successfully', 'success', 3000);
+        }
+        catch (error) {
+            console.error('Error removing model:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error removing model', 'error', 5000);
+        }
     }
     /**
      * Gets the display name for a model ID
@@ -1587,116 +1531,107 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     /**
      * Override SaveRecord to auto-save template contents and prompt models
      */
-    SaveRecord() {
-        const _super = Object.create(null, {
-            SaveRecord: { get: () => super.SaveRecord }
-        });
-        return __awaiter(this, arguments, void 0, function* (StopEditModeAfterSave = true) {
-            try {
-                // If this is a new prompt with a new template, we need to save the template first
-                if (!this.record.IsSaved && this.template && !this.template.IsSaved) {
-                    const templateSaved = yield this.template.Save();
-                    if (!templateSaved) {
-                        MJNotificationService.Instance.CreateSimpleNotification('Failed to save template', 'error', 5000);
-                        return false;
-                    }
-                    // Set the template ID on the AI prompt before saving
-                    this.record.TemplateID = this.template.ID;
+    async SaveRecord(StopEditModeAfterSave = true) {
+        try {
+            // If this is a new prompt with a new template, we need to save the template first
+            if (!this.record.IsSaved && this.template && !this.template.IsSaved) {
+                const templateSaved = await this.template.Save();
+                if (!templateSaved) {
+                    MJNotificationService.Instance.CreateSimpleNotification('Failed to save template', 'error', 5000);
+                    return false;
                 }
-                // Save the AI prompt itself
-                const promptSaved = yield _super.SaveRecord.call(this, StopEditModeAfterSave);
-                if (promptSaved) {
-                    // Save template contents if we have a template
-                    if (this.template && this.templateEditor) {
-                        const templateContentsSaved = yield this.templateEditor.saveTemplateContents();
-                        if (!templateContentsSaved) {
-                            MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but template contents failed to save', 'warning', 5000);
-                        }
+                // Set the template ID on the AI prompt before saving
+                this.record.TemplateID = this.template.ID;
+            }
+            // Save the AI prompt itself
+            const promptSaved = await super.SaveRecord(StopEditModeAfterSave);
+            if (promptSaved) {
+                // Save template contents if we have a template
+                if (this.template && this.templateEditor) {
+                    const templateContentsSaved = await this.templateEditor.saveTemplateContents();
+                    if (!templateContentsSaved) {
+                        MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but template contents failed to save', 'warning', 5000);
                     }
-                    // Then save all prompt models
-                    return yield this.savePromptModels();
                 }
-                return false;
+                // Then save all prompt models
+                return await this.savePromptModels();
             }
-            catch (error) {
-                console.error('Error in SaveRecord:', error);
-                MJNotificationService.Instance.CreateSimpleNotification('Error saving AI prompt', 'error', 5000);
-                return false;
-            }
-        });
+            return false;
+        }
+        catch (error) {
+            console.error('Error in SaveRecord:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error saving AI prompt', 'error', 5000);
+            return false;
+        }
     }
     /**
      * Saves all prompt models (creates, updates, deletes)
      */
-    savePromptModels() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                let allSuccessful = true;
-                // Save each prompt model
-                for (const model of this.promptModels) {
-                    if (model.ModelID) { // Only save if a model is selected
-                        // Set the PromptID if it's not already set
-                        if (!model.PromptID) {
-                            model.PromptID = this.record.ID;
-                        }
-                        const saved = yield model.Save();
-                        if (!saved) {
-                            console.error('Failed to save prompt model:', model);
-                            allSuccessful = false;
-                        }
+    async savePromptModels() {
+        try {
+            let allSuccessful = true;
+            // Save each prompt model
+            for (const model of this.promptModels) {
+                if (model.ModelID) { // Only save if a model is selected
+                    // Set the PromptID if it's not already set
+                    if (!model.PromptID) {
+                        model.PromptID = this.record.ID;
+                    }
+                    const saved = await model.Save();
+                    if (!saved) {
+                        console.error('Failed to save prompt model:', model);
+                        allSuccessful = false;
                     }
                 }
-                if (allSuccessful) {
-                    // Reload the prompt models to get the updated state
-                    yield this.loadPromptModels();
-                    MJNotificationService.Instance.CreateSimpleNotification('AI prompt and models saved successfully', 'success', 4000);
-                }
-                else {
-                    MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but some models failed to save', 'warning', 5000);
-                }
-                return allSuccessful;
             }
-            catch (error) {
-                console.error('Error saving prompt models:', error);
-                MJNotificationService.Instance.CreateSimpleNotification('Error saving prompt models', 'error', 5000);
-                return false;
+            if (allSuccessful) {
+                // Reload the prompt models to get the updated state
+                await this.loadPromptModels();
+                MJNotificationService.Instance.CreateSimpleNotification('AI prompt and models saved successfully', 'success', 4000);
             }
-        });
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but some models failed to save', 'warning', 5000);
+            }
+            return allSuccessful;
+        }
+        catch (error) {
+            console.error('Error saving prompt models:', error);
+            MJNotificationService.Instance.CreateSimpleNotification('Error saving prompt models', 'error', 5000);
+            return false;
+        }
     }
     /**
      * Loads the result selector tree data (categories and prompts)
      */
-    loadResultSelectorTreeData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.isLoadingResultSelectorData = true;
-            try {
-                // Load categories and prompts
-                const [categoriesResult, promptsResult] = yield Promise.all([
-                    new RunView().RunView({
-                        EntityName: 'AI Prompt Categories',
-                        OrderBy: 'Name ASC',
-                        ResultType: 'entity_object'
-                    }),
-                    new RunView().RunView({
-                        EntityName: 'AI Prompts',
-                        ExtraFilter: 'Status=\'Active\'',
-                        OrderBy: 'Name ASC',
-                        ResultType: 'entity_object'
-                    })
-                ]);
-                const categories = categoriesResult.Results || [];
-                const prompts = promptsResult.Results || [];
-                // Build tree structure
-                this.resultSelectorTreeData = this.buildResultSelectorTree(categories, prompts);
-            }
-            catch (error) {
-                console.error('Error loading result selector tree data:', error);
-                this.resultSelectorTreeData = [];
-            }
-            finally {
-                this.isLoadingResultSelectorData = false;
-            }
-        });
+    async loadResultSelectorTreeData() {
+        this.isLoadingResultSelectorData = true;
+        try {
+            // Load categories and prompts
+            const [categoriesResult, promptsResult] = await Promise.all([
+                new RunView().RunView({
+                    EntityName: 'AI Prompt Categories',
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                }),
+                new RunView().RunView({
+                    EntityName: 'AI Prompts',
+                    ExtraFilter: 'Status=\'Active\'',
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                })
+            ]);
+            const categories = categoriesResult.Results || [];
+            const prompts = promptsResult.Results || [];
+            // Build tree structure
+            this.resultSelectorTreeData = this.buildResultSelectorTree(categories, prompts);
+        }
+        catch (error) {
+            console.error('Error loading result selector tree data:', error);
+            this.resultSelectorTreeData = [];
+        }
+        finally {
+            this.isLoadingResultSelectorData = false;
+        }
     }
     /**
      * Builds the tree structure for result selector
@@ -1835,27 +1770,27 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             model.Priority = index + 1;
         });
     }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptFormComponentExtended_BaseFactory; return function AIPromptFormComponentExtended_Factory(t) { return (ɵAIPromptFormComponentExtended_BaseFactory || (ɵAIPromptFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptFormComponentExtended)))(t || AIPromptFormComponentExtended); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptFormComponentExtended, selectors: [["mj-ai-prompt-form"]], viewQuery: function AIPromptFormComponentExtended_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 5, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [3, "isVisibleChange", "aiPrompt", "isVisible"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt"], ["themeColor", "primary", "size", "large", "title", "Prompt must be Active and have a Template to execute", 3, "disabled"], ["fillMode", "outline", "themeColor", "info", "title", "View execution history"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt", 3, "click"], [1, "fa-solid", "fa-play"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-history"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["fillMode", "outline", 3, "click"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start"], [1, "drag-handle", 2, "display", "flex", "align-items", "center", "justify-content", "center", "cursor", "move", "color", "#6c757d"], ["title", "Drag to reorder", 1, "fa-solid", "fa-grip-vertical"], [2, "font-size", "0.8em", "color", "#6c757d"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-size", "0.9em"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 65, 36, "form", 3);
+            i0.ɵɵelementStart(2, "mj-ai-prompt-execution-dialog", 4);
+            i0.ɵɵtwoWayListener("isVisibleChange", function AIPromptFormComponentExtended_Template_mj_ai_prompt_execution_dialog_isVisibleChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.showExecutionDialog, $event) || (ctx.showExecutionDialog = $event); return $event; });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.record);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("aiPrompt", ctx.record);
+            i0.ɵɵtwoWayProperty("isVisible", ctx.showExecutionDialog);
+        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.NgForm, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.TextAreaComponent, i4.TextBoxComponent, i4.NumericTextBoxComponent, i5.ItemTemplateDirective, i5.DropDownListComponent, i5.DropDownTreeComponent, i6.ButtonComponent, i7.UserViewGridComponent, i8.MJFormField, i9.FormToolbarComponent, i10.FillContainer, i11.CodeEditorComponent, i12.TemplateEditorComponent, i13.AIPromptExecutionDialogComponent, i1.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] }); }
 };
-AIPromptFormComponentExtended.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptFormComponentExtended_BaseFactory; return function AIPromptFormComponentExtended_Factory(t) { return (ɵAIPromptFormComponentExtended_BaseFactory || (ɵAIPromptFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptFormComponentExtended)))(t || AIPromptFormComponentExtended); }; })();
-AIPromptFormComponentExtended.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptFormComponentExtended, selectors: [["mj-ai-prompt-form"]], viewQuery: function AIPromptFormComponentExtended_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 5, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [3, "isVisibleChange", "aiPrompt", "isVisible"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt"], ["themeColor", "primary", "size", "large", "title", "Prompt must be Active and have a Template to execute", 3, "disabled"], ["fillMode", "outline", "themeColor", "info", "title", "View execution history"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt", 3, "click"], [1, "fa-solid", "fa-play"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-history"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["fillMode", "outline", 3, "click"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start"], [1, "drag-handle", 2, "display", "flex", "align-items", "center", "justify-content", "center", "cursor", "move", "color", "#6c757d"], ["title", "Drag to reorder", 1, "fa-solid", "fa-grip-vertical"], [2, "font-size", "0.8em", "color", "#6c757d"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-size", "0.9em"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 65, 36, "form", 3);
-        i0.ɵɵelementStart(2, "mj-ai-prompt-execution-dialog", 4);
-        i0.ɵɵtwoWayListener("isVisibleChange", function AIPromptFormComponentExtended_Template_mj_ai_prompt_execution_dialog_isVisibleChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.showExecutionDialog, $event) || (ctx.showExecutionDialog = $event); return $event; });
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", ctx.record);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("aiPrompt", ctx.record);
-        i0.ɵɵtwoWayProperty("isVisible", ctx.showExecutionDialog);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.NgForm, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.TextAreaComponent, i4.TextBoxComponent, i4.NumericTextBoxComponent, i5.ItemTemplateDirective, i5.DropDownListComponent, i5.DropDownTreeComponent, i6.ButtonComponent, i7.UserViewGridComponent, i8.MJFormField, i9.FormToolbarComponent, i10.FillContainer, i11.CodeEditorComponent, i12.TemplateEditorComponent, i13.AIPromptExecutionDialogComponent, i1.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] });
 AIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'AI Prompts')
 ], AIPromptFormComponentExtended);