@memberjunction/ng-core-entity-forms 6.1.0-edge.5 → 6.1.0-edge.7

package/dist/lib/custom/AIAgents/create-prompt-dialog.component.js

@@ -448,7 +448,7 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
             i0.ɵɵproperty("disabled", !ctx.promptForm.valid || (i0.ɵɵpipeBind1(15, 9, ctx.isSaving$) || false));
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(i0.ɵɵpipeBind1(17, 11, ctx.isSaving$) ? 16 : 18);
-        } }, dependencies: [i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.MJButtonDirective, i3.MJDropdownComponent, i4.TemplateEditorComponent, i5.AsyncPipe], styles: ["\n\n.create-prompt-dialog[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\n\n.field-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required[_ngcontent-%COMP%]::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.full-width[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.field-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.template-mode-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.template-mode-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.radio-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.template-editor-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.template-name[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n\n\n.existing-template-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right[_ngcontent-%COMP%] {\n    justify-content: stretch;\n  }\n\n  .footer-right[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n}\n\n\n\n[_nghost-%COMP%]     .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n[_nghost-%COMP%]     .template-editor-container .template-editor-help {\n  display: none; \n\n}"] }); }
+        } }, dependencies: [i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.MJButtonDirective, i3.MJDropdownComponent, i4.TemplateEditorComponent, i5.AsyncPipe], styles: ["\n.create-prompt-dialog[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\n.field-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required[_ngcontent-%COMP%]::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n\n.full-width[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n.field-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n.template-mode-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.template-mode-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.radio-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n.template-editor-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.template-name[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n\n.existing-template-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right[_ngcontent-%COMP%] {\n    justify-content: stretch;\n  }\n\n  .footer-right[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n}\n\n\n[_nghost-%COMP%]     .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n[_nghost-%COMP%]     .template-editor-container .template-editor-help {\n  display: none; \n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CreatePromptDialogComponent, [{
         type: Component,

package/dist/lib/custom/AIAgents/create-sub-agent-dialog.component.js

@@ -701,7 +701,7 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(15, 10, ctx.isSaving$) || !ctx.subAgentForm.valid);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(i0.ɵɵpipeBind1(17, 12, ctx.isSaving$) ? 16 : 18);
-        } }, dependencies: [i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.MinValidator, i2.MaxValidator, i2.FormGroupDirective, i2.FormControlName, i3.MJEmptyStateComponent, i4.AsyncPipe], styles: [".sub-agent-dialog[_ngcontent-%COMP%] {\n  padding: 16px;\n  max-width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n}\n\n.sub-agent-header[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 15px;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1.4em;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.parent-info[_ngcontent-%COMP%] {\n  margin: 8px 0 0 0;\n  color: var(--mj-text-secondary);\n  font-size: 0.9em;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.parent-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 40px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.2em;\n  color: var(--mj-brand-primary);\n}\n\n.sub-agent-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.form-section[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 20px;\n  background-color: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 15px 0;\n  font-size: 1.1em;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.form-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n}\n\n.form-row[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.form-group[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin-bottom: 5px;\n  font-size: 0.9em;\n}\n\n.form-group[_ngcontent-%COMP%]   label[for=\"enableCaching\"][_ngcontent-%COMP%] {\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[for=\"enableCaching\"][_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  margin: 0;\n  width: auto;\n}\n\n.form-control[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  font-size: 0.9em;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.form-control[readonly][_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-sunken);\n  opacity: 1;\n}\n\n.section-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 15px;\n}\n\n.linked-items[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.linked-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  transition: box-shadow 0.15s ease-in-out;\n}\n\n.linked-item[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.item-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n}\n\n.item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  width: 16px;\n  text-align: center;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.item-description[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 0.85em;\n  margin-left: 10px;\n}\n\n.prompt-item[_ngcontent-%COMP%]   .item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.action-item[_ngcontent-%COMP%]   .item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}\n\n.dialog-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 30px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.btn[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  border: none;\n  border-radius: 4px;\n  font-size: 0.9em;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-text-secondary);\n}\n\n.btn-success[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.btn-success[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-status-success);\n}\n\n.btn-danger[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-status-error);\n}\n\n.btn-sm[_ngcontent-%COMP%] {\n  padding: 6px 12px;\n  font-size: 0.8em;\n}\n\n.btn-xs[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  font-size: 0.75em;\n}\n\n\n\n@media (max-width: 768px) {\n  .sub-agent-dialog[_ngcontent-%COMP%] {\n    padding: 15px;\n    max-width: 95vw;\n  }\n\n  .form-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .section-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .dialog-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .linked-item[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n}\n\n\n\n.form-control.ng-invalid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error);\n}\n\n.form-control.ng-valid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n}\n\n\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 8px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}"] }); }
+        } }, dependencies: [i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.MinValidator, i2.MaxValidator, i2.FormGroupDirective, i2.FormControlName, i3.MJEmptyStateComponent, i4.AsyncPipe], styles: [".sub-agent-dialog[_ngcontent-%COMP%] {\n  padding: 16px;\n  max-width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n}\n\n.sub-agent-header[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 15px;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1.4em;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.parent-info[_ngcontent-%COMP%] {\n  margin: 8px 0 0 0;\n  color: var(--mj-text-secondary);\n  font-size: 0.9em;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.parent-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 40px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.2em;\n  color: var(--mj-brand-primary);\n}\n\n.sub-agent-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.form-section[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 20px;\n  background-color: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 15px 0;\n  font-size: 1.1em;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.form-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n}\n\n.form-row[_ngcontent-%COMP%]:last-child {\n  margin-bottom: 0;\n}\n\n.form-group[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin-bottom: 5px;\n  font-size: 0.9em;\n}\n\n.form-group[_ngcontent-%COMP%]   label[for=\"enableCaching\"][_ngcontent-%COMP%] {\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-group[_ngcontent-%COMP%]   label[for=\"enableCaching\"][_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  margin: 0;\n  width: auto;\n}\n\n.form-control[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  font-size: 0.9em;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.form-control[readonly][_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface-sunken);\n  opacity: 1;\n}\n\n.section-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 15px;\n}\n\n.linked-items[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.linked-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  transition: box-shadow 0.15s ease-in-out;\n}\n\n.linked-item[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.item-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n}\n\n.item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  width: 16px;\n  text-align: center;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.item-description[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 0.85em;\n  margin-left: 10px;\n}\n\n.prompt-item[_ngcontent-%COMP%]   .item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.action-item[_ngcontent-%COMP%]   .item-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}\n\n.dialog-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 30px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.btn[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  border: none;\n  border-radius: 4px;\n  font-size: 0.9em;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-text-secondary);\n}\n\n.btn-success[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.btn-success[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-status-success);\n}\n\n.btn-danger[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background-color: var(--mj-status-error);\n}\n\n.btn-sm[_ngcontent-%COMP%] {\n  padding: 6px 12px;\n  font-size: 0.8em;\n}\n\n.btn-xs[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  font-size: 0.75em;\n}\n\n\n@media (max-width: 768px) {\n  .sub-agent-dialog[_ngcontent-%COMP%] {\n    padding: 15px;\n    max-width: 95vw;\n  }\n\n  .form-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .section-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .dialog-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .linked-item[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n}\n\n\n.form-control.ng-invalid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error);\n}\n\n.form-control.ng-valid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n}\n\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 8px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\n}\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CreateSubAgentDialogComponent, [{
         type: Component,

package/dist/lib/custom/AIAgents/prompt-selector-dialog.component.js

@@ -362,7 +362,7 @@ export class PromptSelectorDialogComponent extends BaseAngularComponent {
             i0.ɵɵproperty("disabled", ctx.selectedPrompts.size === 0);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.config.multiSelect ? 11 : 12);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.FormControlDirective, i2.MJEmptyStateComponent, i2.MJButtonDirective, i3.AsyncPipe, i3.DatePipe], styles: [".prompt-selector-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 70vh;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.search-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.search-box[_ngcontent-%COMP%] {\n  flex: 1;\n  position: relative;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-secondary);\n  z-index: 2;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.search-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  padding-left: 36px !important;\n}\n\n.view-controls[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n\n\n.results-summary[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.results-count[_ngcontent-%COMP%], .selected-count[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.selected-count[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n\n\n\n.prompts-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n\n\n.prompts-container.list-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\n\n.prompts-container.grid-view[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n}\n\n\n\n.prompt-card[_ngcontent-%COMP%] {\n  border: 2px solid var(--mj-border-default);\n  border-radius: 8px;\n  padding: 16px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  background: var(--mj-bg-surface);\n  display: flex;\n  gap: 12px;\n  position: relative;\n}\n\n.prompt-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.prompt-card.selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 4%, var(--mj-bg-surface));\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.prompt-card.linked[_ngcontent-%COMP%] {\n  border-color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  opacity: 0.7;\n  cursor: not-allowed;\n}\n\n.prompt-card.linked[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-text-muted);\n  box-shadow: none;\n}\n\n\n\n.selection-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  margin-top: 2px;\n}\n\n.selected-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n.unselected-icon[_ngcontent-%COMP%] {\n  color: var(--mj-border-strong);\n  font-size: 18px;\n}\n\n.linked-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 18px;\n}\n\n\n\n.prompt-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 8px;\n}\n\n.prompt-name[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  line-height: 1.4;\n  flex: 1;\n}\n\n.prompt-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  white-space: nowrap;\n}\n\n.linked-badge[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n  background: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.prompt-description[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n\n.prompt-metadata[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  flex-wrap: wrap;\n}\n\n.metadata-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.metadata-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 12px;\n  font-size: 10px;\n}\n\n\n\n.prompts-container[_ngcontent-%COMP%]   mj-empty-state[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n  width: 100%;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  display: flex;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n@media (max-width: 768px) {\n  .prompts-container.grid-view[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .prompt-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .search-section[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .view-controls[_ngcontent-%COMP%] {\n    align-self: flex-end;\n  }\n}"] }); }
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.FormControlDirective, i2.MJEmptyStateComponent, i2.MJButtonDirective, i3.AsyncPipe, i3.DatePipe], styles: [".prompt-selector-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-height: 70vh;\n}\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.search-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.search-box[_ngcontent-%COMP%] {\n  flex: 1;\n  position: relative;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-secondary);\n  z-index: 2;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.search-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  padding-left: 36px !important;\n}\n\n.view-controls[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n\n.results-summary[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.results-count[_ngcontent-%COMP%], .selected-count[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.selected-count[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 500;\n}\n\n\n.prompts-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n\n.prompts-container.list-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\n.prompts-container.grid-view[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n}\n\n\n.prompt-card[_ngcontent-%COMP%] {\n  border: 2px solid var(--mj-border-default);\n  border-radius: 8px;\n  padding: 16px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  background: var(--mj-bg-surface);\n  display: flex;\n  gap: 12px;\n  position: relative;\n}\n\n.prompt-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.prompt-card.selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 4%, var(--mj-bg-surface));\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.prompt-card.linked[_ngcontent-%COMP%] {\n  border-color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  opacity: 0.7;\n  cursor: not-allowed;\n}\n\n.prompt-card.linked[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-text-muted);\n  box-shadow: none;\n}\n\n\n.selection-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  margin-top: 2px;\n}\n\n.selected-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n.unselected-icon[_ngcontent-%COMP%] {\n  color: var(--mj-border-strong);\n  font-size: 18px;\n}\n\n.linked-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 18px;\n}\n\n\n.prompt-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 8px;\n}\n\n.prompt-name[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  line-height: 1.4;\n  flex: 1;\n}\n\n.prompt-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  white-space: nowrap;\n}\n\n.linked-badge[_ngcontent-%COMP%] {\n  padding: 4px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 500;\n  background: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.prompt-description[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n.prompt-metadata[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  flex-wrap: wrap;\n}\n\n.metadata-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.metadata-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 12px;\n  font-size: 10px;\n}\n\n\n.prompts-container[_ngcontent-%COMP%]   mj-empty-state[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n  width: 100%;\n}\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  display: flex;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n@media (max-width: 768px) {\n  .prompts-container.grid-view[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .prompt-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .search-section[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .view-controls[_ngcontent-%COMP%] {\n    align-self: flex-end;\n  }\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromptSelectorDialogComponent, [{
         type: Component,

package/dist/lib/custom/AIAgents/sub-agent-advanced-settings-dialog.component.js

@@ -344,7 +344,7 @@ export class SubAgentAdvancedSettingsDialogComponent extends BaseAngularComponen
             i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(9, 8, ctx.isSaving$) || false || (i0.ɵɵpipeBind1(10, 10, ctx.isLoading$) || false) || ctx.hasExecutionOrderError());
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(i0.ɵɵpipeBind1(12, 12, ctx.isSaving$) ? 11 : 13);
-        } }, dependencies: [i1.ɵNgNoValidate, i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, i2.MJButtonDirective, i2.MJDropdownComponent, i2.MJNumericInputComponent, i3.AsyncPipe], styles: [".sub-agent-advanced-settings-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-muted);\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n  font-size: 1.1rem;\n}\n\n\n\n.advanced-form[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1.5rem;\n}\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 2rem;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  overflow: hidden;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary);\n  font-size: 1.1rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.5rem;\n  padding: 1.5rem;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\n\nlabel[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.9rem;\n}\n\n.checkbox-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n\n.checkbox-label.disabled[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  cursor: not-allowed;\n}\n\n.form-control[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.field-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 0.8rem;\n  margin-top: 0.25rem;\n  line-height: 1.3;\n}\n\n.disabled-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.disabled-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.field-error[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  font-size: 0.8rem;\n  margin-top: 0.25rem;\n}\n\n\n\n.form-control.ng-invalid.ng-touched[_ngcontent-%COMP%], \n.error-border[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error) !important;\n}\n\n.form-control.ng-valid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n}\n\n\n\n.execution-mode-option[_ngcontent-%COMP%] {\n  padding: 0.5rem 0;\n}\n\n.option-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.option-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  width: 16px;\n}\n\n.option-title[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 0.9rem;\n}\n\n.option-description[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.3;\n  margin-left: 1.5rem;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[themeColor=\"primary\"][_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0.5rem;\n}\n\n\n\n\n\n\n.form-section[_ngcontent-%COMP%]:first-child   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n\n\n.form-section[_ngcontent-%COMP%]:nth-child(2)   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n\n\n.form-section[_ngcontent-%COMP%]:nth-child(3)   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n    padding: 1rem;\n  }\n\n  .form-field.full-width[_ngcontent-%COMP%] {\n    grid-column: 1;\n  }\n\n  .advanced-form[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n\n  .section-title[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem;\n    font-size: 1rem;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    padding: 1rem;\n    flex-direction: column;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n.error-border[_ngcontent-%COMP%] {\n  border: 2px solid var(--mj-status-error) !important;\n  background-color: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface));\n}"] }); }
+        } }, dependencies: [i1.ɵNgNoValidate, i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, i2.MJButtonDirective, i2.MJDropdownComponent, i2.MJNumericInputComponent, i3.AsyncPipe], styles: [".sub-agent-advanced-settings-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-muted);\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n  font-size: 1.1rem;\n}\n\n\n.advanced-form[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1.5rem;\n}\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 2rem;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  overflow: hidden;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary);\n  font-size: 1.1rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.5rem;\n  padding: 1.5rem;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\nlabel[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.9rem;\n}\n\n.checkbox-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n\n.checkbox-label.disabled[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  cursor: not-allowed;\n}\n\n.form-control[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.field-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 0.8rem;\n  margin-top: 0.25rem;\n  line-height: 1.3;\n}\n\n.disabled-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.disabled-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.field-error[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  font-size: 0.8rem;\n  margin-top: 0.25rem;\n}\n\n\n.form-control.ng-invalid.ng-touched[_ngcontent-%COMP%], \n.error-border[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error) !important;\n}\n\n.form-control.ng-valid.ng-touched[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n}\n\n\n.execution-mode-option[_ngcontent-%COMP%] {\n  padding: 0.5rem 0;\n}\n\n.option-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.option-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  width: 16px;\n}\n\n.option-title[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  font-size: 0.9rem;\n}\n\n.option-description[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.3;\n  margin-left: 1.5rem;\n}\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[themeColor=\"primary\"][_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0.5rem;\n}\n\n\n\n\n.form-section[_ngcontent-%COMP%]:first-child   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n\n.form-section[_ngcontent-%COMP%]:nth-child(2)   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n\n.form-section[_ngcontent-%COMP%]:nth-child(3)   .section-title[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n    padding: 1rem;\n  }\n\n  .form-field.full-width[_ngcontent-%COMP%] {\n    grid-column: 1;\n  }\n\n  .advanced-form[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n\n  .section-title[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem;\n    font-size: 1rem;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    padding: 1rem;\n    flex-direction: column;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n.error-border[_ngcontent-%COMP%] {\n  border: 2px solid var(--mj-status-error) !important;\n  background-color: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface));\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubAgentAdvancedSettingsDialogComponent, [{
         type: Component,

package/dist/lib/custom/AIAgents/sub-agent-selector-dialog.component.js

@@ -456,7 +456,7 @@ export class SubAgentSelectorDialogComponent extends BaseAngularComponent {
             i0.ɵɵproperty("disabled", ctx.selectedCount === 0);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.config.multiSelect ? 34 : 35);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i1.FormControlDirective, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJDropdownComponent, i3.AsyncPipe], styles: [".sub-agent-selector-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface-card);\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 1.5rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n.header-description[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-muted);\n  font-size: 0.9rem;\n  line-height: 1.4;\n}\n\n.header-stats[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.25rem;\n  font-size: 0.85rem;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.total-count[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n.controls-section[_ngcontent-%COMP%] {\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  gap: 1rem;\n  align-items: flex-end;\n}\n\n.search-controls[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  z-index: 1;\n}\n\n.search-field[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 40px;\n}\n\n.clear-search[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  z-index: 1;\n}\n\n.filter-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-end;\n}\n\n.type-filter[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.type-filter[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n}\n\n.type-dropdown[_ngcontent-%COMP%] {\n  min-width: 150px;\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-bottom: 1rem;\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1rem;\n}\n\n\n\n.agents-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 1rem;\n}\n\n.agent-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 2px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 1rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  gap: 1rem;\n  position: relative;\n}\n\n.agent-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.agent-card.selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 4%, var(--mj-bg-surface));\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.selection-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0.75rem;\n  right: 0.75rem;\n  font-size: 1.1rem;\n}\n\n.selection-indicator[_ngcontent-%COMP%]   .fa-check-circle[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.selection-indicator[_ngcontent-%COMP%]   .fa-circle[_ngcontent-%COMP%] {\n  color: var(--mj-border-default);\n}\n\n.agent-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.agent-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  color: var(--mj-brand-primary);\n}\n\n.agent-logo[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 6px;\n}\n\n.agent-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.agent-name[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.5rem;\n  word-wrap: break-word;\n}\n\n.agent-description[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-muted);\n  line-height: 1.4;\n  margin-bottom: 0.75rem;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.agent-meta[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.status-badge[_ngcontent-%COMP%], \n.type-badge[_ngcontent-%COMP%], \n.execution-badge[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n}\n\n\n\n\n.type-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n}\n\n.execution-badge[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.75rem;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  min-width: 100px;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0.5rem;\n}\n\n\n\n@media (max-width: 768px) {\n  .agents-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .dialog-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .header-stats[_ngcontent-%COMP%] {\n    align-items: flex-start;\n  }\n\n  .controls-section[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-controls[_ngcontent-%COMP%] {\n    justify-content: flex-start;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column-reverse;\n    gap: 1rem;\n  }\n\n  .footer-left[_ngcontent-%COMP%], \n   .footer-right[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}"] }); }
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i1.FormControlDirective, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJDropdownComponent, i3.AsyncPipe], styles: [".sub-agent-selector-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface-card);\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n.dialog-header[_ngcontent-%COMP%] {\n  padding: 1.5rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.header-info[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\n.header-description[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-muted);\n  font-size: 0.9rem;\n  line-height: 1.4;\n}\n\n.header-stats[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 0.25rem;\n  font-size: 0.85rem;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.total-count[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n.controls-section[_ngcontent-%COMP%] {\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  gap: 1rem;\n  align-items: flex-end;\n}\n\n.search-controls[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  z-index: 1;\n}\n\n.search-field[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 40px;\n}\n\n.clear-search[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  z-index: 1;\n}\n\n.filter-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-end;\n}\n\n.type-filter[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.type-filter[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n}\n\n.type-dropdown[_ngcontent-%COMP%] {\n  min-width: 150px;\n}\n\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n  color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-bottom: 1rem;\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1rem;\n}\n\n\n.agents-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 1rem;\n}\n\n.agent-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 2px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 1rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  gap: 1rem;\n  position: relative;\n}\n\n.agent-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.agent-card.selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 4%, var(--mj-bg-surface));\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.selection-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0.75rem;\n  right: 0.75rem;\n  font-size: 1.1rem;\n}\n\n.selection-indicator[_ngcontent-%COMP%]   .fa-check-circle[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.selection-indicator[_ngcontent-%COMP%]   .fa-circle[_ngcontent-%COMP%] {\n  color: var(--mj-border-default);\n}\n\n.agent-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.agent-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  color: var(--mj-brand-primary);\n}\n\n.agent-logo[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 6px;\n}\n\n.agent-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.agent-name[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.5rem;\n  word-wrap: break-word;\n}\n\n.agent-description[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-muted);\n  line-height: 1.4;\n  margin-bottom: 0.75rem;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.agent-meta[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.status-badge[_ngcontent-%COMP%], \n.type-badge[_ngcontent-%COMP%], \n.execution-badge[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  border-radius: 4px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n}\n\n\n\n.type-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n}\n\n.execution-badge[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n}\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  padding: 1rem 1.5rem;\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.75rem;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  min-width: 100px;\n}\n\n.dialog-footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0.5rem;\n}\n\n\n@media (max-width: 768px) {\n  .agents-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .dialog-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .header-stats[_ngcontent-%COMP%] {\n    align-items: flex-start;\n  }\n\n  .controls-section[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .filter-controls[_ngcontent-%COMP%] {\n    justify-content: flex-start;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column-reverse;\n    gap: 1rem;\n  }\n\n  .footer-left[_ngcontent-%COMP%], \n   .footer-right[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: center;\n  }\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubAgentSelectorDialogComponent, [{
         type: Component,

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

@@ -1895,7 +1895,7 @@ function MJAIPromptRunFormComponentExtended_Conditional_1_Template(rf, ctx) { if
     i0.ɵɵelementStart(0, "div", 189);
     i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeFullScreen()); });
     i0.ɵɵelementStart(1, "div", 190);
-    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵlistener("click", function MJAIPromptRunFormComponentExtended_Conditional_1_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
     i0.ɵɵelementStart(2, "div", 191)(3, "span", 192);
     i0.ɵɵelement(4, "i", 110);
     i0.ɵɵtext(5);
@@ -2327,7 +2327,7 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
     navigateToEntity(entityName, recordId) {
         if (!recordId)
             return;
-        SharedService.Instance.OpenEntityRecord(entityName, CompositeKey.FromID(recordId));
+        SharedService.Instance.OpenEntityRecord(entityName, CompositeKey.FromURLSegment(this.ProviderToUse.EntityByName(entityName), recordId));
     }
     navigateToOriginalRun() {
         if (this.record?.RerunFromPromptRunID) {
@@ -2445,7 +2445,7 @@ let MJAIPromptRunFormComponentExtended = class MJAIPromptRunFormComponentExtende
             i0.ɵɵconditional(ctx.record ? 0 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.FullScreenContent ? 1 : -1);
-        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i3.MjRecordFormContainerComponent, i4.CodeEditorComponent, i5.ChatMessageViewerComponent, i6.DecimalPipe, i6.DatePipe], styles: ["\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n\n\n.error-info[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.error-details[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint[_ngcontent-%COMP%] {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%] {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.run-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n\n\n.meta-card[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n\n\n.prompt-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section[_ngcontent-%COMP%]   i.prompt-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover   .c3-link-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n\n.model-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label[_ngcontent-%COMP%] {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name[_ngcontent-%COMP%] {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n\n\n.sub-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n\n\n.nested-panels[_ngcontent-%COMP%]   mj-accordion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n\n.sub-panel-content[_ngcontent-%COMP%]   mj-chat-message-viewer[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; \n\n    height: auto;\n    overflow: hidden;\n}\n\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: white;\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n\n\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n\n.metrics-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n\n\n.additional-metrics[_ngcontent-%COMP%] {\n    padding-top: 16px;\n}\n\n.metric-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n\n\n.parent-run-section[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.parent-run-section[_ngcontent-%COMP%]:last-child, \n.child-runs-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: var(--mj-text-muted);\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%]:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n\n.detail-fields-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%]:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    opacity: 0.5;\n}\n\n\n\nmj-accordion-panel[_ngcontent-%COMP%] {\n    display: block;\n}\n\n\n\n.validation-summary[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.summary-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small[_ngcontent-%COMP%] {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: white;\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n\n\n.retry-timeline[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.retry-timeline[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n\n\n.validation-attempts[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.validation-attempts[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.attempt-details[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n\n\n.validation-json[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.validation-json[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJEmptyStateComponent, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i3.MjRecordFormContainerComponent, i4.CodeEditorComponent, i5.ChatMessageViewerComponent, i6.DecimalPipe, i6.DatePipe], styles: ["\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0 !important;\n    overflow: hidden;\n}\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n}\n\n\n.error-info[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding: 16px;\n    background-color: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 8px;\n}\n\n.finish-reason[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error);\n    font-size: 14px;\n}\n\n.error-details[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.error-details[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: color-mix(in srgb, var(--mj-status-error) 80%, black);\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.error-hint[_ngcontent-%COMP%] {\n    margin: 0;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, black);\n    font-size: 14px;\n    font-style: italic;\n}\n\n\n.prompt-run-header[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-bottom: 2px solid var(--mj-border-default);\n    padding: 20px;\n    margin-bottom: 0;\n}\n\n.header-content[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n    margin-bottom: 16px;\n}\n\n.run-overview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    flex: 1;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%] {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-icon-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.run-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 1.5em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.run-id[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-family: 'Courier New', monospace;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: stretch;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n\n.meta-card[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n}\n\n.meta-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: color 0.15s;\n}\n\n.meta-card-body.clickable[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n\n.prompt-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.c3-child-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    font-size: 0.92em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-child-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary-hover);\n}\n\n.c3-child-section[_ngcontent-%COMP%]   i.prompt-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.c3-divider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0 14px;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.c3-line[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 1px;\n    background: var(--mj-border-default);\n}\n\n.c3-divider-label[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--mj-text-disabled);\n    white-space: nowrap;\n}\n\n.c3-parent-section[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px 9px 14px;\n    font-size: 0.76em;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: color 0.15s;\n    border-left: 3px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.c3-parent-section[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n}\n\n.c3-link-icon[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.6rem !important;\n    opacity: 0.4;\n}\n\n.c3-parent-section[_ngcontent-%COMP%]:hover   .c3-link-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n.model-card-c3[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: border-color 0.15s;\n}\n\n.model-card-c3[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.c3-card-label[_ngcontent-%COMP%] {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.c3-card-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    font-size: 0.82em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.c3-model-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.c3-model-name[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.c3-vendor-name[_ngcontent-%COMP%] {\n    font-size: 0.72em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    padding-left: 22px;\n}\n\n.original-run[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 16px;\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    font-size: 0.85em;\n}\n\n.original-link[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.original-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    text-decoration: underline;\n}\n\n.run-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-wrap: wrap;\n}\n\n.metric-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.metric-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n    width: 24px;\n    text-align: center;\n}\n\n.metric-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.config-link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n    transition: color 0.2s;\n}\n\n.config-link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n    text-decoration: underline;\n}\n\n\n.form-content[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n\n.sub-panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95em;\n}\n\n.sub-panel-content[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n\n.nested-panels[_ngcontent-%COMP%]   mj-accordion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-panel-content[_ngcontent-%COMP%]   mj-chat-message-viewer[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 200px;\n    max-height: 750px; \n    height: auto;\n    overflow: hidden;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n\n.sub-expansion-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    margin-left: auto;\n    padding: 2px 8px;\n    border-radius: 12px;\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    color: white;\n}\n\n.panel-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    padding: 20px;\n    max-height: none !important;\n    overflow: visible !important;\n}\n\n\n.json-editor-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-toolbar[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: flex-end;\n}\n\n\n.error-message[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    gap: 16px;\n    margin-bottom: 16px;\n}\n\n.error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    color: var(--mj-status-error);\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 1em;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n}\n\n\n.loading-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 60px 40px;\n    color: var(--mj-text-muted);\n}\n\n.loading-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 3em;\n    margin-bottom: 16px;\n    opacity: 0.6;\n    color: var(--mj-brand-primary);\n}\n\n.loading-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n}\n\n\n.metrics-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n    margin-bottom: 24px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 20px;\n}\n\n.metric-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.metric-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n    color: var(--mj-text-muted);\n}\n\n.metric-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.9em;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.metric-value.large[_ngcontent-%COMP%] {\n    font-size: 1.8em;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.metric-rollup[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.metric-currency[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n}\n\n\n.additional-metrics[_ngcontent-%COMP%] {\n    padding-top: 16px;\n}\n\n.metric-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.metric-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-weight: 400;\n    color: var(--mj-text-primary);\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n\n.metric-row[_ngcontent-%COMP%]   .metric-value.link[_ngcontent-%COMP%]:hover {\n    color: color-mix(in srgb, var(--mj-brand-primary) 75%, black);\n}\n\n\n.parent-run-section[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.parent-run-section[_ngcontent-%COMP%]:last-child, \n.child-runs-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.parent-run-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], \n.child-runs-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 0.95em;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.runs-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.run-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.run-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n}\n\n.run-item.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.run-item.parent[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n}\n\n.run-item-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.run-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.run-item-title[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-order[_ngcontent-%COMP%] {\n    background: var(--mj-text-muted);\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 600;\n}\n\n.run-item-type[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 400;\n}\n\n.run-item-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n}\n\n.run-item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%]:last-child {\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n\n.detail-fields-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n    width: 100%;\n    min-height: auto;\n    overflow: visible;\n}\n\n.detail-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.detail-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.85em;\n    color: var(--mj-text-muted);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1em;\n    color: var(--mj-text-primary);\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    transition: all 0.2s;\n}\n\n.detail-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    color: var(--mj-text-muted);\n    font-size: 1.1em;\n    width: 20px;\n    text-align: center;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-brand-primary);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:last-child {\n    margin-left: auto;\n    font-size: 0.85em;\n    opacity: 0.6;\n}\n\n.detail-value.clickable[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%]:last-child {\n    opacity: 1;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n    font-style: italic;\n}\n\n.detail-value.null-value[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]:first-child {\n    opacity: 0.5;\n}\n\n\nmj-accordion-panel[_ngcontent-%COMP%] {\n    display: block;\n}\n\n\n.validation-summary[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.summary-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.summary-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.1em;\n    color: var(--mj-text-primary);\n}\n\n.validation-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 20px;\n    font-weight: 500;\n    font-size: 0.9em;\n}\n\n.validation-status.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.validation-status.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.validation-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.metric-card.small[_ngcontent-%COMP%] {\n    padding: 16px;\n    text-align: center;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 0.8em;\n    margin-bottom: 8px;\n    font-weight: 600;\n}\n\n.metric-card.small[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 1.4em;\n    font-weight: 700;\n}\n\n.validation-error[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.validation-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: var(--mj-status-error);\n    font-size: 0.95em;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.validation-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.common-error[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: 0.9em;\n}\n\n.error-count[_ngcontent-%COMP%] {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 2px 8px;\n    background: var(--mj-status-error);\n    color: white;\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n\n.retry-timeline[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.retry-timeline[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.timeline-stat[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.timeline-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n\n.validation-attempts[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.validation-attempts[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.attempts-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.attempt-item[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.attempt-item.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 18%, var(--mj-bg-surface));\n}\n\n.attempt-item.failed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface));\n}\n\n.attempt-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.attempt-item.success[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.attempt-item.failed[_ngcontent-%COMP%]   .attempt-number[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.attempt-details[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 0.85em;\n}\n\n.attempt-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.attempt-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    flex: 1 0 100%;\n}\n\n.output-length[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-style: italic;\n}\n\n\n.validation-json[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.validation-json[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 1em;\n    color: var(--mj-text-secondary);\n}\n\n.json-viewer-container[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n\n.panel-badge.success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}"], changeDetection: 0 }); }
 };
 MJAIPromptRunFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Prompt Runs')