@memberjunction/ng-core-entity-forms 2.57.0 → 2.59.0

package/dist/lib/custom/ai-agent-run/ai-agent-run.component.js

@@ -11,6 +11,7 @@ import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { RegisterClass } from '@memberjunction/global';
 import { SharedService } from '@memberjunction/ng-shared';
 import { AIAgentRunFormComponent } from '../../generated/Entities/AIAgentRun/aiagentrun.form.component';
+import { ParseJSONRecursive } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
@@ -318,15 +319,13 @@ function AIAgentRunFormComponentExtended_div_43_ng_template_7_Template(rf, ctx)
     i0.ɵɵtextInterpolate(ctx_r0.record.TotalCost != null ? "$" + i0.ɵɵpipeBind2(24, 13, ctx_r0.record.TotalCost, "1.2-4") : "N/A");
 } }
 function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_8_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 70)(1, "mj-code-editor", 71);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_8_ng_template_1_Template_mj_code_editor_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.record.Result, $event) || (ctx_r0.record.Result = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelement(1, "mj-code-editor", 71);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.record.Result);
-    i0.ɵɵproperty("language", "json")("readonly", true);
+    i0.ɵɵproperty("ngModel", ctx_r0.parsedResult)("language", "json")("readonly", true);
 } }
 function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-panelbar-item", 69);
@@ -334,15 +333,13 @@ function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_8_Template(r
     i0.ɵɵelementEnd();
 } }
 function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 73)(1, "mj-code-editor", 74);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_9_ng_template_1_Template_mj_code_editor_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.record.AgentState, $event) || (ctx_r0.record.AgentState = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelement(1, "mj-code-editor", 74);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.record.AgentState);
-    i0.ɵɵproperty("language", "json")("readonly", true);
+    i0.ɵɵproperty("ngModel", ctx_r0.parsedAgentState)("language", "json")("readonly", true);
 } }
 function AIAgentRunFormComponentExtended_div_43_kendo_panelbar_item_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-panelbar-item", 72);
@@ -451,7 +448,18 @@ let AIAgentRunFormComponentExtended = class AIAgentRunFormComponentExtended exte
     getSelectedItemJson() {
         if (!this.selectedTimelineItem)
             return '{}';
-        return JSON.stringify(this.selectedTimelineItem.data.GetAll(), null, 2);
+        // Get all the data from the entity
+        const data = this.selectedTimelineItem.data.GetAll();
+        // Apply recursive JSON parsing to the entire data object with inline extraction
+        // This will handle any JSON strings regardless of property names
+        // and extract embedded JSON from text strings
+        const parseOptions = {
+            extractInlineJson: true,
+            maxDepth: 100,
+            debug: false // Disable debug logging - regex issue fixed
+        };
+        const parsedData = ParseJSONRecursive(data, parseOptions);
+        return JSON.stringify(parsedData, null, 2);
     }
     getStatusIcon(status) {
         const iconMap = {
@@ -472,8 +480,46 @@ let AIAgentRunFormComponentExtended = class AIAgentRunFormComponentExtended exte
             console.error('Failed to copy to clipboard:', err);
         }
     }
+    /**
+     * Get the Result field with recursive JSON parsing applied
+     */
+    get parsedResult() {
+        if (!this.record?.Result)
+            return '';
+        try {
+            const parseOptions = {
+                extractInlineJson: true,
+                maxDepth: 100,
+                debug: false // Disable debug logging - regex issue fixed
+            };
+            const parsed = ParseJSONRecursive(this.record.Result, parseOptions);
+            return JSON.stringify(parsed, null, 2);
+        }
+        catch (e) {
+            return this.record.Result;
+        }
+    }
+    /**
+     * Get the AgentState field with recursive JSON parsing applied
+     */
+    get parsedAgentState() {
+        if (!this.record?.AgentState)
+            return '';
+        try {
+            const parseOptions = {
+                extractInlineJson: true,
+                maxDepth: 100,
+                debug: false // Disable debug logging - regex issue fixed
+            };
+            const parsed = ParseJSONRecursive(this.record.AgentState, parseOptions);
+            return JSON.stringify(parsed, null, 2);
+        }
+        catch (e) {
+            return this.record.AgentState;
+        }
+    }
     static { this.ɵfac = function AIAgentRunFormComponentExtended_Factory(t) { return new (t || AIAgentRunFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunFormComponentExtended, selectors: [["mj-ai-agent-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 44, vars: 21, consts: [[1, "record-form-container", "ai-agent-run-form"], [1, "record-form"], [1, "header"], [1, "header-content"], [1, "header-left"], [1, "icon-wrapper"], [1, "fas", "fa-robot"], [1, "header-info"], [1, "meta-info"], ["class", "agent-name", 4, "ngIf"], [1, "run-id"], ["class", "parent-run", 4, "ngIf"], [1, "header-right"], [1, "status-badge"], [1, "fas", 3, "ngClass"], [1, "header-actions"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sync-alt"], [1, "header-stats"], [1, "stat"], [1, "label"], [1, "value"], ["class", "stat", 4, "ngIf"], [1, "tabs"], [1, "tab", 3, "click"], [1, "fas", "fa-stream"], [1, "fas", "fa-info-circle"], [1, "content-area"], ["class", "tab-content", "style", "height: 100%;", 4, "ngIf"], ["class", "tab-content", 4, "ngIf"], [1, "agent-name"], [1, "parent-run"], [1, "fas", "fa-level-up-alt"], [1, "parent-link", 3, "click"], [1, "tab-content", 2, "height", "100%"], ["orientation", "horizontal", 2, "height", "100%"], [3, "min"], [3, "itemSelected", "navigateToEntity", "aiAgentRunId", "autoRefresh", "refreshInterval"], [3, "size", "min", "collapsed"], ["class", "json-detail-pane", 4, "ngIf"], [1, "json-detail-pane"], [1, "json-pane-header"], ["title", "Close", 1, "btn-icon", 3, "click"], [1, "fas", "fa-times"], [1, "json-pane-content"], [1, "json-meta"], [1, "meta-item"], [1, "status-badge", "small"], ["class", "action-link", 4, "ngIf"], [1, "json-viewer"], [1, "json-toolbar"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [2, "height", "calc(100% - 160px)", "width", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"], [1, "action-link"], [1, "btn-link", 3, "click"], [1, "fas", "fa-external-link-alt"], [1, "tab-content"], ["title", "General Information", 3, "expanded"], ["kendoPanelBarContent", ""], ["title", "Execution Status"], ["title", "Usage & Cost"], ["title", "Result", 4, "ngIf"], ["title", "Agent State", 4, "ngIf"], [1, "details-grid"], [1, "detail-item"], ["class", "detail-item full-width", 4, "ngIf"], [1, "detail-item", "full-width"], [1, "error-message"], ["title", "Result"], [1, "result-viewer"], [2, "height", "300px", "width", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"], ["title", "Agent State"], [1, "state-viewer"], [2, "height", "400px", "width", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function AIAgentRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunFormComponentExtended, selectors: [["mj-ai-agent-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 44, vars: 21, consts: [[1, "record-form-container", "ai-agent-run-form"], [1, "record-form"], [1, "header"], [1, "header-content"], [1, "header-left"], [1, "icon-wrapper"], [1, "fas", "fa-robot"], [1, "header-info"], [1, "meta-info"], ["class", "agent-name", 4, "ngIf"], [1, "run-id"], ["class", "parent-run", 4, "ngIf"], [1, "header-right"], [1, "status-badge"], [1, "fas", 3, "ngClass"], [1, "header-actions"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fas", "fa-sync-alt"], [1, "header-stats"], [1, "stat"], [1, "label"], [1, "value"], ["class", "stat", 4, "ngIf"], [1, "tabs"], [1, "tab", 3, "click"], [1, "fas", "fa-stream"], [1, "fas", "fa-info-circle"], [1, "content-area"], ["class", "tab-content", "style", "height: 100%;", 4, "ngIf"], ["class", "tab-content", 4, "ngIf"], [1, "agent-name"], [1, "parent-run"], [1, "fas", "fa-level-up-alt"], [1, "parent-link", 3, "click"], [1, "tab-content", 2, "height", "100%"], ["orientation", "horizontal", 2, "height", "100%"], [3, "min"], [3, "itemSelected", "navigateToEntity", "aiAgentRunId", "autoRefresh", "refreshInterval"], [3, "size", "min", "collapsed"], ["class", "json-detail-pane", 4, "ngIf"], [1, "json-detail-pane"], [1, "json-pane-header"], ["title", "Close", 1, "btn-icon", 3, "click"], [1, "fas", "fa-times"], [1, "json-pane-content"], [1, "json-meta"], [1, "meta-item"], [1, "status-badge", "small"], ["class", "action-link", 4, "ngIf"], [1, "json-viewer"], [1, "json-toolbar"], ["title", "Copy JSON", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [2, "height", "calc(100% - 160px)", "width", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"], [1, "action-link"], [1, "btn-link", 3, "click"], [1, "fas", "fa-external-link-alt"], [1, "tab-content"], ["title", "General Information", 3, "expanded"], ["kendoPanelBarContent", ""], ["title", "Execution Status"], ["title", "Usage & Cost"], ["title", "Result", 4, "ngIf"], ["title", "Agent State", 4, "ngIf"], [1, "details-grid"], [1, "detail-item"], ["class", "detail-item full-width", 4, "ngIf"], [1, "detail-item", "full-width"], [1, "error-message"], ["title", "Result"], [1, "result-viewer"], [2, "height", "300px", "width", "100%", 3, "ngModel", "language", "readonly"], ["title", "Agent State"], [1, "state-viewer"], [2, "height", "400px", "width", "100%", 3, "ngModel", "language", "readonly"]], template: function AIAgentRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "i", 6);
             i0.ɵɵelementEnd();
@@ -558,9 +604,9 @@ AIAgentRunFormComponentExtended = __decorate([
 export { AIAgentRunFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentRunFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-ai-agent-run-form', template: "<div class=\"record-form-container ai-agent-run-form\">\n  <div class=\"record-form\">\n    <!-- Header -->\n    <div class=\"header\">\n      <div class=\"header-content\">\n        <div class=\"header-left\">\n          <div class=\"icon-wrapper\">\n            <i class=\"fas fa-robot\"></i>\n          </div>\n          <div class=\"header-info\">\n            <h2>AI Agent Run</h2>\n            <div class=\"meta-info\">\n              <span class=\"agent-name\" *ngIf=\"agent\">{{ agent.Name }}</span>\n              <span class=\"run-id\">{{ record.ID }}</span>\n              <span class=\"parent-run\" *ngIf=\"record.ParentRunID\">\n                <i class=\"fas fa-level-up-alt\"></i>\n                <a (click)=\"navigateToParentRun()\" class=\"parent-link\">Parent Run</a>\n              </span>\n            </div>\n          </div>\n        </div>\n        <div class=\"header-right\">\n          <div class=\"status-badge\" [attr.data-status]=\"record.Status\">\n            <i class=\"fas\" [ngClass]=\"getStatusIcon(record.Status || '')\"></i>\n            {{ record.Status }}\n          </div>\n          <div class=\"header-actions\">\n            <button class=\"btn-icon\" (click)=\"refreshData()\" title=\"Refresh\">\n              <i class=\"fas fa-sync-alt\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-stats\">\n        <div class=\"stat\">\n          <span class=\"label\">Started</span>\n          <span class=\"value\">{{ record.StartedAt | date:'medium' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.CompletedAt\">\n          <span class=\"label\">Completed</span>\n          <span class=\"value\">{{ record.CompletedAt | date:'medium' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.CompletedAt\">\n          <span class=\"label\">Duration</span>\n          <span class=\"value\">{{ calculateDuration(record.StartedAt, record.CompletedAt) }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.Success !== null\">\n          <span class=\"label\">Result</span>\n          <span class=\"value\" [class.success]=\"record.Success\" [class.error]=\"!record.Success\">\n            {{ record.Success ? 'Success' : 'Failed' }}\n          </span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.TotalTokensUsed\">\n          <span class=\"label\">Tokens</span>\n          <span class=\"value\">{{ record.TotalTokensUsed | number:'1.0-0' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.TotalCost != null && record.TotalCost > 0\">\n          <span class=\"label\">Cost</span>\n          <span class=\"value\">${{ record.TotalCost | number:'1.2-4' }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tabs -->\n    <div class=\"tabs\">\n      <button class=\"tab\" [class.active]=\"activeTab === 'timeline'\" (click)=\"activeTab = 'timeline'\">\n        <i class=\"fas fa-stream\"></i> Timeline\n      </button>\n      <button class=\"tab\" [class.active]=\"activeTab === 'details'\" (click)=\"activeTab = 'details'\">\n        <i class=\"fas fa-info-circle\"></i> Details\n      </button>\n    </div>\n\n    <!-- Content -->\n    <div class=\"content-area\">\n      <!-- Timeline Tab -->\n      <div class=\"tab-content\" *ngIf=\"activeTab === 'timeline'\" style=\"height: 100%;\">\n        <kendo-splitter style=\"height: 100%;\" orientation=\"horizontal\">\n          <!-- Timeline Pane -->\n          <kendo-splitter-pane [min]=\"'400px'\">\n            <mj-ai-agent-run-timeline\n              [aiAgentRunId]=\"record.ID\"\n              [autoRefresh]=\"record.Status === 'Running'\"\n              [refreshInterval]=\"3000\"\n              (itemSelected)=\"selectTimelineItem($event)\"\n              (navigateToEntity)=\"navigateToEntityRecord($event)\">\n            </mj-ai-agent-run-timeline>\n          </kendo-splitter-pane>\n          \n          <!-- JSON Detail Pane -->\n          <kendo-splitter-pane [size]=\"'45%'\" [min]=\"'300px'\" [collapsed]=\"!selectedTimelineItem\">\n            <div class=\"json-detail-pane\" *ngIf=\"selectedTimelineItem\">\n              <div class=\"json-pane-header\">\n                <h3>\n                  <i class=\"fas\" [ngClass]=\"selectedTimelineItem.icon\"></i>\n                  {{ selectedTimelineItem.title }}\n                </h3>\n                <button class=\"btn-icon\" (click)=\"closeJsonPanel()\" title=\"Close\">\n                  <i class=\"fas fa-times\"></i>\n                </button>\n              </div>\n              <div class=\"json-pane-content\">\n                <div class=\"json-meta\">\n                  <div class=\"meta-item\">\n                    <label>Type</label>\n                    <span>{{ selectedTimelineItem.type }}</span>\n                  </div>\n                  <div class=\"meta-item\">\n                    <label>Status</label>\n                    <span class=\"status-badge small\" [attr.data-status]=\"selectedTimelineItem.status\">\n                      {{ selectedTimelineItem.status }}\n                    </span>\n                  </div>\n                  <div class=\"meta-item\">\n                    <label>Duration</label>\n                    <span>{{ selectedTimelineItem.duration || 'N/A' }}</span>\n                  </div>\n                </div>\n                \n                <!-- Action-specific link -->\n                <div class=\"action-link\" *ngIf=\"selectedTimelineItem.type === 'action' && selectedTimelineItem.data?.ID\">\n                  <button class=\"btn-link\" (click)=\"navigateToActionLog(selectedTimelineItem.data.ID)\">\n                    <i class=\"fas fa-external-link-alt\"></i> View Action Execution Log\n                  </button>\n                </div>\n                \n                <div class=\"json-viewer\">\n                  <div class=\"json-toolbar\">\n                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(getSelectedItemJson())\">\n                      <i class=\"fas fa-copy\"></i>\n                    </button>\n                  </div>\n                  <mj-code-editor\n                    [(ngModel)]=\"selectedItemJsonString\"\n                    [language]=\"'json'\"\n                    [readonly]=\"true\"\n                    style=\"height: calc(100% - 160px); width: 100%;\">\n                  </mj-code-editor>\n                </div>\n              </div>\n            </div>\n          </kendo-splitter-pane>\n        </kendo-splitter>\n      </div>\n\n      <!-- Details Tab -->\n      <div class=\"tab-content\" *ngIf=\"activeTab === 'details'\">\n        <kendo-panelbar>\n          <kendo-panelbar-item title=\"General Information\" [expanded]=\"true\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Run ID</label>\n                  <span>{{ record.ID }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Agent ID</label>\n                  <span>{{ record.AgentID }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Agent Name</label>\n                  <span>{{ agent?.Name || 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Parent Run ID</label>\n                  <span>{{ record.ParentRunID || 'None (Root)' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Conversation ID</label>\n                  <span>{{ record.ConversationID || 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>User</label>\n                  <span>{{ record.User || 'N/A' }}</span>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Execution Status\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Status</label>\n                  <span class=\"status-badge\" [attr.data-status]=\"record.Status\">\n                    {{ record.Status }}\n                  </span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Success</label>\n                  <span [class.success]=\"record.Success\" [class.error]=\"record.Success === false\">\n                    {{ record.Success === null ? 'In Progress' : (record.Success ? 'Yes' : 'No') }}\n                  </span>\n                </div>\n                <div class=\"detail-item full-width\" *ngIf=\"record.ErrorMessage\">\n                  <label>Error Message</label>\n                  <div class=\"error-message\">{{ record.ErrorMessage }}</div>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Usage & Cost\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Total Tokens Used</label>\n                  <span>{{ record.TotalTokensUsed ? (record.TotalTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Prompt Tokens</label>\n                  <span>{{ record.TotalPromptTokensUsed ? (record.TotalPromptTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Completion Tokens</label>\n                  <span>{{ record.TotalCompletionTokensUsed ? (record.TotalCompletionTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Total Cost</label>\n                  <span>{{ record.TotalCost != null ? ('$' + (record.TotalCost | number:'1.2-4')) : 'N/A' }}</span>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Result\" *ngIf=\"record.Result\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"result-viewer\">\n                <mj-code-editor\n                  [(ngModel)]=\"record.Result\"\n                  [language]=\"'json'\"\n                  [readonly]=\"true\"\n                  style=\"height: 300px; width: 100%;\">\n                </mj-code-editor>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Agent State\" *ngIf=\"record.AgentState\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"state-viewer\">\n                <mj-code-editor\n                  [(ngModel)]=\"record.AgentState\"\n                  [language]=\"'json'\"\n                  [readonly]=\"true\"\n                  style=\"height: 400px; width: 100%;\">\n                </mj-code-editor>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n        </kendo-panelbar>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".ai-agent-run-form {\n  height: 100%;\n  overflow: auto;\n}\n\n/* Header Styles */\n.header {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  padding: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.icon-wrapper {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n}\n\n.header-info h2 {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.meta-info {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.parent-run {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.parent-link {\n  color: #ff6358;\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.2s;\n}\n\n.parent-link:hover {\n  color: #ff4444;\n  text-decoration: underline;\n}\n\n.agent-name {\n  font-weight: 500;\n  color: #495057;\n}\n\n.run-id {\n  font-family: monospace;\n  font-size: 12px;\n  opacity: 0.7;\n}\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.status-badge {\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.status-badge[data-status=\"Running\"] {\n  background: #e3f2fd;\n  color: #1976d2;\n}\n\n.status-badge[data-status=\"Completed\"] {\n  background: #d4edda;\n  color: #155724;\n}\n\n.status-badge[data-status=\"Failed\"] {\n  background: #f8d7da;\n  color: #721c24;\n}\n\n.status-badge[data-status=\"Cancelled\"] {\n  background: #fff3cd;\n  color: #856404;\n}\n\n.status-badge[data-status=\"Paused\"] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.status-badge.small {\n  padding: 4px 12px;\n  font-size: 11px;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n}\n\n.btn-icon:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n.header-stats {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid #e9ecef;\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat .label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat .value {\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n}\n\n.stat .value.success {\n  color: #28a745;\n}\n\n.stat .value.error {\n  color: #dc3545;\n}\n\n/* Tabs */\n.tabs {\n  display: flex;\n  border-bottom: 1px solid #dee2e6;\n  background: #f8f9fa;\n}\n\n.tab {\n  padding: 12px 24px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  color: #6c757d;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.2s ease;\n  border-bottom: 3px solid transparent;\n}\n\n.tab:hover {\n  color: #495057;\n  background: rgba(0,0,0,0.02);\n}\n\n.tab.active {\n  color: #2196f3;\n  border-bottom-color: #2196f3;\n  background: white;\n}\n\n/* Content Area */\n.content-area {\n  position: relative;\n  height: calc(100vh - 280px);\n  overflow: auto;\n  background: white;\n}\n\n.tab-content {\n  height: 100%;\n  overflow: auto;\n}\n\n/* Details tab specific */\n.tab-content[ng-reflect-ng-if=\"true\"] > kendo-panelbar {\n  height: 100%;\n  overflow-y: auto;\n}\n\n/* JSON Detail Pane */\n.json-detail-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: #f8f9fa;\n  border-left: 1px solid #e0e6ed;\n}\n\n.json-pane-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.json-pane-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.json-pane-header h3 i {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.json-pane-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  padding: 16px;\n}\n\n.json-meta {\n  display: flex;\n  gap: 20px;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.json-meta .meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.json-meta .meta-item label {\n  font-size: 11px;\n  text-transform: uppercase;\n  color: #6b7280;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n\n.json-meta .meta-item span {\n  font-size: 14px;\n  color: #2c3e50;\n  font-weight: 500;\n}\n\n.action-link {\n  margin-bottom: 12px;\n}\n\n.action-link .btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 6px 12px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-link .btn-link:hover {\n  background: rgba(33, 150, 243, 0.08);\n  color: #1976d2;\n}\n\n.json-viewer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e0e6ed;\n  overflow: auto;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  padding: 8px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e6ed;\n}\n\n/* Timeline Styles */\n.timeline-container {\n  height: 100%;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.timeline-container > .timeline {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.timeline {\n  position: relative;\n  padding-left: 40px;\n}\n\n.timeline::before {\n  content: '';\n  position: absolute;\n  left: 20px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: #e9ecef;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 24px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.timeline-item:hover {\n  transform: translateX(4px);\n}\n\n.timeline-item.selected {\n  transform: translateX(8px);\n}\n\n.timeline-item.selected .timeline-content {\n  background: #f0f7ff;\n  border-color: #2196f3;\n}\n\n.timeline-marker {\n  position: absolute;\n  left: -30px;\n  top: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: white;\n  border: 3px solid #e9ecef;\n  z-index: 1;\n  transition: all 0.2s ease;\n}\n\n.timeline-marker[data-color=\"success\"] {\n  border-color: #28a745;\n  color: #28a745;\n}\n\n.timeline-marker[data-color=\"error\"] {\n  border-color: #dc3545;\n  color: #dc3545;\n}\n\n.timeline-marker[data-color=\"info\"] {\n  border-color: #17a2b8;\n  color: #17a2b8;\n}\n\n.timeline-marker[data-color=\"warning\"] {\n  border-color: #ffc107;\n  color: #ffc107;\n}\n\n.timeline-marker[data-color=\"secondary\"] {\n  border-color: #6c757d;\n  color: #6c757d;\n}\n\n.timeline-marker.small {\n  width: 28px;\n  height: 28px;\n  font-size: 12px;\n}\n\n.timeline-content {\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin-left: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n  transition: all 0.2s ease;\n}\n\n.timeline-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.timeline-header h4 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.timeline-header h5 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.timeline-time {\n  font-size: 12px;\n  color: #6c757d;\n  font-family: monospace;\n}\n\n.timeline-subtitle {\n  font-size: 13px;\n  color: #6c757d;\n  margin-bottom: 8px;\n}\n\n.timeline-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.timeline-meta .status {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.timeline-meta .status[data-status=\"Completed\"] {\n  background: #d4edda;\n  color: #155724;\n}\n\n.timeline-meta .status[data-status=\"Failed\"] {\n  background: #f8d7da;\n  color: #721c24;\n}\n\n.timeline-meta .status[data-status=\"Running\"] {\n  background: #cce5ff;\n  color: #004085;\n}\n\n.timeline-meta .status[data-status=\"Paused\"] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.timeline-actions {\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  cursor: pointer;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n\n.btn-link:hover {\n  background: rgba(33, 150, 243, 0.1);\n}\n\n.btn-expand {\n  width: 24px;\n  height: 24px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 12px;\n}\n\n.btn-expand:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n/* Timeline Children */\n.timeline-children {\n  position: relative;\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n.timeline-children::before {\n  content: '';\n  position: absolute;\n  left: -10px;\n  top: -12px;\n  bottom: 0;\n  width: 2px;\n  background: #e9ecef;\n}\n\n.child-item {\n  margin-bottom: 12px;\n}\n\n.child-item .timeline-content {\n  background: #f8f9fa;\n  border-color: #e0e6ed;\n}\n\n/* Sub-run timeline styles */\n.sub-run-timeline {\n  background: rgba(33, 150, 243, 0.02);\n  border-left: 2px solid rgba(33, 150, 243, 0.2);\n  margin-left: 20px;\n  padding-left: 20px;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n\n.sub-run-item .timeline-marker {\n  border-width: 2px;\n}\n\n.sub-run-item .timeline-content {\n  transition: all 0.2s ease;\n}\n\n/* JSON Detail Pane (in splitter) */\n.json-detail-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-left: 1px solid #e0e6ed;\n}\n\n.json-pane-header {\n  padding: 16px 20px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.json-pane-header h3 {\n  margin: 0;\n  font-size: 16px;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 600;\n}\n\n.json-pane-content {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.json-meta {\n  padding: 16px 20px;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.json-meta .meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.json-meta label {\n  font-size: 11px;\n  color: #7c8798;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.json-meta span {\n  font-size: 14px;\n  color: #2c3e50;\n  font-weight: 500;\n}\n\n.action-link {\n  padding: 12px 20px;\n  border-bottom: 1px solid #e0e6ed;\n  flex-shrink: 0;\n}\n\n.action-link .btn-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 14px;\n  padding: 8px 12px;\n  background: #f0f7ff;\n  border: 1px solid #d0e5ff;\n  border-radius: 4px;\n  transition: all 0.2s;\n  cursor: pointer;\n}\n\n.action-link .btn-link:hover {\n  background: #e1f0ff;\n  border-color: #b0d5ff;\n  text-decoration: none;\n}\n\n.json-viewer {\n  flex: 1;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-height: 0;\n  overflow: auto;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n/* Details Tab */\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  padding: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.detail-item.full-width {\n  grid-column: 1 / -1;\n}\n\n.detail-item label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.detail-item span {\n  font-size: 14px;\n  color: #495057;\n}\n\n.error-message {\n  background: #f8d7da;\n  color: #721c24;\n  padding: 12px;\n  border-radius: 8px;\n  font-size: 13px;\n}\n\n.result-viewer,\n.state-viewer {\n  padding: 20px;\n  max-height: 450px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.result-viewer mj-code-editor,\n.state-viewer mj-code-editor {\n  flex: 1;\n  min-height: 0;\n}\n\n/* Empty States */\n.empty-state,\n.loading-state,\n.error-state {\n  text-align: center;\n  padding: 60px 20px;\n  color: #6c757d;\n}\n\n.empty-state i,\n.loading-state i,\n.error-state i {\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .header-stats {\n    flex-wrap: wrap;\n  }\n  \n  .json-detail-pane {\n    width: 100%;\n  }\n  \n  .timeline {\n    padding-left: 30px;\n  }\n  \n  .timeline-marker {\n    left: -25px;\n    width: 32px;\n    height: 32px;\n  }\n  \n  .timeline-content {\n    margin-left: 10px;\n  }\n}"] }]
+        args: [{ selector: 'mj-ai-agent-run-form', template: "<div class=\"record-form-container ai-agent-run-form\">\n  <div class=\"record-form\">\n    <!-- Header -->\n    <div class=\"header\">\n      <div class=\"header-content\">\n        <div class=\"header-left\">\n          <div class=\"icon-wrapper\">\n            <i class=\"fas fa-robot\"></i>\n          </div>\n          <div class=\"header-info\">\n            <h2>AI Agent Run</h2>\n            <div class=\"meta-info\">\n              <span class=\"agent-name\" *ngIf=\"agent\">{{ agent.Name }}</span>\n              <span class=\"run-id\">{{ record.ID }}</span>\n              <span class=\"parent-run\" *ngIf=\"record.ParentRunID\">\n                <i class=\"fas fa-level-up-alt\"></i>\n                <a (click)=\"navigateToParentRun()\" class=\"parent-link\">Parent Run</a>\n              </span>\n            </div>\n          </div>\n        </div>\n        <div class=\"header-right\">\n          <div class=\"status-badge\" [attr.data-status]=\"record.Status\">\n            <i class=\"fas\" [ngClass]=\"getStatusIcon(record.Status || '')\"></i>\n            {{ record.Status }}\n          </div>\n          <div class=\"header-actions\">\n            <button class=\"btn-icon\" (click)=\"refreshData()\" title=\"Refresh\">\n              <i class=\"fas fa-sync-alt\"></i>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-stats\">\n        <div class=\"stat\">\n          <span class=\"label\">Started</span>\n          <span class=\"value\">{{ record.StartedAt | date:'medium' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.CompletedAt\">\n          <span class=\"label\">Completed</span>\n          <span class=\"value\">{{ record.CompletedAt | date:'medium' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.CompletedAt\">\n          <span class=\"label\">Duration</span>\n          <span class=\"value\">{{ calculateDuration(record.StartedAt, record.CompletedAt) }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.Success !== null\">\n          <span class=\"label\">Result</span>\n          <span class=\"value\" [class.success]=\"record.Success\" [class.error]=\"!record.Success\">\n            {{ record.Success ? 'Success' : 'Failed' }}\n          </span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.TotalTokensUsed\">\n          <span class=\"label\">Tokens</span>\n          <span class=\"value\">{{ record.TotalTokensUsed | number:'1.0-0' }}</span>\n        </div>\n        <div class=\"stat\" *ngIf=\"record.TotalCost != null && record.TotalCost > 0\">\n          <span class=\"label\">Cost</span>\n          <span class=\"value\">${{ record.TotalCost | number:'1.2-4' }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tabs -->\n    <div class=\"tabs\">\n      <button class=\"tab\" [class.active]=\"activeTab === 'timeline'\" (click)=\"activeTab = 'timeline'\">\n        <i class=\"fas fa-stream\"></i> Timeline\n      </button>\n      <button class=\"tab\" [class.active]=\"activeTab === 'details'\" (click)=\"activeTab = 'details'\">\n        <i class=\"fas fa-info-circle\"></i> Details\n      </button>\n    </div>\n\n    <!-- Content -->\n    <div class=\"content-area\">\n      <!-- Timeline Tab -->\n      <div class=\"tab-content\" *ngIf=\"activeTab === 'timeline'\" style=\"height: 100%;\">\n        <kendo-splitter style=\"height: 100%;\" orientation=\"horizontal\">\n          <!-- Timeline Pane -->\n          <kendo-splitter-pane [min]=\"'400px'\">\n            <mj-ai-agent-run-timeline\n              [aiAgentRunId]=\"record.ID\"\n              [autoRefresh]=\"record.Status === 'Running'\"\n              [refreshInterval]=\"3000\"\n              (itemSelected)=\"selectTimelineItem($event)\"\n              (navigateToEntity)=\"navigateToEntityRecord($event)\">\n            </mj-ai-agent-run-timeline>\n          </kendo-splitter-pane>\n          \n          <!-- JSON Detail Pane -->\n          <kendo-splitter-pane [size]=\"'45%'\" [min]=\"'300px'\" [collapsed]=\"!selectedTimelineItem\">\n            <div class=\"json-detail-pane\" *ngIf=\"selectedTimelineItem\">\n              <div class=\"json-pane-header\">\n                <h3>\n                  <i class=\"fas\" [ngClass]=\"selectedTimelineItem.icon\"></i>\n                  {{ selectedTimelineItem.title }}\n                </h3>\n                <button class=\"btn-icon\" (click)=\"closeJsonPanel()\" title=\"Close\">\n                  <i class=\"fas fa-times\"></i>\n                </button>\n              </div>\n              <div class=\"json-pane-content\">\n                <div class=\"json-meta\">\n                  <div class=\"meta-item\">\n                    <label>Type</label>\n                    <span>{{ selectedTimelineItem.type }}</span>\n                  </div>\n                  <div class=\"meta-item\">\n                    <label>Status</label>\n                    <span class=\"status-badge small\" [attr.data-status]=\"selectedTimelineItem.status\">\n                      {{ selectedTimelineItem.status }}\n                    </span>\n                  </div>\n                  <div class=\"meta-item\">\n                    <label>Duration</label>\n                    <span>{{ selectedTimelineItem.duration || 'N/A' }}</span>\n                  </div>\n                </div>\n                \n                <!-- Action-specific link -->\n                <div class=\"action-link\" *ngIf=\"selectedTimelineItem.type === 'action' && selectedTimelineItem.data?.ID\">\n                  <button class=\"btn-link\" (click)=\"navigateToActionLog(selectedTimelineItem.data.ID)\">\n                    <i class=\"fas fa-external-link-alt\"></i> View Action Execution Log\n                  </button>\n                </div>\n                \n                <div class=\"json-viewer\">\n                  <div class=\"json-toolbar\">\n                    <button class=\"btn-icon\" title=\"Copy JSON\" (click)=\"copyToClipboard(getSelectedItemJson())\">\n                      <i class=\"fas fa-copy\"></i>\n                    </button>\n                  </div>\n                  <mj-code-editor\n                    [(ngModel)]=\"selectedItemJsonString\"\n                    [language]=\"'json'\"\n                    [readonly]=\"true\"\n                    style=\"height: calc(100% - 160px); width: 100%;\">\n                  </mj-code-editor>\n                </div>\n              </div>\n            </div>\n          </kendo-splitter-pane>\n        </kendo-splitter>\n      </div>\n\n      <!-- Details Tab -->\n      <div class=\"tab-content\" *ngIf=\"activeTab === 'details'\">\n        <kendo-panelbar>\n          <kendo-panelbar-item title=\"General Information\" [expanded]=\"true\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Run ID</label>\n                  <span>{{ record.ID }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Agent ID</label>\n                  <span>{{ record.AgentID }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Agent Name</label>\n                  <span>{{ agent?.Name || 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Parent Run ID</label>\n                  <span>{{ record.ParentRunID || 'None (Root)' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Conversation ID</label>\n                  <span>{{ record.ConversationID || 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>User</label>\n                  <span>{{ record.User || 'N/A' }}</span>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Execution Status\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Status</label>\n                  <span class=\"status-badge\" [attr.data-status]=\"record.Status\">\n                    {{ record.Status }}\n                  </span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Success</label>\n                  <span [class.success]=\"record.Success\" [class.error]=\"record.Success === false\">\n                    {{ record.Success === null ? 'In Progress' : (record.Success ? 'Yes' : 'No') }}\n                  </span>\n                </div>\n                <div class=\"detail-item full-width\" *ngIf=\"record.ErrorMessage\">\n                  <label>Error Message</label>\n                  <div class=\"error-message\">{{ record.ErrorMessage }}</div>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Usage & Cost\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"details-grid\">\n                <div class=\"detail-item\">\n                  <label>Total Tokens Used</label>\n                  <span>{{ record.TotalTokensUsed ? (record.TotalTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Prompt Tokens</label>\n                  <span>{{ record.TotalPromptTokensUsed ? (record.TotalPromptTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Completion Tokens</label>\n                  <span>{{ record.TotalCompletionTokensUsed ? (record.TotalCompletionTokensUsed | number:'1.0-0') : 'N/A' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <label>Total Cost</label>\n                  <span>{{ record.TotalCost != null ? ('$' + (record.TotalCost | number:'1.2-4')) : 'N/A' }}</span>\n                </div>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Result\" *ngIf=\"record.Result\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"result-viewer\">\n                <mj-code-editor\n                  [ngModel]=\"parsedResult\"\n                  [language]=\"'json'\"\n                  [readonly]=\"true\"\n                  style=\"height: 300px; width: 100%;\">\n                </mj-code-editor>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n          \n          <kendo-panelbar-item title=\"Agent State\" *ngIf=\"record.AgentState\">\n            <ng-template kendoPanelBarContent>\n              <div class=\"state-viewer\">\n                <mj-code-editor\n                  [ngModel]=\"parsedAgentState\"\n                  [language]=\"'json'\"\n                  [readonly]=\"true\"\n                  style=\"height: 400px; width: 100%;\">\n                </mj-code-editor>\n              </div>\n            </ng-template>\n          </kendo-panelbar-item>\n        </kendo-panelbar>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".ai-agent-run-form {\n  height: 100%;\n  overflow: auto;\n}\n\n/* Header Styles */\n.header {\n  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n  border-bottom: 1px solid #e0e6ed;\n  padding: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 16px;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.icon-wrapper {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n}\n\n.header-info h2 {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.meta-info {\n  display: flex;\n  gap: 12px;\n  margin-top: 4px;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n.parent-run {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.parent-link {\n  color: #ff6358;\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.2s;\n}\n\n.parent-link:hover {\n  color: #ff4444;\n  text-decoration: underline;\n}\n\n.agent-name {\n  font-weight: 500;\n  color: #495057;\n}\n\n.run-id {\n  font-family: monospace;\n  font-size: 12px;\n  opacity: 0.7;\n}\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.status-badge {\n  padding: 6px 16px;\n  border-radius: 20px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.status-badge[data-status=\"Running\"] {\n  background: #e3f2fd;\n  color: #1976d2;\n}\n\n.status-badge[data-status=\"Completed\"] {\n  background: #d4edda;\n  color: #155724;\n}\n\n.status-badge[data-status=\"Failed\"] {\n  background: #f8d7da;\n  color: #721c24;\n}\n\n.status-badge[data-status=\"Cancelled\"] {\n  background: #fff3cd;\n  color: #856404;\n}\n\n.status-badge[data-status=\"Paused\"] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.status-badge.small {\n  padding: 4px 12px;\n  font-size: 11px;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.btn-icon {\n  width: 36px;\n  height: 36px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n}\n\n.btn-icon:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n.header-stats {\n  display: flex;\n  gap: 24px;\n  padding-top: 12px;\n  border-top: 1px solid #e9ecef;\n}\n\n.stat {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat .label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat .value {\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n}\n\n.stat .value.success {\n  color: #28a745;\n}\n\n.stat .value.error {\n  color: #dc3545;\n}\n\n/* Tabs */\n.tabs {\n  display: flex;\n  border-bottom: 1px solid #dee2e6;\n  background: #f8f9fa;\n}\n\n.tab {\n  padding: 12px 24px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  color: #6c757d;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  transition: all 0.2s ease;\n  border-bottom: 3px solid transparent;\n}\n\n.tab:hover {\n  color: #495057;\n  background: rgba(0,0,0,0.02);\n}\n\n.tab.active {\n  color: #2196f3;\n  border-bottom-color: #2196f3;\n  background: white;\n}\n\n/* Content Area */\n.content-area {\n  position: relative;\n  height: calc(100vh - 280px);\n  overflow: auto;\n  background: white;\n}\n\n.tab-content {\n  height: 100%;\n  overflow: auto;\n}\n\n/* Details tab specific */\n.tab-content[ng-reflect-ng-if=\"true\"] > kendo-panelbar {\n  height: 100%;\n  overflow-y: auto;\n}\n\n/* JSON Detail Pane */\n.json-detail-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: #f8f9fa;\n  border-left: 1px solid #e0e6ed;\n}\n\n.json-pane-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  background: white;\n  border-bottom: 1px solid #e0e6ed;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n}\n\n.json-pane-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.json-pane-header h3 i {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.json-pane-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  padding: 16px;\n}\n\n.json-meta {\n  display: flex;\n  gap: 20px;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.json-meta .meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.json-meta .meta-item label {\n  font-size: 11px;\n  text-transform: uppercase;\n  color: #6b7280;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n\n.json-meta .meta-item span {\n  font-size: 14px;\n  color: #2c3e50;\n  font-weight: 500;\n}\n\n.action-link {\n  margin-bottom: 12px;\n}\n\n.action-link .btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 6px 12px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-link .btn-link:hover {\n  background: rgba(33, 150, 243, 0.08);\n  color: #1976d2;\n}\n\n.json-viewer {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e0e6ed;\n  overflow: auto;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  padding: 8px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e6ed;\n}\n\n/* Timeline Styles */\n.timeline-container {\n  height: 100%;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.timeline-container > .timeline {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.timeline {\n  position: relative;\n  padding-left: 40px;\n}\n\n.timeline::before {\n  content: '';\n  position: absolute;\n  left: 20px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: #e9ecef;\n}\n\n.timeline-item {\n  position: relative;\n  margin-bottom: 24px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.timeline-item:hover {\n  transform: translateX(4px);\n}\n\n.timeline-item.selected {\n  transform: translateX(8px);\n}\n\n.timeline-item.selected .timeline-content {\n  background: #f0f7ff;\n  border-color: #2196f3;\n}\n\n.timeline-marker {\n  position: absolute;\n  left: -30px;\n  top: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: white;\n  border: 3px solid #e9ecef;\n  z-index: 1;\n  transition: all 0.2s ease;\n}\n\n.timeline-marker[data-color=\"success\"] {\n  border-color: #28a745;\n  color: #28a745;\n}\n\n.timeline-marker[data-color=\"error\"] {\n  border-color: #dc3545;\n  color: #dc3545;\n}\n\n.timeline-marker[data-color=\"info\"] {\n  border-color: #17a2b8;\n  color: #17a2b8;\n}\n\n.timeline-marker[data-color=\"warning\"] {\n  border-color: #ffc107;\n  color: #ffc107;\n}\n\n.timeline-marker[data-color=\"secondary\"] {\n  border-color: #6c757d;\n  color: #6c757d;\n}\n\n.timeline-marker.small {\n  width: 28px;\n  height: 28px;\n  font-size: 12px;\n}\n\n.timeline-content {\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin-left: 20px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.04);\n  transition: all 0.2s ease;\n}\n\n.timeline-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.timeline-header h4 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.timeline-header h5 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.timeline-time {\n  font-size: 12px;\n  color: #6c757d;\n  font-family: monospace;\n}\n\n.timeline-subtitle {\n  font-size: 13px;\n  color: #6c757d;\n  margin-bottom: 8px;\n}\n\n.timeline-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.timeline-meta .status {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.timeline-meta .status[data-status=\"Completed\"] {\n  background: #d4edda;\n  color: #155724;\n}\n\n.timeline-meta .status[data-status=\"Failed\"] {\n  background: #f8d7da;\n  color: #721c24;\n}\n\n.timeline-meta .status[data-status=\"Running\"] {\n  background: #cce5ff;\n  color: #004085;\n}\n\n.timeline-meta .status[data-status=\"Paused\"] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.timeline-actions {\n  position: absolute;\n  right: 20px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  cursor: pointer;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n\n.btn-link:hover {\n  background: rgba(33, 150, 243, 0.1);\n}\n\n.btn-expand {\n  width: 24px;\n  height: 24px;\n  border: 1px solid #dee2e6;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  color: #6c757d;\n  font-size: 12px;\n}\n\n.btn-expand:hover {\n  background: #f8f9fa;\n  border-color: #adb5bd;\n  color: #495057;\n}\n\n/* Timeline Children */\n.timeline-children {\n  position: relative;\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n.timeline-children::before {\n  content: '';\n  position: absolute;\n  left: -10px;\n  top: -12px;\n  bottom: 0;\n  width: 2px;\n  background: #e9ecef;\n}\n\n.child-item {\n  margin-bottom: 12px;\n}\n\n.child-item .timeline-content {\n  background: #f8f9fa;\n  border-color: #e0e6ed;\n}\n\n/* Sub-run timeline styles */\n.sub-run-timeline {\n  background: rgba(33, 150, 243, 0.02);\n  border-left: 2px solid rgba(33, 150, 243, 0.2);\n  margin-left: 20px;\n  padding-left: 20px;\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n\n.sub-run-item .timeline-marker {\n  border-width: 2px;\n}\n\n.sub-run-item .timeline-content {\n  transition: all 0.2s ease;\n}\n\n/* JSON Detail Pane (in splitter) */\n.json-detail-pane {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-left: 1px solid #e0e6ed;\n}\n\n.json-pane-header {\n  padding: 16px 20px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.json-pane-header h3 {\n  margin: 0;\n  font-size: 16px;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-weight: 600;\n}\n\n.json-pane-content {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.json-meta {\n  padding: 16px 20px;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  gap: 20px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.json-meta .meta-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.json-meta label {\n  font-size: 11px;\n  color: #7c8798;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.json-meta span {\n  font-size: 14px;\n  color: #2c3e50;\n  font-weight: 500;\n}\n\n.action-link {\n  padding: 12px 20px;\n  border-bottom: 1px solid #e0e6ed;\n  flex-shrink: 0;\n}\n\n.action-link .btn-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 14px;\n  padding: 8px 12px;\n  background: #f0f7ff;\n  border: 1px solid #d0e5ff;\n  border-radius: 4px;\n  transition: all 0.2s;\n  cursor: pointer;\n}\n\n.action-link .btn-link:hover {\n  background: #e1f0ff;\n  border-color: #b0d5ff;\n  text-decoration: none;\n}\n\n.json-viewer {\n  flex: 1;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-height: 0;\n  overflow: auto;\n}\n\n.json-toolbar {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n/* Details Tab */\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  padding: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.detail-item.full-width {\n  grid-column: 1 / -1;\n}\n\n.detail-item label {\n  font-size: 12px;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.detail-item span {\n  font-size: 14px;\n  color: #495057;\n}\n\n.error-message {\n  background: #f8d7da;\n  color: #721c24;\n  padding: 12px;\n  border-radius: 8px;\n  font-size: 13px;\n}\n\n.result-viewer,\n.state-viewer {\n  padding: 20px;\n  max-height: 450px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.result-viewer mj-code-editor,\n.state-viewer mj-code-editor {\n  flex: 1;\n  min-height: 0;\n}\n\n/* Empty States */\n.empty-state,\n.loading-state,\n.error-state {\n  text-align: center;\n  padding: 60px 20px;\n  color: #6c757d;\n}\n\n.empty-state i,\n.loading-state i,\n.error-state i {\n  opacity: 0.3;\n  margin-bottom: 16px;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n  \n  .header-stats {\n    flex-wrap: wrap;\n  }\n  \n  .json-detail-pane {\n    width: 100%;\n  }\n  \n  .timeline {\n    padding-left: 30px;\n  }\n  \n  .timeline-marker {\n    left: -25px;\n    width: 32px;\n    height: 32px;\n  }\n  \n  .timeline-content {\n    margin-left: 10px;\n  }\n}"] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunFormComponentExtended, { className: "AIAgentRunFormComponentExtended", filePath: "src/lib/custom/ai-agent-run/ai-agent-run.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunFormComponentExtended, { className: "AIAgentRunFormComponentExtended", filePath: "src/lib/custom/ai-agent-run/ai-agent-run.component.ts", lineNumber: 20 }); })();
 // Loader function for AIAgentRunFormComponent
 export function LoadAIAgentRunFormComponent() {
     // This function is called to ensure the form is loaded

package/dist/lib/custom/ai-agent-run/ai-agent-run.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-run.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent-run.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run.component.html"],"names":[],"mappings":"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"}

package/dist/lib/shared/components/template-editor.component.d.ts

@@ -1,7 +1,9 @@
 import { EventEmitter, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { TemplateEntity, TemplateContentEntity } from '@memberjunction/core-entities';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { LanguageDescription } from '@codemirror/language';
 import { CodeEditorComponent } from '@memberjunction/ng-code-editor';
+import { SystemPlaceholder, SystemPlaceholderCategory } from '@memberjunction/ai-core-plus';
 import * as i0 from "@angular/core";
 export interface TemplateEditorConfig {
     allowEdit?: boolean;
@@ -9,6 +11,7 @@ export interface TemplateEditorConfig {
     compactMode?: boolean;
 }
 export declare class TemplateEditorComponent implements OnInit, OnDestroy, AfterViewInit {
+    private notificationService;
     template: TemplateEntity | null;
     config: TemplateEditorConfig;
     contentChange: EventEmitter<TemplateContentEntity[]>;
@@ -24,11 +27,23 @@ export declare class TemplateEditorComponent implements OnInit, OnDestroy, After
     }>;
     supportedLanguages: LanguageDescription[];
     isRunningTemplate: boolean;
+    activeHelpTab: 'syntax' | 'placeholders';
+    activePlaceholderCategory: string;
+    placeholderCategories: Array<{
+        category: SystemPlaceholderCategory;
+        placeholders: SystemPlaceholder[];
+    }>;
     codeEditor: CodeEditorComponent | null;
     private isUpdatingEditorValue;
     private destroy$;
     private _metadata;
+    constructor(notificationService: MJNotificationService);
     ngOnInit(): Promise<void>;
+    private organizePlaceholdersByCategory;
+    /**
+     * Copies a placeholder to the clipboard
+     */
+    copyPlaceholder(placeholderName: string): Promise<void>;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     loadTemplateContents(): Promise<void>;

package/dist/lib/shared/components/template-editor.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-editor.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/shared/components/template-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAa,aAAa,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAItF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;;AAGrE,MAAM,WAAW,oBAAoB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAKa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IACnE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAQ;IACvC,MAAM,EAAE,oBAAoB,CAInC;IAEQ,aAAa,wCAA+C;IAC5D,WAAW,+BAAsC;IAEpD,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,oBAAoB,EAAE,MAAM,CAAK;IACjC,kBAAkB,EAAE,OAAO,CAAS;IACpC,kBAAkB,EAAE,qBAAqB,GAAG,IAAI,CAAQ;IACxD,iBAAiB,EAAE,OAAO,CAAS;IACnC,kBAAkB,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAAM;IAC9D,kBAAkB,EAAE,mBAAmB,EAAE,CAAa;IACtD,iBAAiB,UAAS;IAER,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IACvE,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,SAAS,CAAkB;IAE7B,QAAQ;IAOd,WAAW;IAKX,eAAe;IAKT,oBAAoB;IAgCpB,4BAA4B;IAmBlC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,GAAE,OAAc;IAkBlE,gBAAgB;IAuBV,qBAAqB;IAwBrB,qBAAqB,CAAC,KAAK,EAAE,MAAM;IA6CzC,IAAI,sBAAsB,IAAI,qBAAqB,GAAG,IAAI,CAKzD;IAED,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,mBAAmB;IAKnB,eAAe;IAIf;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAKhC,oBAAoB,CAAC,KAAK,EAAE,GAAG;IAc/B;;OAEG;IACH,OAAO,CAAC,eAAe;IAmBjB,oBAAoB,IAAI,OAAO,CAAC,OAAO,CAAC;IA2B9C,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMjD,iBAAiB,IAAI,MAAM;IAgC3B;;OAEG;IACG,aAAa;IAyBnB,+BAA+B,IAAI,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;yCAxW9D,uBAAuB;2CAAvB,uBAAuB;CA4WnC"}
+{"version":3,"file":"template-editor.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/shared/components/template-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAa,aAAa,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAA+B,iBAAiB,EAAiC,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;;AAExJ,MAAM,WAAW,oBAAoB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAKa,uBAAwB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IAiChE,OAAO,CAAC,mBAAmB;IAhC9B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAQ;IACvC,MAAM,EAAE,oBAAoB,CAInC;IAEQ,aAAa,wCAA+C;IAC5D,WAAW,+BAAsC;IAEpD,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,oBAAoB,EAAE,MAAM,CAAK;IACjC,kBAAkB,EAAE,OAAO,CAAS;IACpC,kBAAkB,EAAE,qBAAqB,GAAG,IAAI,CAAQ;IACxD,iBAAiB,EAAE,OAAO,CAAS;IACnC,kBAAkB,EAAE,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAAM;IAC9D,kBAAkB,EAAE,mBAAmB,EAAE,CAAa;IACtD,iBAAiB,UAAS;IAC1B,aAAa,EAAE,QAAQ,GAAG,cAAc,CAAY;IACpD,yBAAyB,EAAE,MAAM,CAAM;IAGvC,qBAAqB,EAAE,KAAK,CAAC;QAChC,QAAQ,EAAE,yBAAyB,CAAC;QACpC,YAAY,EAAE,iBAAiB,EAAE,CAAC;KACrC,CAAC,CAAM;IAEiB,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IACvE,OAAO,CAAC,qBAAqB,CAAS;IACtC,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,SAAS,CAAkB;gBAEf,mBAAmB,EAAE,qBAAqB;IAExD,QAAQ;IAQd,OAAO,CAAC,8BAA8B;IAkCtC;;OAEG;IACU,eAAe,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUpE,WAAW;IAKX,eAAe;IAKT,oBAAoB;IAgCpB,4BAA4B;IAmBlC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,GAAE,OAAc;IAkBlE,gBAAgB;IAuBV,qBAAqB;IAwBrB,qBAAqB,CAAC,KAAK,EAAE,MAAM;IA6CzC,IAAI,sBAAsB,IAAI,qBAAqB,GAAG,IAAI,CAKzD;IAED,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IAED,mBAAmB;IAKnB,eAAe;IAIf;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAKhC,oBAAoB,CAAC,KAAK,EAAE,GAAG;IAc/B;;OAEG;IACH,OAAO,CAAC,eAAe;IAmBjB,oBAAoB,IAAI,OAAO,CAAC,OAAO,CAAC;IA2B9C,yBAAyB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAMjD,iBAAiB,IAAI,MAAM;IAgC3B;;OAEG;IACG,aAAa;IAyBnB,+BAA+B,IAAI,KAAK,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC;yCAla9D,uBAAuB;2CAAvB,uBAAuB;CAsanC"}