@memberjunction/ng-core-entity-forms 2.86.0 → 2.88.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.d.ts.map +1 -1
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.js +7 -7
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.js.map +1 -1
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.d.ts +29 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.js +198 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.d.ts +14 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.js +98 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/custom-node/custom-node.component.d.ts +44 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/custom-node/custom-node.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/custom-node/custom-node.component.js +282 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/custom-node/custom-node.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.d.ts +35 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.js +287 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/execution-panel/execution-panel.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.d.ts +106 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.js +951 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/flow-editor/flow-editor.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/prompt-editor/prompt-editor.component.d.ts +30 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/prompt-editor/prompt-editor.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/prompt-editor/prompt-editor.component.js +450 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/prompt-editor/prompt-editor.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/properties-panel/properties-panel.component.d.ts +25 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/properties-panel/properties-panel.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/properties-panel/properties-panel.component.js +423 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/properties-panel/properties-panel.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/simple-condition-editor/simple-condition-editor.component.d.ts +21 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/simple-condition-editor/simple-condition-editor.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/simple-condition-editor/simple-condition-editor.component.js +182 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/simple-condition-editor/simple-condition-editor.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/step/step.component.d.ts +34 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/step/step.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/step/step.component.js +171 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/step/step.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/toolbar/toolbar.component.d.ts +17 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/toolbar/toolbar.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/toolbar/toolbar.component.js +78 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/toolbar/toolbar.component.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/connection.model.d.ts +17 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/connection.model.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/connection.model.js +11 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/connection.model.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/mj-extended.model.d.ts +21 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/mj-extended.model.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/mj-extended.model.js +2 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/mj-extended.model.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/module.model.d.ts +33 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/module.model.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/module.model.js +2 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/module.model.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/step.model.d.ts +44 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/step.model.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/step.model.js +166 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/models/step.model.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-editor.service.d.ts +14 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-editor.service.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-editor.service.js +31 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-editor.service.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-executor.service.d.ts +63 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-executor.service.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-executor.service.js +294 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/flow-executor.service.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/mj-flow-transformer.service.d.ts +77 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/mj-flow-transformer.service.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/mj-flow-transformer.service.js +408 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/mj-flow-transformer.service.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/module-manager.service.d.ts +19 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/module-manager.service.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/module-manager.service.js +116 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/module-manager.service.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/prompt-manager.service.d.ts +25 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/prompt-manager.service.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/prompt-manager.service.js +90 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/services/prompt-manager.service.js.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.d.ts +52 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.d.ts.map +1 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.js +500 -0
- package/dist/lib/custom/AIAgents/FlowAgentType/mj-integrated-flow-editor.component.js.map +1 -0
- package/dist/lib/custom/custom-forms.module.d.ts +2 -1
- package/dist/lib/custom/custom-forms.module.d.ts.map +1 -1
- package/dist/lib/custom/custom-forms.module.js +10 -4
- package/dist/lib/custom/custom-forms.module.js.map +1 -1
- package/dist/lib/generated/Entities/Component/sections/details.component.d.ts.map +1 -1
- package/dist/lib/generated/Entities/Component/sections/details.component.js +40 -4
- package/dist/lib/generated/Entities/Component/sections/details.component.js.map +1 -1
- package/package.json +16 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-agent-form-section.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAa,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAiB,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;
|
|
1
|
+
{"version":3,"file":"flow-agent-form-section.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAa,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAiB,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;AAMxG,qBAMa,6BAA8B,SAAQ,wBAAyB,YAAW,MAAM,EAAE,SAAS;IAkBxF,OAAO,CAAC,GAAG;IAAqB,OAAO,CAAC,QAAQ;IAjBd,aAAa,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEzF,OAAO,CAAC,QAAQ,CAAuB;IAEvC,KAAK,EAAE,iBAAiB,EAAE,CAAM;IAChC,KAAK,EAAE,qBAAqB,EAAE,CAAM;IACpC,OAAO,UAAQ;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,SAAS,EAAE,SAAS,GAAG,MAAM,CAAa;IAC1C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IAED,OAAO,CAAC,aAAa,CAAgB;gBAEjB,GAAG,EAAE,iBAAiB,EAAU,QAAQ,EAAE,QAAQ;IAKhE,QAAQ;IASd,WAAW;YAKG,YAAY;YA0CZ,2BAA2B;YAI3B,UAAU;IAKX,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAclC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAKnC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKvC,IAAW,aAAa,IAAI,qBAAqB,EAAE,CAUlD;IAEY,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;yCA5HzE,6BAA6B;2CAA7B,6BAA6B;CAiIzC"}
|
|
@@ -12,7 +12,7 @@ import { Subject } from 'rxjs';
|
|
|
12
12
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
13
13
|
import * as i0 from "@angular/core";
|
|
14
14
|
import * as i1 from "@progress/kendo-angular-buttons";
|
|
15
|
-
import * as i2 from "./flow-
|
|
15
|
+
import * as i2 from "./mj-integrated-flow-editor.component";
|
|
16
16
|
const _c0 = ["reteContainer"];
|
|
17
17
|
const _forTrack0 = ($index, $item) => $item.ID;
|
|
18
18
|
function FlowAgentFormSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -49,8 +49,8 @@ function FlowAgentFormSectionComponent_Conditional_3_Conditional_5_Template(rf,
|
|
|
49
49
|
} }
|
|
50
50
|
function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
51
51
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
52
|
-
i0.ɵɵelementStart(0, "mj-flow-
|
|
53
|
-
i0.ɵɵlistener("stepsChanged", function
|
|
52
|
+
i0.ɵɵelementStart(0, "mj-integrated-flow-editor", 19);
|
|
53
|
+
i0.ɵɵlistener("stepsChanged", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template_mj_integrated_flow_editor_stepsChanged_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refreshFlow()); })("pathsChanged", function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template_mj_integrated_flow_editor_pathsChanged_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refreshFlow()); });
|
|
54
54
|
i0.ɵɵelementEnd();
|
|
55
55
|
} if (rf & 2) {
|
|
56
56
|
const ctx_r0 = i0.ɵɵnextContext(3);
|
|
@@ -242,7 +242,7 @@ function FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Template(rf,
|
|
|
242
242
|
i0.ɵɵtext(6, " Details ");
|
|
243
243
|
i0.ɵɵelementEnd()();
|
|
244
244
|
i0.ɵɵelementStart(7, "div", 15);
|
|
245
|
-
i0.ɵɵtemplate(8, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template, 1, 4, "mj-flow-
|
|
245
|
+
i0.ɵɵtemplate(8, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_8_Template, 1, 4, "mj-integrated-flow-editor", 16)(9, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_9_Template, 10, 2, "div", 17);
|
|
246
246
|
i0.ɵɵelementEnd();
|
|
247
247
|
i0.ɵɵtemplate(10, FlowAgentFormSectionComponent_Conditional_3_Conditional_6_Conditional_10_Template, 4, 0, "div", 18);
|
|
248
248
|
} if (rf & 2) {
|
|
@@ -396,7 +396,7 @@ let FlowAgentFormSectionComponent = class FlowAgentFormSectionComponent extends
|
|
|
396
396
|
i0.ɵɵconditional(ctx.error ? 2 : -1);
|
|
397
397
|
i0.ɵɵadvance();
|
|
398
398
|
i0.ɵɵconditional(!ctx.loading && !ctx.error ? 3 : -1);
|
|
399
|
-
} }, dependencies: [i1.ButtonComponent, i2.
|
|
399
|
+
} }, dependencies: [i1.ButtonComponent, i2.MJIntegratedFlowEditorComponent], styles: [".flow-agent-section[_ngcontent-%COMP%] {\n padding: 1rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n\n\n.flow-tabs[_ngcontent-%COMP%] {\n display: flex;\n gap: 0.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n border-bottom: 2px solid #e0e0e0;\n}\n\n.flow-tab[_ngcontent-%COMP%] {\n padding: 0.75rem 1.5rem;\n background: none;\n border: none;\n border-bottom: 3px solid transparent;\n color: #666;\n font-size: 0.95rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.flow-tab[_ngcontent-%COMP%]:hover {\n color: #4a90e2;\n background-color: #f5f5f5;\n}\n\n.flow-tab.active[_ngcontent-%COMP%] {\n color: #4a90e2;\n border-bottom-color: #4a90e2;\n}\n\n.flow-tab[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 1rem;\n}\n\n.flow-tab-content[_ngcontent-%COMP%] {\n flex: 1;\n overflow-y: auto;\n min-height: 600px;\n position: relative;\n}\n\n\n\nmj-integrated-flow-editor[_ngcontent-%COMP%] {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 600px;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 2rem;\n color: #666;\n}\n\n.loading-container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 1.5rem;\n}\n\n.error-message[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem;\n background-color: #fee;\n border: 1px solid #fcc;\n border-radius: 4px;\n color: #c00;\n}\n\n.flow-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.flow-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 1.2rem;\n color: #333;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 3rem;\n text-align: center;\n color: #666;\n}\n\n.empty-state[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 3rem;\n margin-bottom: 1rem;\n opacity: 0.5;\n}\n\n.rete-container[_ngcontent-%COMP%] {\n flex: 1;\n min-height: 500px;\n background: #f5f5f5;\n border: 1px solid #ddd;\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n}\n\n.flow-instructions[_ngcontent-%COMP%] {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem;\n background-color: #f0f7ff;\n border: 1px solid #cce0ff;\n border-radius: 4px;\n color: #0066cc;\n font-size: 0.875rem;\n}\n\n.flow-instructions[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n\n\n.flow-steps-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 1rem;\n}\n\n.steps-container[_ngcontent-%COMP%], .paths-container[_ngcontent-%COMP%] {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 1rem;\n}\n\n.steps-container[_ngcontent-%COMP%] h4[_ngcontent-%COMP%], .paths-container[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\n margin: 0 0 1rem 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #333;\n font-size: 1.1rem;\n}\n\n.step-item[_ngcontent-%COMP%] {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n}\n\n.step-item[_ngcontent-%COMP%]:hover {\n border-color: #4a90e2;\n box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);\n}\n\n.step-item.selected[_ngcontent-%COMP%] {\n background: #e3f2fd;\n border-color: #2196f3;\n box-shadow: 0 2px 6px rgba(33, 150, 243, 0.2);\n}\n\n.step-item.starting-step[_ngcontent-%COMP%] {\n border-color: #28a745;\n background: #f0fff4;\n}\n\n.step-item.starting-step.selected[_ngcontent-%COMP%] {\n background: #d4edda;\n border-color: #28a745;\n}\n\n.step-description[_ngcontent-%COMP%] {\n margin-top: 0.5rem;\n padding-left: 2rem;\n color: #666;\n font-size: 0.875rem;\n}\n\n.path-item[_ngcontent-%COMP%] {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n font-size: 0.875rem;\n}\n\n.path-condition[_ngcontent-%COMP%] {\n margin-top: 0.5rem;\n padding-left: 1.5rem;\n color: #666;\n font-size: 0.813rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n\n\n.step-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.step-number[_ngcontent-%COMP%] {\n font-size: 1.2rem;\n}\n\n.step-name[_ngcontent-%COMP%] {\n font-weight: 600;\n flex: 1;\n}\n\n.step-type[_ngcontent-%COMP%] {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n background: #e0e0e0;\n color: #555;\n}\n\n.step-type.type-action[_ngcontent-%COMP%] {\n background: #e3f2fd;\n color: #1976d2;\n}\n\n.step-type.type-sub-agent[_ngcontent-%COMP%] {\n background: #f3e5f5;\n color: #7b1fa2;\n}\n\n.step-type.type-prompt[_ngcontent-%COMP%] {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status[_ngcontent-%COMP%] {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n}\n\n.step-status.status-pending[_ngcontent-%COMP%] {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status.status-disabled[_ngcontent-%COMP%] {\n background: #ffebee;\n color: #c62828;\n}\n\n.step-mapping[_ngcontent-%COMP%] {\n font-size: 0.85rem;\n color: #555;\n padding: 0.25rem 0;\n padding-left: 2rem;\n font-family: monospace;\n}\n\n.step-mapping[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n margin-right: 0.5rem;\n color: #999;\n}\n\n\n\n.open-btn[_ngcontent-%COMP%] {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 3px;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.open-btn[_ngcontent-%COMP%]:hover {\n background: #f0f0f0;\n border-color: #4a90e2;\n color: #4a90e2;\n}\n\n.open-btn[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n margin-right: 0.25rem;\n}\n\n\n\n.path-item[_ngcontent-%COMP%] {\n position: relative;\n padding-right: 4rem;\n}\n\n\n\n.selection-info[_ngcontent-%COMP%] {\n margin-bottom: 1rem;\n padding: 0.5rem 1rem;\n background-color: #e3f2fd;\n border: 1px solid #2196f3;\n border-radius: 4px;\n color: #1976d2;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}"] }); }
|
|
400
400
|
};
|
|
401
401
|
FlowAgentFormSectionComponent = __decorate([
|
|
402
402
|
RegisterClass(BaseFormSectionComponent, 'AI Agents.FlowAgentSection')
|
|
@@ -404,10 +404,10 @@ FlowAgentFormSectionComponent = __decorate([
|
|
|
404
404
|
export { FlowAgentFormSectionComponent };
|
|
405
405
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlowAgentFormSectionComponent, [{
|
|
406
406
|
type: Component,
|
|
407
|
-
args: [{ selector: 'mj-flow-agent-form-section', template: "<div class=\"flow-agent-section\">\n @if (loading) {\n <div class=\"loading-container\">\n <i class=\"fa-solid fa-spinner fa-spin\"></i>\n <span>Loading agent workflow...</span>\n </div>\n }\n \n @if (error) {\n <div class=\"error-message\">\n <i class=\"fa-solid fa-exclamation-triangle\"></i>\n {{ error }}\n </div>\n }\n \n @if (!loading && !error) {\n <div class=\"flow-header\">\n <h3>\n <i class=\"fa-solid fa-project-diagram\"></i>\n Agent Workflow\n </h3>\n @if (EditMode) {\n <button \n kendoButton \n themeColor=\"primary\" \n (click)=\"refreshFlow()\"\n title=\"Refresh workflow view\">\n <i class=\"fa-solid fa-sync\"></i>\n Refresh\n </button>\n }\n </div>\n \n @if (steps.length === 0 && !EditMode) {\n <div class=\"empty-state\">\n <i class=\"fa-solid fa-info-circle\"></i>\n <p>No workflow steps defined for this agent.</p>\n </div>\n } @else {\n <!-- Tab Navigation -->\n <div class=\"flow-tabs\">\n <button \n class=\"flow-tab\"\n [class.active]=\"activeTab === 'diagram'\"\n (click)=\"activeTab = 'diagram'\">\n <i class=\"fa-solid fa-project-diagram\"></i>\n Diagram\n </button>\n <button \n class=\"flow-tab\"\n [class.active]=\"activeTab === 'data'\"\n (click)=\"activeTab = 'data'\">\n <i class=\"fa-solid fa-list\"></i>\n Details\n </button>\n </div>\n \n <!-- Tab Content -->\n <div class=\"flow-tab-content\">\n @if (activeTab === 'diagram') {\n <mj-flow-agent-diagram\n [agentId]=\"agentId\"\n [steps]=\"steps\"\n [paths]=\"paths\"\n [EditMode]=\"EditMode\"\n (stepsChanged)=\"refreshFlow()\"\n (pathsChanged)=\"refreshFlow()\">\n </mj-flow-agent-diagram>\n } @else {\n <div class=\"flow-steps-list\">\n <div class=\"steps-container\">\n <h4><i class=\"fa-solid fa-list\"></i> Steps</h4>\n @if (selectedStepId) {\n <div class=\"selection-info\">\n <i class=\"fa-solid fa-info-circle\"></i>\n Click a step again to deselect and show all paths\n </div>\n }\n @for (step of steps; track step.ID) {\n <div class=\"step-item\" \n [class.starting-step]=\"step.StartingStep\"\n [class.selected]=\"step.ID === selectedStepId\"\n (click)=\"selectStep(step.ID)\">\n <button class=\"open-btn\" \n (click)=\"openEntityRecord('MJ: AI Agent Steps', step.ID); $event.stopPropagation()\"\n title=\"Open step record\">\n <i class=\"fa-solid fa-external-link-alt\"></i>\n Open\n </button>\n <div class=\"step-header\">\n <span class=\"step-number\">{{ step.StartingStep ? '\uD83D\uDE80' : '\uD83D\uDCCD' }}</span>\n <span class=\"step-name\">{{ step.Name }}</span>\n <span class=\"step-type\" [class]=\"'type-' + step.StepType.toLowerCase()\">\n {{ step.StepType }}\n </span>\n @if (step.Status !== 'Active') {\n <span class=\"step-status\" [class]=\"'status-' + step.Status.toLowerCase()\">\n {{ step.Status }}\n </span>\n }\n </div>\n @if (step.Description) {\n <div class=\"step-description\">{{ step.Description }}</div>\n }\n @if (step.ActionInputMapping) {\n <div class=\"step-mapping\">\n <i class=\"fa-solid fa-sign-in-alt\"></i> Input: {{ step.ActionInputMapping }}\n </div>\n }\n @if (step.ActionOutputMapping) {\n <div class=\"step-mapping\">\n <i class=\"fa-solid fa-sign-out-alt\"></i> Output: {{ step.ActionOutputMapping }}\n </div>\n }\n </div>\n }\n </div>\n \n @if (filteredPaths.length > 0) {\n <div class=\"paths-container\">\n <h4>\n <i class=\"fa-solid fa-route\"></i> \n Paths\n @if (selectedStepId) {\n <span style=\"font-weight: normal; font-size: 0.875rem; color: #666;\">\n (showing paths for selected step)\n </span>\n }\n </h4>\n @for (path of filteredPaths; track path.ID) {\n <div class=\"path-item\">\n <button class=\"open-btn\" \n (click)=\"openEntityRecord('MJ: AI Agent Step Paths', path.ID)\"\n title=\"Open path record\">\n <i class=\"fa-solid fa-external-link-alt\"></i>\n Open\n </button>\n <i class=\"fa-solid fa-arrow-right\"></i>\n From: {{ getStepName(path.OriginStepID) }} \n \u2192 To: {{ getStepName(path.DestinationStepID) }}\n @if (path.Condition) {\n <div class=\"path-condition\">\n <i class=\"fa-solid fa-filter\"></i>\n Condition: {{ path.Condition }}\n </div>\n }\n </div>\n }\n </div>\n } @else if (selectedStepId && paths.length > 0) {\n <div class=\"paths-container\">\n <h4><i class=\"fa-solid fa-route\"></i> Paths</h4>\n <div class=\"empty-state\" style=\"padding: 2rem;\">\n <i class=\"fa-solid fa-info-circle\"></i>\n <p>No paths connected to the selected step</p>\n </div>\n </div>\n }\n </div>\n }\n </div>\n \n @if (EditMode && activeTab === 'data') {\n <div class=\"flow-instructions\">\n <p>\n <i class=\"fa-solid fa-info-circle\"></i>\n Use the steps and paths grids in the main form tabs to configure the workflow.\n </p>\n </div>\n }\n }\n }\n</div>", styles: [".flow-agent-section {\n padding: 1rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n/* Tab Navigation */\n.flow-tabs {\n display: flex;\n gap: 0.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n border-bottom: 2px solid #e0e0e0;\n}\n\n.flow-tab {\n padding: 0.75rem 1.5rem;\n background: none;\n border: none;\n border-bottom: 3px solid transparent;\n color: #666;\n font-size: 0.95rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.flow-tab:hover {\n color: #4a90e2;\n background-color: #f5f5f5;\n}\n\n.flow-tab.active {\n color: #4a90e2;\n border-bottom-color: #4a90e2;\n}\n\n.flow-tab i {\n font-size: 1rem;\n}\n\n.flow-tab-content {\n flex: 1;\n overflow-y: auto;\n}\n\n.loading-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 2rem;\n color: #666;\n}\n\n.loading-container i {\n font-size: 1.5rem;\n}\n\n.error-message {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem;\n background-color: #fee;\n border: 1px solid #fcc;\n border-radius: 4px;\n color: #c00;\n}\n\n.flow-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.flow-header h3 {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 1.2rem;\n color: #333;\n}\n\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 3rem;\n text-align: center;\n color: #666;\n}\n\n.empty-state i {\n font-size: 3rem;\n margin-bottom: 1rem;\n opacity: 0.5;\n}\n\n.rete-container {\n flex: 1;\n min-height: 500px;\n background: #f5f5f5;\n border: 1px solid #ddd;\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n}\n\n.flow-instructions {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem;\n background-color: #f0f7ff;\n border: 1px solid #cce0ff;\n border-radius: 4px;\n color: #0066cc;\n font-size: 0.875rem;\n}\n\n.flow-instructions p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n/* List view styles */\n.flow-steps-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 1rem;\n}\n\n.steps-container, .paths-container {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 1rem;\n}\n\n.steps-container h4, .paths-container h4 {\n margin: 0 0 1rem 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #333;\n font-size: 1.1rem;\n}\n\n.step-item {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n}\n\n.step-item:hover {\n border-color: #4a90e2;\n box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);\n}\n\n.step-item.selected {\n background: #e3f2fd;\n border-color: #2196f3;\n box-shadow: 0 2px 6px rgba(33, 150, 243, 0.2);\n}\n\n.step-item.starting-step {\n border-color: #28a745;\n background: #f0fff4;\n}\n\n.step-item.starting-step.selected {\n background: #d4edda;\n border-color: #28a745;\n}\n\n.step-description {\n margin-top: 0.5rem;\n padding-left: 2rem;\n color: #666;\n font-size: 0.875rem;\n}\n\n.path-item {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n font-size: 0.875rem;\n}\n\n.path-condition {\n margin-top: 0.5rem;\n padding-left: 1.5rem;\n color: #666;\n font-size: 0.813rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n/* New styles for enhanced step display */\n.step-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.step-number {\n font-size: 1.2rem;\n}\n\n.step-name {\n font-weight: 600;\n flex: 1;\n}\n\n.step-type {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n background: #e0e0e0;\n color: #555;\n}\n\n.step-type.type-action {\n background: #e3f2fd;\n color: #1976d2;\n}\n\n.step-type.type-sub-agent {\n background: #f3e5f5;\n color: #7b1fa2;\n}\n\n.step-type.type-prompt {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n}\n\n.step-status.status-pending {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status.status-disabled {\n background: #ffebee;\n color: #c62828;\n}\n\n.step-mapping {\n font-size: 0.85rem;\n color: #555;\n padding: 0.25rem 0;\n padding-left: 2rem;\n font-family: monospace;\n}\n\n.step-mapping i {\n margin-right: 0.5rem;\n color: #999;\n}\n\n/* Open button styles */\n.open-btn {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 3px;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.open-btn:hover {\n background: #f0f0f0;\n border-color: #4a90e2;\n color: #4a90e2;\n}\n\n.open-btn i {\n margin-right: 0.25rem;\n}\n\n/* Path item with open button */\n.path-item {\n position: relative;\n padding-right: 4rem;\n}\n\n/* Selection info */\n.selection-info {\n margin-bottom: 1rem;\n padding: 0.5rem 1rem;\n background-color: #e3f2fd;\n border: 1px solid #2196f3;\n border-radius: 4px;\n color: #1976d2;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}"] }]
|
|
407
|
+
args: [{ selector: 'mj-flow-agent-form-section', template: "<div class=\"flow-agent-section\">\n @if (loading) {\n <div class=\"loading-container\">\n <i class=\"fa-solid fa-spinner fa-spin\"></i>\n <span>Loading agent workflow...</span>\n </div>\n }\n \n @if (error) {\n <div class=\"error-message\">\n <i class=\"fa-solid fa-exclamation-triangle\"></i>\n {{ error }}\n </div>\n }\n \n @if (!loading && !error) {\n <div class=\"flow-header\">\n <h3>\n <i class=\"fa-solid fa-project-diagram\"></i>\n Agent Workflow\n </h3>\n @if (EditMode) {\n <button \n kendoButton \n themeColor=\"primary\" \n (click)=\"refreshFlow()\"\n title=\"Refresh workflow view\">\n <i class=\"fa-solid fa-sync\"></i>\n Refresh\n </button>\n }\n </div>\n \n @if (steps.length === 0 && !EditMode) {\n <div class=\"empty-state\">\n <i class=\"fa-solid fa-info-circle\"></i>\n <p>No workflow steps defined for this agent.</p>\n </div>\n } @else {\n <!-- Tab Navigation -->\n <div class=\"flow-tabs\">\n <button \n class=\"flow-tab\"\n [class.active]=\"activeTab === 'diagram'\"\n (click)=\"activeTab = 'diagram'\">\n <i class=\"fa-solid fa-project-diagram\"></i>\n Diagram\n </button>\n <button \n class=\"flow-tab\"\n [class.active]=\"activeTab === 'data'\"\n (click)=\"activeTab = 'data'\">\n <i class=\"fa-solid fa-list\"></i>\n Details\n </button>\n </div>\n \n <!-- Tab Content -->\n <div class=\"flow-tab-content\">\n @if (activeTab === 'diagram') {\n <mj-integrated-flow-editor\n [agentId]=\"agentId\"\n [steps]=\"steps\"\n [paths]=\"paths\"\n [EditMode]=\"EditMode\"\n (stepsChanged)=\"refreshFlow()\"\n (pathsChanged)=\"refreshFlow()\">\n </mj-integrated-flow-editor>\n } @else {\n <div class=\"flow-steps-list\">\n <div class=\"steps-container\">\n <h4><i class=\"fa-solid fa-list\"></i> Steps</h4>\n @if (selectedStepId) {\n <div class=\"selection-info\">\n <i class=\"fa-solid fa-info-circle\"></i>\n Click a step again to deselect and show all paths\n </div>\n }\n @for (step of steps; track step.ID) {\n <div class=\"step-item\" \n [class.starting-step]=\"step.StartingStep\"\n [class.selected]=\"step.ID === selectedStepId\"\n (click)=\"selectStep(step.ID)\">\n <button class=\"open-btn\" \n (click)=\"openEntityRecord('MJ: AI Agent Steps', step.ID); $event.stopPropagation()\"\n title=\"Open step record\">\n <i class=\"fa-solid fa-external-link-alt\"></i>\n Open\n </button>\n <div class=\"step-header\">\n <span class=\"step-number\">{{ step.StartingStep ? '\uD83D\uDE80' : '\uD83D\uDCCD' }}</span>\n <span class=\"step-name\">{{ step.Name }}</span>\n <span class=\"step-type\" [class]=\"'type-' + step.StepType.toLowerCase()\">\n {{ step.StepType }}\n </span>\n @if (step.Status !== 'Active') {\n <span class=\"step-status\" [class]=\"'status-' + step.Status.toLowerCase()\">\n {{ step.Status }}\n </span>\n }\n </div>\n @if (step.Description) {\n <div class=\"step-description\">{{ step.Description }}</div>\n }\n @if (step.ActionInputMapping) {\n <div class=\"step-mapping\">\n <i class=\"fa-solid fa-sign-in-alt\"></i> Input: {{ step.ActionInputMapping }}\n </div>\n }\n @if (step.ActionOutputMapping) {\n <div class=\"step-mapping\">\n <i class=\"fa-solid fa-sign-out-alt\"></i> Output: {{ step.ActionOutputMapping }}\n </div>\n }\n </div>\n }\n </div>\n \n @if (filteredPaths.length > 0) {\n <div class=\"paths-container\">\n <h4>\n <i class=\"fa-solid fa-route\"></i> \n Paths\n @if (selectedStepId) {\n <span style=\"font-weight: normal; font-size: 0.875rem; color: #666;\">\n (showing paths for selected step)\n </span>\n }\n </h4>\n @for (path of filteredPaths; track path.ID) {\n <div class=\"path-item\">\n <button class=\"open-btn\" \n (click)=\"openEntityRecord('MJ: AI Agent Step Paths', path.ID)\"\n title=\"Open path record\">\n <i class=\"fa-solid fa-external-link-alt\"></i>\n Open\n </button>\n <i class=\"fa-solid fa-arrow-right\"></i>\n From: {{ getStepName(path.OriginStepID) }} \n \u2192 To: {{ getStepName(path.DestinationStepID) }}\n @if (path.Condition) {\n <div class=\"path-condition\">\n <i class=\"fa-solid fa-filter\"></i>\n Condition: {{ path.Condition }}\n </div>\n }\n </div>\n }\n </div>\n } @else if (selectedStepId && paths.length > 0) {\n <div class=\"paths-container\">\n <h4><i class=\"fa-solid fa-route\"></i> Paths</h4>\n <div class=\"empty-state\" style=\"padding: 2rem;\">\n <i class=\"fa-solid fa-info-circle\"></i>\n <p>No paths connected to the selected step</p>\n </div>\n </div>\n }\n </div>\n }\n </div>\n \n @if (EditMode && activeTab === 'data') {\n <div class=\"flow-instructions\">\n <p>\n <i class=\"fa-solid fa-info-circle\"></i>\n Use the steps and paths grids in the main form tabs to configure the workflow.\n </p>\n </div>\n }\n }\n }\n</div>", styles: [".flow-agent-section {\n padding: 1rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n/* Tab Navigation */\n.flow-tabs {\n display: flex;\n gap: 0.5rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n border-bottom: 2px solid #e0e0e0;\n}\n\n.flow-tab {\n padding: 0.75rem 1.5rem;\n background: none;\n border: none;\n border-bottom: 3px solid transparent;\n color: #666;\n font-size: 0.95rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.flow-tab:hover {\n color: #4a90e2;\n background-color: #f5f5f5;\n}\n\n.flow-tab.active {\n color: #4a90e2;\n border-bottom-color: #4a90e2;\n}\n\n.flow-tab i {\n font-size: 1rem;\n}\n\n.flow-tab-content {\n flex: 1;\n overflow-y: auto;\n min-height: 600px;\n position: relative;\n}\n\n/* Ensure integrated flow editor has full height */\nmj-integrated-flow-editor {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 600px;\n}\n\n.loading-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 2rem;\n color: #666;\n}\n\n.loading-container i {\n font-size: 1.5rem;\n}\n\n.error-message {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem;\n background-color: #fee;\n border: 1px solid #fcc;\n border-radius: 4px;\n color: #c00;\n}\n\n.flow-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.flow-header h3 {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 1.2rem;\n color: #333;\n}\n\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 3rem;\n text-align: center;\n color: #666;\n}\n\n.empty-state i {\n font-size: 3rem;\n margin-bottom: 1rem;\n opacity: 0.5;\n}\n\n.rete-container {\n flex: 1;\n min-height: 500px;\n background: #f5f5f5;\n border: 1px solid #ddd;\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n}\n\n.flow-instructions {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem;\n background-color: #f0f7ff;\n border: 1px solid #cce0ff;\n border-radius: 4px;\n color: #0066cc;\n font-size: 0.875rem;\n}\n\n.flow-instructions p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n/* List view styles */\n.flow-steps-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-top: 1rem;\n}\n\n.steps-container, .paths-container {\n background: white;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 1rem;\n}\n\n.steps-container h4, .paths-container h4 {\n margin: 0 0 1rem 0;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: #333;\n font-size: 1.1rem;\n}\n\n.step-item {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n}\n\n.step-item:hover {\n border-color: #4a90e2;\n box-shadow: 0 2px 4px rgba(74, 144, 226, 0.1);\n}\n\n.step-item.selected {\n background: #e3f2fd;\n border-color: #2196f3;\n box-shadow: 0 2px 6px rgba(33, 150, 243, 0.2);\n}\n\n.step-item.starting-step {\n border-color: #28a745;\n background: #f0fff4;\n}\n\n.step-item.starting-step.selected {\n background: #d4edda;\n border-color: #28a745;\n}\n\n.step-description {\n margin-top: 0.5rem;\n padding-left: 2rem;\n color: #666;\n font-size: 0.875rem;\n}\n\n.path-item {\n background: #f8f9fa;\n border: 1px solid #dee2e6;\n border-radius: 6px;\n padding: 0.75rem;\n margin-bottom: 0.75rem;\n font-size: 0.875rem;\n}\n\n.path-condition {\n margin-top: 0.5rem;\n padding-left: 1.5rem;\n color: #666;\n font-size: 0.813rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n/* New styles for enhanced step display */\n.step-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.step-number {\n font-size: 1.2rem;\n}\n\n.step-name {\n font-weight: 600;\n flex: 1;\n}\n\n.step-type {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n background: #e0e0e0;\n color: #555;\n}\n\n.step-type.type-action {\n background: #e3f2fd;\n color: #1976d2;\n}\n\n.step-type.type-sub-agent {\n background: #f3e5f5;\n color: #7b1fa2;\n}\n\n.step-type.type-prompt {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status {\n padding: 0.2rem 0.5rem;\n border-radius: 3px;\n font-size: 0.85rem;\n}\n\n.step-status.status-pending {\n background: #fff3e0;\n color: #f57c00;\n}\n\n.step-status.status-disabled {\n background: #ffebee;\n color: #c62828;\n}\n\n.step-mapping {\n font-size: 0.85rem;\n color: #555;\n padding: 0.25rem 0;\n padding-left: 2rem;\n font-family: monospace;\n}\n\n.step-mapping i {\n margin-right: 0.5rem;\n color: #999;\n}\n\n/* Open button styles */\n.open-btn {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 3px;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n\n.open-btn:hover {\n background: #f0f0f0;\n border-color: #4a90e2;\n color: #4a90e2;\n}\n\n.open-btn i {\n margin-right: 0.25rem;\n}\n\n/* Path item with open button */\n.path-item {\n position: relative;\n padding-right: 4rem;\n}\n\n/* Selection info */\n.selection-info {\n margin-bottom: 1rem;\n padding: 0.5rem 1rem;\n background-color: #e3f2fd;\n border: 1px solid #2196f3;\n border-radius: 4px;\n color: #1976d2;\n font-size: 0.875rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}"] }]
|
|
408
408
|
}], () => [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }], { reteContainer: [{
|
|
409
409
|
type: ViewChild,
|
|
410
410
|
args: ['reteContainer', { static: true }]
|
|
411
411
|
}] }); })();
|
|
412
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentFormSectionComponent, { className: "FlowAgentFormSectionComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts", lineNumber:
|
|
412
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlowAgentFormSectionComponent, { className: "FlowAgentFormSectionComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts", lineNumber: 16 }); })();
|
|
413
413
|
//# sourceMappingURL=flow-agent-form-section.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-agent-form-section.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts","../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAqB,SAAS,EAA2C,MAAM,eAAe,CAAC;AACjH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;;;;;;ICJlD,8BAA+B;IAC3B,uBAA2C;IAC3C,4BAAM;IAAA,yCAAyB;IACnC,AADmC,iBAAO,EACpC;;;IAIN,8BAA2B;IACvB,uBAAgD;IAChD,YACJ;IAAA,iBAAM;;;IADF,eACJ;IADI,6CACJ;;;;IAUQ,iCAIkC;IAD9B,gNAAS,oBAAa,KAAC;IAEvB,wBAAgC;IAChC,yBACJ;IAAA,iBAAS;;;IAKb,8BAAyB;IACrB,wBAAuC;IACvC,yBAAG;IAAA,yDAAyC;IAChD,AADgD,iBAAI,EAC9C;;;;IAuBE,
|
|
1
|
+
{"version":3,"file":"flow-agent-form-section.component.js","sourceRoot":"","sources":["../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.ts","../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-agent-form-section.component.html"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { Connection, BooleanCondition } from '../../models/connection.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ConditionEditorComponent implements OnInit {
|
|
5
|
+
connection: Connection | null;
|
|
6
|
+
save: EventEmitter<{
|
|
7
|
+
condition: BooleanCondition;
|
|
8
|
+
label?: string | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
cancel: EventEmitter<void>;
|
|
11
|
+
conditionExpression: string;
|
|
12
|
+
conditionLabel: string;
|
|
13
|
+
connectionLabel: string;
|
|
14
|
+
quickConditions: {
|
|
15
|
+
expression: string;
|
|
16
|
+
label: string;
|
|
17
|
+
}[];
|
|
18
|
+
ngOnInit(): void;
|
|
19
|
+
private loadConnectionData;
|
|
20
|
+
applyQuickCondition(condition: {
|
|
21
|
+
expression: string;
|
|
22
|
+
label: string;
|
|
23
|
+
}): void;
|
|
24
|
+
onSave(): void;
|
|
25
|
+
onCancel(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConditionEditorComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConditionEditorComponent, "app-condition-editor", never, { "connection": { "alias": "connection"; "required": false; }; }, { "save": "save"; "cancel": "cancel"; }, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=condition-editor.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"condition-editor.component.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAM/E,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAE7E,qBAyKa,wBAAyB,YAAW,MAAM;IAC5C,UAAU,EAAE,UAAU,GAAG,IAAI,CAAQ;IACpC,IAAI;mBAAiC,gBAAgB;;OAAsB;IAC3E,MAAM,qBAA4B;IAE5C,mBAAmB,SAAM;IACzB,cAAc,SAAM;IACpB,eAAe,SAAM;IAErB,eAAe;;;QAQb;IAEF,QAAQ;IAIR,OAAO,CAAC,kBAAkB;IAU1B,mBAAmB,CAAC,SAAS,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAKpE,MAAM;IAYN,QAAQ;yCAlDG,wBAAwB;2CAAxB,wBAAwB;CAqDpC"}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
5
|
+
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
6
|
+
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "@progress/kendo-angular-inputs";
|
|
10
|
+
import * as i3 from "@progress/kendo-angular-buttons";
|
|
11
|
+
function ConditionEditorComponent_button_21_Template(rf, ctx) { if (rf & 1) {
|
|
12
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
13
|
+
i0.ɵɵelementStart(0, "button", 17);
|
|
14
|
+
i0.ɵɵlistener("click", function ConditionEditorComponent_button_21_Template_button_click_0_listener() { const cond_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.applyQuickCondition(cond_r2)); });
|
|
15
|
+
i0.ɵɵtext(1);
|
|
16
|
+
i0.ɵɵelementEnd();
|
|
17
|
+
} if (rf & 2) {
|
|
18
|
+
const cond_r2 = ctx.$implicit;
|
|
19
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
20
|
+
i0.ɵɵproperty("themeColor", ctx_r2.conditionExpression === cond_r2.expression ? "primary" : "base");
|
|
21
|
+
i0.ɵɵadvance();
|
|
22
|
+
i0.ɵɵtextInterpolate1(" ", cond_r2.label, " ");
|
|
23
|
+
} }
|
|
24
|
+
export class ConditionEditorComponent {
|
|
25
|
+
constructor() {
|
|
26
|
+
this.connection = null;
|
|
27
|
+
this.save = new EventEmitter();
|
|
28
|
+
this.cancel = new EventEmitter();
|
|
29
|
+
this.conditionExpression = '';
|
|
30
|
+
this.conditionLabel = '';
|
|
31
|
+
this.connectionLabel = '';
|
|
32
|
+
this.quickConditions = [
|
|
33
|
+
{ expression: 'success', label: 'Success' },
|
|
34
|
+
{ expression: 'error', label: 'Error' },
|
|
35
|
+
{ expression: 'completed', label: 'Completed' },
|
|
36
|
+
{ expression: 'failed', label: 'Failed' },
|
|
37
|
+
{ expression: 'timeout', label: 'Timeout' },
|
|
38
|
+
{ expression: 'true', label: 'Always' },
|
|
39
|
+
{ expression: 'false', label: 'Never' }
|
|
40
|
+
];
|
|
41
|
+
}
|
|
42
|
+
ngOnInit() {
|
|
43
|
+
this.loadConnectionData();
|
|
44
|
+
}
|
|
45
|
+
loadConnectionData() {
|
|
46
|
+
if (this.connection?.condition) {
|
|
47
|
+
this.conditionExpression = this.connection.condition.expression;
|
|
48
|
+
this.conditionLabel = this.connection.condition.label || '';
|
|
49
|
+
}
|
|
50
|
+
// If the connection has a label property (from extended model), use it
|
|
51
|
+
this.connectionLabel = this.connection?.label || '';
|
|
52
|
+
}
|
|
53
|
+
applyQuickCondition(condition) {
|
|
54
|
+
this.conditionExpression = condition.expression;
|
|
55
|
+
this.conditionLabel = condition.label;
|
|
56
|
+
}
|
|
57
|
+
onSave() {
|
|
58
|
+
const condition = {
|
|
59
|
+
expression: this.conditionExpression || 'true',
|
|
60
|
+
label: this.conditionLabel || undefined
|
|
61
|
+
};
|
|
62
|
+
this.save.emit({
|
|
63
|
+
condition,
|
|
64
|
+
label: this.connectionLabel || undefined
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
onCancel() {
|
|
68
|
+
this.cancel.emit();
|
|
69
|
+
}
|
|
70
|
+
static { this.ɵfac = function ConditionEditorComponent_Factory(t) { return new (t || ConditionEditorComponent)(); }; }
|
|
71
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConditionEditorComponent, selectors: [["app-condition-editor"]], inputs: { connection: "connection" }, outputs: { save: "save", cancel: "cancel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 31, vars: 10, consts: [[1, "condition-editor"], [1, "editor-header"], [1, "close-button", 3, "click"], [1, "fa-solid", "fa-times"], [1, "editor-content"], [1, "form-group"], ["placeholder", "e.g., success, error, result > 0", 3, "valueChange", "value"], [1, "help-text"], ["placeholder", "Label to display on the connection", 3, "valueChange", "value"], [1, "quick-conditions"], [1, "condition-buttons"], ["kendoButton", "", 3, "themeColor", "click", 4, "ngFor", "ngForOf"], [1, "connection-label-section"], ["placeholder", "Name for this connection", 3, "valueChange", "value"], [1, "editor-footer"], ["kendoButton", "", 3, "click"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click", "themeColor"]], template: function ConditionEditorComponent_Template(rf, ctx) { if (rf & 1) {
|
|
72
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h3");
|
|
73
|
+
i0.ɵɵtext(3, "Edit Path Condition");
|
|
74
|
+
i0.ɵɵelementEnd();
|
|
75
|
+
i0.ɵɵelementStart(4, "button", 2);
|
|
76
|
+
i0.ɵɵlistener("click", function ConditionEditorComponent_Template_button_click_4_listener() { return ctx.onCancel(); });
|
|
77
|
+
i0.ɵɵelement(5, "i", 3);
|
|
78
|
+
i0.ɵɵelementEnd()();
|
|
79
|
+
i0.ɵɵelementStart(6, "div", 4)(7, "div", 5)(8, "label");
|
|
80
|
+
i0.ɵɵtext(9, "Condition Expression");
|
|
81
|
+
i0.ɵɵelementEnd();
|
|
82
|
+
i0.ɵɵelementStart(10, "kendo-textbox", 6);
|
|
83
|
+
i0.ɵɵtwoWayListener("valueChange", function ConditionEditorComponent_Template_kendo_textbox_valueChange_10_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.conditionExpression, $event) || (ctx.conditionExpression = $event); return $event; });
|
|
84
|
+
i0.ɵɵelementEnd();
|
|
85
|
+
i0.ɵɵelementStart(11, "small", 7);
|
|
86
|
+
i0.ɵɵtext(12, " Enter a boolean expression that will determine when this path is taken ");
|
|
87
|
+
i0.ɵɵelementEnd()();
|
|
88
|
+
i0.ɵɵelementStart(13, "div", 5)(14, "label");
|
|
89
|
+
i0.ɵɵtext(15, "Display Label (Optional)");
|
|
90
|
+
i0.ɵɵelementEnd();
|
|
91
|
+
i0.ɵɵelementStart(16, "kendo-textbox", 8);
|
|
92
|
+
i0.ɵɵtwoWayListener("valueChange", function ConditionEditorComponent_Template_kendo_textbox_valueChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.conditionLabel, $event) || (ctx.conditionLabel = $event); return $event; });
|
|
93
|
+
i0.ɵɵelementEnd()();
|
|
94
|
+
i0.ɵɵelementStart(17, "div", 9)(18, "label");
|
|
95
|
+
i0.ɵɵtext(19, "Quick Conditions:");
|
|
96
|
+
i0.ɵɵelementEnd();
|
|
97
|
+
i0.ɵɵelementStart(20, "div", 10);
|
|
98
|
+
i0.ɵɵtemplate(21, ConditionEditorComponent_button_21_Template, 2, 2, "button", 11);
|
|
99
|
+
i0.ɵɵelementEnd()();
|
|
100
|
+
i0.ɵɵelementStart(22, "div", 12)(23, "label");
|
|
101
|
+
i0.ɵɵtext(24, "Connection Name (Optional)");
|
|
102
|
+
i0.ɵɵelementEnd();
|
|
103
|
+
i0.ɵɵelementStart(25, "kendo-textbox", 13);
|
|
104
|
+
i0.ɵɵtwoWayListener("valueChange", function ConditionEditorComponent_Template_kendo_textbox_valueChange_25_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.connectionLabel, $event) || (ctx.connectionLabel = $event); return $event; });
|
|
105
|
+
i0.ɵɵelementEnd()()();
|
|
106
|
+
i0.ɵɵelementStart(26, "div", 14)(27, "button", 15);
|
|
107
|
+
i0.ɵɵlistener("click", function ConditionEditorComponent_Template_button_click_27_listener() { return ctx.onCancel(); });
|
|
108
|
+
i0.ɵɵtext(28, "Cancel");
|
|
109
|
+
i0.ɵɵelementEnd();
|
|
110
|
+
i0.ɵɵelementStart(29, "button", 16);
|
|
111
|
+
i0.ɵɵlistener("click", function ConditionEditorComponent_Template_button_click_29_listener() { return ctx.onSave(); });
|
|
112
|
+
i0.ɵɵtext(30, "Save");
|
|
113
|
+
i0.ɵɵelementEnd()()();
|
|
114
|
+
} if (rf & 2) {
|
|
115
|
+
i0.ɵɵadvance(10);
|
|
116
|
+
i0.ɵɵstyleProp("width", 100, "%");
|
|
117
|
+
i0.ɵɵtwoWayProperty("value", ctx.conditionExpression);
|
|
118
|
+
i0.ɵɵadvance(6);
|
|
119
|
+
i0.ɵɵstyleProp("width", 100, "%");
|
|
120
|
+
i0.ɵɵtwoWayProperty("value", ctx.conditionLabel);
|
|
121
|
+
i0.ɵɵadvance(5);
|
|
122
|
+
i0.ɵɵproperty("ngForOf", ctx.quickConditions);
|
|
123
|
+
i0.ɵɵadvance(4);
|
|
124
|
+
i0.ɵɵstyleProp("width", 100, "%");
|
|
125
|
+
i0.ɵɵtwoWayProperty("value", ctx.connectionLabel);
|
|
126
|
+
} }, dependencies: [CommonModule, i1.NgForOf, FormsModule, DropDownsModule, InputsModule, i2.TextBoxComponent, ButtonsModule, i3.ButtonComponent], styles: [".condition-editor[_ngcontent-%COMP%] {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .editor-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n background: #f5f5f5;\n border-bottom: 1px solid #e0e0e0;\n }\n \n .editor-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: #333;\n }\n \n .close-button[_ngcontent-%COMP%] {\n background: none;\n border: none;\n font-size: 18px;\n color: #666;\n cursor: pointer;\n padding: 5px;\n }\n \n .close-button[_ngcontent-%COMP%]:hover {\n color: #333;\n }\n \n .editor-content[_ngcontent-%COMP%] {\n padding: 20px;\n }\n \n .form-group[_ngcontent-%COMP%] {\n margin-bottom: 20px;\n }\n \n .form-group[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n display: block;\n margin-bottom: 5px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .help-text[_ngcontent-%COMP%] {\n display: block;\n margin-top: 5px;\n font-size: 12px;\n color: #999;\n }\n \n .quick-conditions[_ngcontent-%COMP%] {\n margin: 25px 0;\n padding: 15px;\n background: #f9f9f9;\n border-radius: 4px;\n }\n \n .quick-conditions[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n display: block;\n margin-bottom: 10px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .condition-buttons[_ngcontent-%COMP%] {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n \n .connection-label-section[_ngcontent-%COMP%] {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n .connection-label-section[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n display: block;\n margin-bottom: 5px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .editor-footer[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n padding: 15px 20px;\n background: #f5f5f5;\n border-top: 1px solid #e0e0e0;\n }"] }); }
|
|
127
|
+
}
|
|
128
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConditionEditorComponent, [{
|
|
129
|
+
type: Component,
|
|
130
|
+
args: [{ selector: 'app-condition-editor', standalone: true, imports: [CommonModule, FormsModule, DropDownsModule, InputsModule, ButtonsModule], template: `
|
|
131
|
+
<div class="condition-editor">
|
|
132
|
+
<div class="editor-header">
|
|
133
|
+
<h3>Edit Path Condition</h3>
|
|
134
|
+
<button class="close-button" (click)="onCancel()">
|
|
135
|
+
<i class="fa-solid fa-times"></i>
|
|
136
|
+
</button>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
<div class="editor-content">
|
|
140
|
+
<div class="form-group">
|
|
141
|
+
<label>Condition Expression</label>
|
|
142
|
+
<kendo-textbox
|
|
143
|
+
[(value)]="conditionExpression"
|
|
144
|
+
placeholder="e.g., success, error, result > 0"
|
|
145
|
+
[style.width.%]="100">
|
|
146
|
+
</kendo-textbox>
|
|
147
|
+
<small class="help-text">
|
|
148
|
+
Enter a boolean expression that will determine when this path is taken
|
|
149
|
+
</small>
|
|
150
|
+
</div>
|
|
151
|
+
|
|
152
|
+
<div class="form-group">
|
|
153
|
+
<label>Display Label (Optional)</label>
|
|
154
|
+
<kendo-textbox
|
|
155
|
+
[(value)]="conditionLabel"
|
|
156
|
+
placeholder="Label to display on the connection"
|
|
157
|
+
[style.width.%]="100">
|
|
158
|
+
</kendo-textbox>
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
<div class="quick-conditions">
|
|
162
|
+
<label>Quick Conditions:</label>
|
|
163
|
+
<div class="condition-buttons">
|
|
164
|
+
<button
|
|
165
|
+
kendoButton
|
|
166
|
+
*ngFor="let cond of quickConditions"
|
|
167
|
+
(click)="applyQuickCondition(cond)"
|
|
168
|
+
[themeColor]="conditionExpression === cond.expression ? 'primary' : 'base'">
|
|
169
|
+
{{ cond.label }}
|
|
170
|
+
</button>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
|
|
174
|
+
<div class="connection-label-section">
|
|
175
|
+
<label>Connection Name (Optional)</label>
|
|
176
|
+
<kendo-textbox
|
|
177
|
+
[(value)]="connectionLabel"
|
|
178
|
+
placeholder="Name for this connection"
|
|
179
|
+
[style.width.%]="100">
|
|
180
|
+
</kendo-textbox>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
|
|
184
|
+
<div class="editor-footer">
|
|
185
|
+
<button kendoButton (click)="onCancel()">Cancel</button>
|
|
186
|
+
<button kendoButton themeColor="primary" (click)="onSave()">Save</button>
|
|
187
|
+
</div>
|
|
188
|
+
</div>
|
|
189
|
+
`, styles: ["\n .condition-editor {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n \n .editor-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n background: #f5f5f5;\n border-bottom: 1px solid #e0e0e0;\n }\n \n .editor-header h3 {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: #333;\n }\n \n .close-button {\n background: none;\n border: none;\n font-size: 18px;\n color: #666;\n cursor: pointer;\n padding: 5px;\n }\n \n .close-button:hover {\n color: #333;\n }\n \n .editor-content {\n padding: 20px;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 5px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .help-text {\n display: block;\n margin-top: 5px;\n font-size: 12px;\n color: #999;\n }\n \n .quick-conditions {\n margin: 25px 0;\n padding: 15px;\n background: #f9f9f9;\n border-radius: 4px;\n }\n \n .quick-conditions label {\n display: block;\n margin-bottom: 10px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .condition-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n \n .connection-label-section {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #e0e0e0;\n }\n \n .connection-label-section label {\n display: block;\n margin-bottom: 5px;\n font-size: 13px;\n font-weight: 600;\n color: #666;\n }\n \n .editor-footer {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n padding: 15px 20px;\n background: #f5f5f5;\n border-top: 1px solid #e0e0e0;\n }\n "] }]
|
|
190
|
+
}], null, { connection: [{
|
|
191
|
+
type: Input
|
|
192
|
+
}], save: [{
|
|
193
|
+
type: Output
|
|
194
|
+
}], cancel: [{
|
|
195
|
+
type: Output
|
|
196
|
+
}] }); })();
|
|
197
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConditionEditorComponent, { className: "ConditionEditorComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.ts", lineNumber: 178 }); })();
|
|
198
|
+
//# sourceMappingURL=condition-editor.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"condition-editor.component.js","sourceRoot":"","sources":["../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/condition-editor/condition-editor.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ConfirmationDialogComponent {
|
|
4
|
+
title: string;
|
|
5
|
+
message: string;
|
|
6
|
+
confirmText: string;
|
|
7
|
+
confirm: EventEmitter<void>;
|
|
8
|
+
cancel: EventEmitter<void>;
|
|
9
|
+
onConfirm(): void;
|
|
10
|
+
onCancel(): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "app-confirmation-dialog", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=confirmation-dialog.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation-dialog.component.d.ts","sourceRoot":"","sources":["../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;;AAIvE,qBA6Ga,2BAA2B;IAC7B,KAAK,SAAoB;IACzB,OAAO,SAAuC;IAC9C,WAAW,SAAY;IAEtB,OAAO,qBAA4B;IACnC,MAAM,qBAA4B;IAE5C,SAAS;IAIT,QAAQ;yCAZG,2BAA2B;2CAA3B,2BAA2B;CAevC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@progress/kendo-angular-buttons";
|
|
6
|
+
export class ConfirmationDialogComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.title = 'Confirm Action';
|
|
9
|
+
this.message = 'Are you sure you want to proceed?';
|
|
10
|
+
this.confirmText = 'Delete';
|
|
11
|
+
this.confirm = new EventEmitter();
|
|
12
|
+
this.cancel = new EventEmitter();
|
|
13
|
+
}
|
|
14
|
+
onConfirm() {
|
|
15
|
+
this.confirm.emit();
|
|
16
|
+
}
|
|
17
|
+
onCancel() {
|
|
18
|
+
this.cancel.emit();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = function ConfirmationDialogComponent_Factory(t) { return new (t || ConfirmationDialogComponent)(); }; }
|
|
21
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["app-confirmation-dialog"]], inputs: { title: "title", message: "message", confirmText: "confirmText" }, outputs: { confirm: "confirm", cancel: "cancel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 14, vars: 5, consts: [[1, "dialog-backdrop", 3, "click"], [1, "dialog-container", 3, "click"], [1, "dialog-header"], [1, "dialog-content"], [1, "fas", "fa-exclamation-triangle", "warning-icon"], [1, "dialog-footer"], ["kendoButton", "", 3, "click", "look"], ["kendoButton", "", 3, "click", "themeColor"]], template: function ConfirmationDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
22
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
23
|
+
i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_div_click_0_listener() { return ctx.onCancel(); });
|
|
24
|
+
i0.ɵɵelementStart(1, "div", 1);
|
|
25
|
+
i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
|
|
26
|
+
i0.ɵɵelementStart(2, "div", 2)(3, "h3");
|
|
27
|
+
i0.ɵɵtext(4);
|
|
28
|
+
i0.ɵɵelementEnd()();
|
|
29
|
+
i0.ɵɵelementStart(5, "div", 3);
|
|
30
|
+
i0.ɵɵelement(6, "i", 4);
|
|
31
|
+
i0.ɵɵelementStart(7, "p");
|
|
32
|
+
i0.ɵɵtext(8);
|
|
33
|
+
i0.ɵɵelementEnd()();
|
|
34
|
+
i0.ɵɵelementStart(9, "div", 5)(10, "button", 6);
|
|
35
|
+
i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_10_listener() { return ctx.onCancel(); });
|
|
36
|
+
i0.ɵɵtext(11, " Cancel ");
|
|
37
|
+
i0.ɵɵelementEnd();
|
|
38
|
+
i0.ɵɵelementStart(12, "button", 7);
|
|
39
|
+
i0.ɵɵlistener("click", function ConfirmationDialogComponent_Template_button_click_12_listener() { return ctx.onConfirm(); });
|
|
40
|
+
i0.ɵɵtext(13);
|
|
41
|
+
i0.ɵɵelementEnd()()()();
|
|
42
|
+
} if (rf & 2) {
|
|
43
|
+
i0.ɵɵadvance(4);
|
|
44
|
+
i0.ɵɵtextInterpolate(ctx.title);
|
|
45
|
+
i0.ɵɵadvance(4);
|
|
46
|
+
i0.ɵɵtextInterpolate(ctx.message);
|
|
47
|
+
i0.ɵɵadvance(2);
|
|
48
|
+
i0.ɵɵproperty("look", "outline");
|
|
49
|
+
i0.ɵɵadvance(2);
|
|
50
|
+
i0.ɵɵproperty("themeColor", "error");
|
|
51
|
+
i0.ɵɵadvance();
|
|
52
|
+
i0.ɵɵtextInterpolate1(" ", ctx.confirmText, " ");
|
|
53
|
+
} }, dependencies: [CommonModule, ButtonsModule, i1.ButtonComponent], styles: [".dialog-backdrop[_ngcontent-%COMP%] {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n }\n \n .dialog-container[_ngcontent-%COMP%] {\n background: var(--white-color);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n width: 400px;\n max-width: 90%;\n animation: _ngcontent-%COMP%_dialogSlideIn 0.3s ease;\n }\n \n @keyframes _ngcontent-%COMP%_dialogSlideIn {\n from {\n opacity: 0;\n transform: translateY(-20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n .dialog-header[_ngcontent-%COMP%] {\n padding: 1.5rem;\n border-bottom: 1px solid var(--gray-700);\n background: var(--gray-600);\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n \n h3 {\n margin: 0;\n font-size: 1.25rem;\n color: var(--gray-900);\n }\n }\n \n .dialog-content[_ngcontent-%COMP%] {\n padding: 2rem;\n text-align: center;\n \n .warning-icon {\n font-size: 3rem;\n color: #dc3545;\n margin-bottom: 1rem;\n }\n \n p {\n margin: 0;\n font-size: 1rem;\n color: var(--gray-900);\n line-height: 1.5;\n }\n }\n \n .dialog-footer[_ngcontent-%COMP%] {\n padding: 1rem 1.5rem;\n border-top: 1px solid var(--gray-700);\n display: flex;\n justify-content: flex-end;\n gap: 0.5rem;\n background: var(--gray-600);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n }"] }); }
|
|
54
|
+
}
|
|
55
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationDialogComponent, [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'app-confirmation-dialog', standalone: true, imports: [CommonModule, ButtonsModule], template: `
|
|
58
|
+
<div class="dialog-backdrop" (click)="onCancel()">
|
|
59
|
+
<div class="dialog-container" (click)="$event.stopPropagation()">
|
|
60
|
+
<div class="dialog-header">
|
|
61
|
+
<h3>{{ title }}</h3>
|
|
62
|
+
</div>
|
|
63
|
+
|
|
64
|
+
<div class="dialog-content">
|
|
65
|
+
<i class="fas fa-exclamation-triangle warning-icon"></i>
|
|
66
|
+
<p>{{ message }}</p>
|
|
67
|
+
</div>
|
|
68
|
+
|
|
69
|
+
<div class="dialog-footer">
|
|
70
|
+
<button
|
|
71
|
+
kendoButton
|
|
72
|
+
[look]="'outline'"
|
|
73
|
+
(click)="onCancel()">
|
|
74
|
+
Cancel
|
|
75
|
+
</button>
|
|
76
|
+
<button
|
|
77
|
+
kendoButton
|
|
78
|
+
[themeColor]="'error'"
|
|
79
|
+
(click)="onConfirm()">
|
|
80
|
+
{{ confirmText }}
|
|
81
|
+
</button>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
`, styles: ["\n .dialog-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n }\n \n .dialog-container {\n background: var(--white-color);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n width: 400px;\n max-width: 90%;\n animation: dialogSlideIn 0.3s ease;\n }\n \n @keyframes dialogSlideIn {\n from {\n opacity: 0;\n transform: translateY(-20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n \n .dialog-header {\n padding: 1.5rem;\n border-bottom: 1px solid var(--gray-700);\n background: var(--gray-600);\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n \n h3 {\n margin: 0;\n font-size: 1.25rem;\n color: var(--gray-900);\n }\n }\n \n .dialog-content {\n padding: 2rem;\n text-align: center;\n \n .warning-icon {\n font-size: 3rem;\n color: #dc3545;\n margin-bottom: 1rem;\n }\n \n p {\n margin: 0;\n font-size: 1rem;\n color: var(--gray-900);\n line-height: 1.5;\n }\n }\n \n .dialog-footer {\n padding: 1rem 1.5rem;\n border-top: 1px solid var(--gray-700);\n display: flex;\n justify-content: flex-end;\n gap: 0.5rem;\n background: var(--gray-600);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n }\n "] }]
|
|
86
|
+
}], null, { title: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], message: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], confirmText: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], confirm: [{
|
|
93
|
+
type: Output
|
|
94
|
+
}], cancel: [{
|
|
95
|
+
type: Output
|
|
96
|
+
}] }); })();
|
|
97
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmationDialogComponent, { className: "ConfirmationDialogComponent", filePath: "src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.ts", lineNumber: 114 }); })();
|
|
98
|
+
//# sourceMappingURL=confirmation-dialog.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../src/lib/custom/AIAgents/FlowAgentType/flow-editor-integration/components/confirmation-dialog/confirmation-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;;;AA+GhE,MAAM,OAAO,2BAA2B;IA7GxC;QA8GW,UAAK,GAAG,gBAAgB,CAAC;QACzB,YAAO,GAAG,mCAAmC,CAAC;QAC9C,gBAAW,GAAG,QAAQ,CAAC;QAEtB,YAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;QACnC,WAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;KAS7C;IAPC,SAAS;QACP,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;4FAdU,2BAA2B;oEAA3B,2BAA2B;YAxGpC,8BAAkD;YAArB,qGAAS,cAAU,IAAC;YAC/C,8BAAiE;YAAnC,2GAAS,wBAAwB,IAAC;YAE5D,AADF,8BAA2B,SACrB;YAAA,YAAW;YACjB,AADiB,iBAAK,EAChB;YAEN,8BAA4B;YAC1B,uBAAwD;YACxD,yBAAG;YAAA,YAAa;YAClB,AADkB,iBAAI,EAChB;YAGJ,AADF,8BAA2B,iBAIF;YAArB,yGAAS,cAAU,IAAC;YACpB,yBACF;YAAA,iBAAS;YACT,kCAGwB;YAAtB,yGAAS,eAAW,IAAC;YACrB,aACF;YAGN,AADE,AADE,AADE,iBAAS,EACL,EACF,EACF;;YAvBI,eAAW;YAAX,+BAAW;YAKZ,eAAa;YAAb,iCAAa;YAMd,eAAkB;YAAlB,gCAAkB;YAMlB,eAAsB;YAAtB,oCAAsB;YAEtB,cACF;YADE,gDACF;4BAzBE,YAAY,EAAE,aAAa;;iFA0G1B,2BAA2B;cA7GvC,SAAS;2BACE,yBAAyB,cACvB,IAAI,WACP,CAAC,YAAY,EAAE,aAAa,CAAC,YAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT;gBA8EQ,KAAK;kBAAb,KAAK;YACG,OAAO;kBAAf,KAAK;YACG,WAAW;kBAAnB,KAAK;YAEI,OAAO;kBAAhB,MAAM;YACG,MAAM;kBAAf,MAAM;;kFANI,2BAA2B"}
|