@memberjunction/ng-user-routines 0.0.0 → 5.45.1

package/dist/lib/new-routine.component.js

@@ -0,0 +1,1070 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { CompositeKey, RunView } from '@memberjunction/core';
+import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { UserRoutineEngine } from '@memberjunction/core-entities';
+import { BuildCronExpression, CRON_DAY_NAMES, DescribeCronExpression, IsPlausibleCronExpression, NormalizeUUID, ParseCronExpression, } from '@memberjunction/global';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { FromDateTimeLocal, GetLocalTimezone, GetTimezoneOptions, IsPlausibleEmail, ParseSkillIDs, SerializeSkillIDs, ToDateTimeLocal, ValidateOptionalJson, } from './routine-ui-helpers';
+import { LoadRoutineTargetCatalog } from './routine-target-catalog';
+import { AfterRoutineCreatedEventArgs, BeforeRoutineCreatedEventArgs } from './user-routines-events';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-shared-generic";
+import * as i4 from "@memberjunction/ng-code-editor";
+import * as i5 from "@memberjunction/ng-trees";
+import * as i6 from "@memberjunction/ng-composer";
+const _c0 = () => ["agent-mentions"];
+const _forTrack0 = ($index, $item) => $item.Value;
+const _forTrack1 = ($index, $item) => $item.ID;
+function NewRoutineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 2);
+    i0.ɵɵelementEnd();
+} }
+function NewRoutineComponent_Conditional_1_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const error_r2 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(error_r2);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-alert", 3)(1, "ul", 28);
+    i0.ɵɵrepeaterCreate(2, NewRoutineComponent_Conditional_1_Conditional_1_For_3_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.ValidationErrors);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-tree-dropdown", 29);
+    i0.ɵɵlistener("AfterNodeSelect", function NewRoutineComponent_Conditional_1_Conditional_14_Template_mj_tree_dropdown_AfterNodeSelect_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnAgentNodeSelected($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("BranchConfig", ctx_r2.AgentTreeBranchConfig)("LeafConfig", ctx_r2.AgentTreeLeafConfig)("Value", ctx_r2.SelectedAgentKey)("Clearable", false);
+} }
+function NewRoutineComponent_Conditional_1_For_26_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 30);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_For_26_Template_button_click_0_listener() { const option_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetScheduleKind(option_r6.Value)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("editor-segment--active", ctx_r2.ScheduleKind === option_r6.Value);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", option_r6.Label, " ");
+} }
+function NewRoutineComponent_Conditional_1_Case_28_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "label", 9);
+    i0.ɵɵtext(2, "At minute");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-numeric-input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_28_Template_mj_numeric_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleMinute, $event) || (ctx_r2.ScheduleMinute = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5, "past every hour");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleMinute);
+    i0.ɵɵproperty("Min", 0)("Max", 59)("Step", 5);
+} }
+function NewRoutineComponent_Conditional_1_Case_29_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "label", 9);
+    i0.ɵɵtext(2, "At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 32);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_29_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleTime, $event) || (ctx_r2.ScheduleTime = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5, "every day");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleTime);
+} }
+function NewRoutineComponent_Conditional_1_Case_30_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "label", 9);
+    i0.ɵɵtext(2, "Every");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_30_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleDayOfWeek, $event) || (ctx_r2.ScheduleDayOfWeek = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "label", 9);
+    i0.ɵɵtext(5, "at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "input", 32);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_30_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleTime, $event) || (ctx_r2.ScheduleTime = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Data", ctx_r2.DayOfWeekOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleDayOfWeek);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleTime);
+} }
+function NewRoutineComponent_Conditional_1_Case_31_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "label", 9);
+    i0.ɵɵtext(2, "On day");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_31_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleDayOfMonth, $event) || (ctx_r2.ScheduleDayOfMonth = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "label", 9);
+    i0.ɵɵtext(5, "at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "input", 32);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_31_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.ScheduleTime, $event) || (ctx_r2.ScheduleTime = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Data", ctx_r2.DayOfMonthOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleDayOfMonth);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ScheduleTime);
+} }
+function NewRoutineComponent_Conditional_1_Case_32_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "label", 34);
+    i0.ɵɵtext(2, "Cron expression");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 35);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Case_32_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.RawCron, $event) || (ctx_r2.RawCron = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.RawCron);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 63);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 62);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_For_5_Template_button_click_0_listener() { const skill_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ToggleSkill(skill_r14.ID)); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_For_5_Conditional_3_Template, 1, 0, "i", 63);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const skill_r14 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("editor-skill-chip--selected", ctx_r2.IsSkillSelected(skill_r14.ID));
+    i0.ɵɵproperty("title", skill_r14.Description ?? skill_r14.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(skill_r14.IconClass || "fa-solid fa-wand-magic-sparkles");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", skill_r14.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSkillSelected(skill_r14.ID) ? 3 : -1);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5)(1, "label", 9);
+    i0.ɵɵtext(2, "Pre-activate skills (optional)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 60);
+    i0.ɵɵrepeaterCreate(4, NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_For_5_Template, 4, 7, "button", 61, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 11);
+    i0.ɵɵtext(7, "Selected skills start every run with their instructions and tools in effect (subject to the agent's skill gates).");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.SkillOptions);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtext(1, "Only you (the owner) will be notified.");
+    i0.ɵɵelementEnd();
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-combobox", 75);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_7_Template_mj_combobox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r18); const row_r17 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(row_r17.UserID, $event) || (row_r17.UserID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r17 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Data", ctx_r2.UserOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", row_r17.UserID);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 76);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_8_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r19); const row_r17 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(row_r17.Email, $event) || (row_r17.Email = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtwoWayProperty("ngModel", row_r17.Email);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 59)(1, "div", 64)(2, "button", 65);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_button_click_2_listener() { const ɵ$index_259_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.MoveRecipient(ɵ$index_259_r16, -1)); });
+    i0.ɵɵelement(3, "i", 66);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 67);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_button_click_4_listener() { const ɵ$index_259_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.MoveRecipient(ɵ$index_259_r16, 1)); });
+    i0.ɵɵelement(5, "i", 68);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mj-dropdown", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_mj_dropdown_ngModelChange_6_listener($event) { const row_r17 = i0.ɵɵrestoreView(_r15).$implicit; i0.ɵɵtwoWayBindingSet(row_r17.Mode, $event) || (row_r17.Mode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_mj_dropdown_ngModelChange_6_listener() { const row_r17 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnRecipientModeChange(row_r17)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_7_Template, 1, 3, "mj-combobox", 70)(8, NewRoutineComponent_Conditional_1_Conditional_41_For_61_Conditional_8_Template, 1, 1, "input", 71);
+    i0.ɵɵelementStart(9, "mj-dropdown", 72);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_mj_dropdown_ngModelChange_9_listener($event) { const row_r17 = i0.ɵɵrestoreView(_r15).$implicit; i0.ɵɵtwoWayBindingSet(row_r17.Channel, $event) || (row_r17.Channel = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 73);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template_button_click_10_listener() { const ɵ$index_259_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.RemoveRecipient(ɵ$index_259_r16)); });
+    i0.ɵɵelement(11, "i", 74);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r17 = ctx.$implicit;
+    const ɵ$index_259_r16 = ctx.$index;
+    const ɵ$count_259_r20 = ctx.$count;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_259_r16 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_259_r16 === ɵ$count_259_r20 - 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Data", ctx_r2.RecipientModeOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", row_r17.Mode);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r17.Mode === "user" ? 7 : 8);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Data", ctx_r2.ChannelOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", row_r17.Channel);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 4)(1, "h3", 36);
+    i0.ɵɵelement(2, "i", 37);
+    i0.ɵɵtext(3, " Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 5)(5, "label", 38);
+    i0.ɵɵtext(6, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "textarea", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.Description, $event) || (ctx_r2.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 5)(9, "label", 9);
+    i0.ɵɵtext(10, "Routine type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 40)(12, "button", 30);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.RoutineType = "Scheduled"); });
+    i0.ɵɵelement(13, "i", 41);
+    i0.ɵɵtext(14, " Scheduled ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 30);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.RoutineType = "Monitoring"); });
+    i0.ɵɵelement(16, "i", 42);
+    i0.ɵɵtext(17, " Monitoring ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 11);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 5)(21, "label", 9);
+    i0.ɵɵtext(22, "Timezone");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "mj-combobox", 43);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_mj_combobox_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.Timezone, $event) || (ctx_r2.Timezone = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 44)(25, "div", 5)(26, "label", 45);
+    i0.ɵɵtext(27, "Active from (optional)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "input", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_input_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.StartAtLocal, $event) || (ctx_r2.StartAtLocal = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 5)(30, "label", 47);
+    i0.ɵɵtext(31, "Active until (optional)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "input", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_input_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.EndAtLocal, $event) || (ctx_r2.EndAtLocal = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(33, "div", 5)(34, "label", 9);
+    i0.ɵɵtext(35, "Starting payload (JSON, optional)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 49)(37, "mj-code-editor", 50);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_mj_code_editor_ngModelChange_37_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.StartingPayloadText, $event) || (ctx_r2.StartingPayloadText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "div", 11);
+    i0.ɵɵtext(39, "Passed to the agent on each run. Leave blank for none.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(40, NewRoutineComponent_Conditional_1_Conditional_41_Conditional_40_Template, 8, 0, "div", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "section", 4)(42, "h3", 36);
+    i0.ɵɵelement(43, "i", 51);
+    i0.ɵɵtext(44, " Notifications");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(45, "div", 5)(46, "label", 9);
+    i0.ɵɵtext(47, "Notify me");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "mj-dropdown", 52);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_mj_dropdown_ngModelChange_48_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.NotifyCondition, $event) || (ctx_r2.NotifyCondition = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(49, "div", 53)(50, "mj-switch", 54);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_mj_switch_ngModelChange_50_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.NotifyViaInApp, $event) || (ctx_r2.NotifyViaInApp = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "mj-switch", 55);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Conditional_41_Template_mj_switch_ngModelChange_51_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.NotifyViaEmail, $event) || (ctx_r2.NotifyViaEmail = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(52, "div", 5)(53, "div", 56)(54, "label", 9);
+    i0.ɵɵtext(55, "Additional recipients");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(56, "button", 57);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Conditional_41_Template_button_click_56_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.AddRecipient()); });
+    i0.ɵɵelement(57, "i", 58);
+    i0.ɵɵtext(58, " Add recipient ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(59, NewRoutineComponent_Conditional_1_Conditional_41_Conditional_59_Template, 2, 0, "div", 11);
+    i0.ɵɵrepeaterCreate(60, NewRoutineComponent_Conditional_1_Conditional_41_For_61_Template, 12, 9, "div", 59, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.Description);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("editor-segment--active", ctx_r2.RoutineType === "Scheduled");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("editor-segment--active", ctx_r2.RoutineType === "Monitoring");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.RoutineTypeHelp);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r2.TimezoneOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.Timezone);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.StartAtLocal);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EndAtLocal);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.StartingPayloadText);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.SkillOptions.length > 0 ? 40 : -1);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("Data", ctx_r2.NotifyConditionOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.NotifyCondition);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.NotifyViaInApp);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.NotifyViaEmail);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r2.Recipients.length === 0 ? 59 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.Recipients);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 25);
+} }
+function NewRoutineComponent_Conditional_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
+} }
+function NewRoutineComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵconditionalCreate(1, NewRoutineComponent_Conditional_1_Conditional_1_Template, 4, 0, "mj-alert", 3);
+    i0.ɵɵelementStart(2, "section", 4)(3, "div", 5)(4, "label", 6);
+    i0.ɵɵtext(5, "Name ");
+    i0.ɵɵelementStart(6, "span", 7);
+    i0.ɵɵtext(7, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "input", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.Name, $event) || (ctx_r2.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 5)(10, "label", 9);
+    i0.ɵɵtext(11, "Which agent should this routine run? ");
+    i0.ɵɵelementStart(12, "span", 7);
+    i0.ɵɵtext(13, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(14, NewRoutineComponent_Conditional_1_Conditional_14_Template, 1, 4, "mj-tree-dropdown", 10);
+    i0.ɵɵelementStart(15, "div", 11);
+    i0.ɵɵtext(16, "Active agents only, grouped by category \u2014 realtime (voice) agents are interactive-only and can't be scheduled.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 5)(18, "label", 12);
+    i0.ɵɵtext(19, "Message sent on each run");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "mj-mention-editor", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function NewRoutineComponent_Conditional_1_Template_mj_mention_editor_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.InitialMessage, $event) || (ctx_r2.InitialMessage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 5)(22, "label", 9);
+    i0.ɵɵtext(23, "Frequency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "div", 14);
+    i0.ɵɵrepeaterCreate(25, NewRoutineComponent_Conditional_1_For_26_Template, 2, 3, "button", 15, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 16);
+    i0.ɵɵconditionalCreate(28, NewRoutineComponent_Conditional_1_Case_28_Template, 6, 4, "div", 17)(29, NewRoutineComponent_Conditional_1_Case_29_Template, 6, 1, "div", 17)(30, NewRoutineComponent_Conditional_1_Case_30_Template, 7, 4, "div", 17)(31, NewRoutineComponent_Conditional_1_Case_31_Template, 7, 4, "div", 17)(32, NewRoutineComponent_Conditional_1_Case_32_Template, 4, 1, "div", 5);
+    i0.ɵɵelementStart(33, "div", 18);
+    i0.ɵɵelement(34, "i", 19);
+    i0.ɵɵtext(35);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(36, "button", 20);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ShowAdvanced = !ctx_r2.ShowAdvanced); });
+    i0.ɵɵelement(37, "i", 21);
+    i0.ɵɵtext(38, " Advanced options ");
+    i0.ɵɵelementStart(39, "span", 22);
+    i0.ɵɵtext(40, "description \u00B7 monitoring \u00B7 timezone \u00B7 window \u00B7 payload \u00B7 skills \u00B7 notifications");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(41, NewRoutineComponent_Conditional_1_Conditional_41_Template, 62, 19);
+    i0.ɵɵelementStart(42, "div", 23)(43, "button", 24);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Template_button_click_43_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Save()); });
+    i0.ɵɵconditionalCreate(44, NewRoutineComponent_Conditional_1_Conditional_44_Template, 1, 0, "i", 25)(45, NewRoutineComponent_Conditional_1_Conditional_45_Template, 1, 0, "i", 26);
+    i0.ɵɵtext(46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "button", 27);
+    i0.ɵɵlistener("click", function NewRoutineComponent_Conditional_1_Template_button_click_47_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Cancel()); });
+    i0.ɵɵtext(48, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_11_0;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ValidationErrors.length > 0 ? 1 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.Name);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.AgentTreeLeafConfig ? 14 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.InitialMessage);
+    i0.ɵɵproperty("ExcludedTriggerKeys", i0.ɵɵpureFunction0(21, _c0))("Provider", ctx_r2.Provider)("enableAttachments", false)("autoFocus", false)("currentUser", ctx_r2.ProviderToUse.CurrentUser);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r2.ScheduleKindOptions);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((tmp_11_0 = ctx_r2.ScheduleKind) === "hourly" ? 28 : tmp_11_0 === "daily" ? 29 : tmp_11_0 === "weekly" ? 30 : tmp_11_0 === "monthly" ? 31 : tmp_11_0 === "advanced" ? 32 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SchedulePreview || "No schedule yet", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-expanded", ctx_r2.ShowAdvanced);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r2.ShowAdvanced)("fa-chevron-down", ctx_r2.ShowAdvanced);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.ShowAdvanced ? 41 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.IsSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSaving ? 44 : 45);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.IsEdit ? "Save Changes" : "Create Routine", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r2.IsSaving);
+} }
+/**
+ * Create/edit form for a User Routine. Routines run an AI AGENT on a schedule
+ * (TargetType is implicitly 'Agent') — the agent is chosen from a categorical tree
+ * grouped by Agent Category, showing each agent's own IconClass, with Realtime-type
+ * agents excluded (interactive-only). Also covers the initial message, optional JSON
+ * payload, AI Skills pre-activation, cron presets + advanced escape hatch, IANA
+ * timezone, activation window, notification settings, and the ordered recipients list.
+ *
+ * Reusable (Generic) component: no Router, no page chrome. The host mounts it
+ * (slide-in / dialog / inline), passes `RoutineID` (null = create), and reacts to
+ * `Saved` / `Cancelled` plus the cancelable `BeforeRoutineCreated` /
+ * `AfterRoutineCreated` pair for new routines. All persistence flows through MJ
+ * entity objects with explicit `Save()` boolean checks; failures surface
+ * `LatestResult.CompleteMessage`. Cached routine/recipient data comes from
+ * {@link UserRoutineEngine}.
+ */
+export class NewRoutineComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    notifications = inject(MJNotificationService);
+    // ---------------------------------------------------------------
+    // Inputs / Outputs
+    // ---------------------------------------------------------------
+    _routineID = null;
+    /** ID of the routine to edit, or null to create a new one. */
+    set RoutineID(value) {
+        if (value !== this._routineID) {
+            this._routineID = value;
+            if (this.initialized) {
+                void this.reload();
+            }
+        }
+    }
+    get RoutineID() {
+        return this._routineID;
+    }
+    /** Emitted after a successful save (routine + recipients persisted) — create AND edit. */
+    Saved = new EventEmitter();
+    /** Emitted when the user cancels without saving. */
+    Cancelled = new EventEmitter();
+    /** Cancelable: fires before a NEW routine is saved for the first time. */
+    BeforeRoutineCreated = new EventEmitter();
+    /** Informational: fires after a new routine (and its recipients) was persisted. */
+    AfterRoutineCreated = new EventEmitter();
+    // ---------------------------------------------------------------
+    // Form state
+    // ---------------------------------------------------------------
+    Name = '';
+    Description = '';
+    /** The selected agent's ID (TargetType is implicitly 'Agent'). */
+    TargetID = null;
+    InitialMessage = '';
+    StartingPayloadText = '';
+    SelectedSkillIDs = [];
+    RoutineType = 'Scheduled';
+    ScheduleKind = 'daily';
+    /** Minute past each hour for the hourly preset. */
+    ScheduleMinute = 0;
+    /** "HH:MM" run time for daily/weekly/monthly presets. */
+    ScheduleTime = '09:00';
+    ScheduleDayOfWeek = 1;
+    ScheduleDayOfMonth = 1;
+    RawCron = '';
+    Timezone = GetLocalTimezone();
+    StartAtLocal = '';
+    EndAtLocal = '';
+    NotifyCondition = 'Always';
+    NotifyViaInApp = true;
+    NotifyViaEmail = false;
+    Recipients = [];
+    // ---------------------------------------------------------------
+    // Options / status
+    // ---------------------------------------------------------------
+    /**
+     * Progressive disclosure: the basic view (name / agent / message / frequency)
+     * covers the 80% path; everything else lives behind this toggle. Auto-expands
+     * when editing a routine that already uses advanced settings.
+     */
+    ShowAdvanced = false;
+    Catalog = null;
+    UserOptions = [];
+    TimezoneOptions = GetTimezoneOptions();
+    IsLoading = true;
+    IsSaving = false;
+    ValidationErrors = [];
+    /** Tree config for the agent-category branches. */
+    AgentTreeBranchConfig = {
+        EntityName: 'MJ: AI Agent Categories',
+        DisplayField: 'Name',
+        ParentIDField: 'ParentID',
+        DefaultIcon: 'fa-solid fa-folder',
+        OrderBy: 'Name ASC',
+    };
+    /** Tree config for the pickable agents (built at load time — excludes Realtime types). */
+    AgentTreeLeafConfig;
+    /** Tree selection binding (single agent). */
+    SelectedAgentIDs = [];
+    DayNames = CRON_DAY_NAMES;
+    DayOfWeekOptions = CRON_DAY_NAMES.map((name, i) => ({ text: name, value: i }));
+    DayOfMonthOptions = Array.from({ length: 31 }, (_, i) => ({ text: `${i + 1}`, value: i + 1 }));
+    ScheduleKindOptions = [
+        { Value: 'hourly', Label: 'Hourly' },
+        { Value: 'daily', Label: 'Daily' },
+        { Value: 'weekly', Label: 'Weekly' },
+        { Value: 'monthly', Label: 'Monthly' },
+        { Value: 'advanced', Label: 'Advanced (cron)' },
+    ];
+    NotifyConditionOptions = [
+        { text: 'Always — after every run', value: 'Always' },
+        { text: 'On success only', value: 'OnSuccess' },
+        { text: 'On failure only', value: 'OnFailure' },
+        { text: 'On change — when the result differs from the prior run', value: 'OnChange' },
+    ];
+    ChannelOptions = [
+        { text: 'In-app', value: 'InApp' },
+        { text: 'Email', value: 'Email' },
+    ];
+    RecipientModeOptions = [
+        { text: 'MJ user', value: 'user' },
+        { text: 'External email', value: 'email' },
+    ];
+    editingEntity = null;
+    deletedRecipients = [];
+    initialized = false;
+    async ngOnInit() {
+        this.initialized = true;
+        await this.reload();
+    }
+    /** True when editing an existing routine (vs. creating a new one). */
+    get IsEdit() {
+        return this._routineID != null;
+    }
+    /** Active skills available for pre-activation. */
+    get SkillOptions() {
+        return this.Catalog?.Skills ?? [];
+    }
+    /** Name of the currently selected agent (empty when none). */
+    get SelectedAgentName() {
+        if (!this.TargetID) {
+            return '';
+        }
+        return this.Catalog?.NameByID.get(NormalizeUUID(this.TargetID)) ?? '';
+    }
+    /** IconClass of the currently selected agent (robot fallback). */
+    get SelectedAgentIcon() {
+        if (!this.TargetID) {
+            return 'fa-solid fa-robot';
+        }
+        return this.Catalog?.IconByID.get(NormalizeUUID(this.TargetID)) ?? 'fa-solid fa-robot';
+    }
+    /** Live human-readable preview of the schedule being built. */
+    get SchedulePreview() {
+        return DescribeCronExpression(this.buildCron());
+    }
+    /** Helper text under the RoutineType toggle. */
+    get RoutineTypeHelp() {
+        return this.RoutineType === 'Scheduled'
+            ? 'Runs on the schedule and notifies per the notification condition.'
+            : 'Runs on the schedule and hashes each result — pair with the "On change" condition to be notified only when the result changes.';
+    }
+    /** Handles agent selection from the category tree (leaf nodes only). */
+    /** The selected agent as a CompositeKey for the tree-dropdown's Value binding. */
+    get SelectedAgentKey() {
+        return this.TargetID ? CompositeKey.FromID(this.TargetID) : null;
+    }
+    OnAgentNodeSelected(args) {
+        if (args.Node.Type === 'leaf') {
+            this.TargetID = args.Node.ID;
+            this.SelectedAgentIDs = [args.Node.ID];
+            this.cdr.markForCheck();
+        }
+    }
+    SetScheduleKind(kind) {
+        if (kind === this.ScheduleKind) {
+            return;
+        }
+        if (kind === 'advanced' && !this.RawCron.trim()) {
+            // Seed the advanced box from the current preset so nothing is lost
+            this.RawCron = this.buildCron();
+        }
+        this.ScheduleKind = kind;
+        this.cdr.markForCheck();
+    }
+    /** Toggles a skill in/out of the RequestedSkillIDs selection. */
+    ToggleSkill(skillID) {
+        const index = this.SelectedSkillIDs.indexOf(skillID);
+        if (index >= 0) {
+            this.SelectedSkillIDs = this.SelectedSkillIDs.filter((id) => id !== skillID);
+        }
+        else {
+            this.SelectedSkillIDs = [...this.SelectedSkillIDs, skillID];
+        }
+        this.cdr.markForCheck();
+    }
+    IsSkillSelected(skillID) {
+        return this.SelectedSkillIDs.includes(skillID);
+    }
+    // ---------------------------------------------------------------
+    // Recipients
+    // ---------------------------------------------------------------
+    AddRecipient() {
+        this.Recipients = [
+            ...this.Recipients,
+            { Entity: null, Mode: 'user', UserID: null, Email: '', Channel: 'InApp' },
+        ];
+        void this.ensureUserOptions();
+    }
+    RemoveRecipient(index) {
+        const row = this.Recipients[index];
+        if (row?.Entity) {
+            this.deletedRecipients.push(row.Entity);
+        }
+        this.Recipients = this.Recipients.filter((_, i) => i !== index);
+    }
+    /** Moves a recipient up/down — the saved Sequence is the row index. */
+    MoveRecipient(index, delta) {
+        const target = index + delta;
+        if (target < 0 || target >= this.Recipients.length) {
+            return;
+        }
+        const next = [...this.Recipients];
+        [next[index], next[target]] = [next[target], next[index]];
+        this.Recipients = next;
+    }
+    /** When the row's mode flips, clear the other identity field. */
+    OnRecipientModeChange(row) {
+        if (row.Mode === 'user') {
+            row.Email = '';
+            void this.ensureUserOptions();
+        }
+        else {
+            row.UserID = null;
+        }
+    }
+    // ---------------------------------------------------------------
+    // Save / cancel
+    // ---------------------------------------------------------------
+    Cancel() {
+        this.Cancelled.emit();
+    }
+    async Save() {
+        if (this.IsSaving) {
+            return;
+        }
+        this.ValidationErrors = this.validate();
+        if (this.ValidationErrors.length > 0) {
+            this.cdr.markForCheck();
+            return;
+        }
+        this.IsSaving = true;
+        this.cdr.markForCheck();
+        try {
+            const p = this.ProviderToUse;
+            const isNew = !this.IsEdit;
+            const routine = this.editingEntity ??
+                (await p.GetEntityObject('MJ: User Routines', p.CurrentUser));
+            if (isNew) {
+                routine.UserID = p.CurrentUser.ID;
+            }
+            routine.Name = this.Name.trim();
+            routine.Description = this.Description.trim() || null;
+            routine.RoutineType = this.RoutineType;
+            routine.TargetType = 'Agent';
+            // Validated non-null in validate()
+            routine.TargetID = this.TargetID;
+            routine.InitialMessage = this.InitialMessage.trim() || null;
+            routine.StartingPayload = this.StartingPayloadText.trim() || null;
+            routine.RequestedSkillIDs = SerializeSkillIDs(this.SelectedSkillIDs);
+            routine.CronExpression = this.buildCron();
+            routine.Timezone = this.Timezone;
+            routine.StartAt = FromDateTimeLocal(this.StartAtLocal);
+            routine.EndAt = FromDateTimeLocal(this.EndAtLocal);
+            routine.NotifyCondition = this.NotifyCondition;
+            routine.NotifyViaInApp = this.NotifyViaInApp;
+            routine.NotifyViaEmail = this.NotifyViaEmail;
+            if (isNew) {
+                const beforeArgs = new BeforeRoutineCreatedEventArgs(routine);
+                this.BeforeRoutineCreated.emit(beforeArgs);
+                if (beforeArgs.Cancel) {
+                    return;
+                }
+            }
+            const saved = await routine.Save();
+            if (!saved) {
+                this.ValidationErrors = [
+                    `Save failed: ${routine.LatestResult?.CompleteMessage ?? 'unknown error'}`,
+                ];
+                return;
+            }
+            const recipientErrors = await this.saveRecipients(routine);
+            if (recipientErrors.length > 0) {
+                this.ValidationErrors = recipientErrors;
+                return;
+            }
+            if (isNew) {
+                // Re-scope the engine's dependent (recipients/runs) configs to include
+                // the new routine — their client-side filter is a Config-time snapshot.
+                await this.engine().Refresh(p.CurrentUser);
+                this.AfterRoutineCreated.emit(new AfterRoutineCreatedEventArgs(routine));
+            }
+            this.notifications.CreateSimpleNotification(isNew ? `'${routine.Name}' created` : `'${routine.Name}' updated`, 'success', 3000);
+            this.Saved.emit(routine);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ---------------------------------------------------------------
+    // Internals
+    // ---------------------------------------------------------------
+    engine() {
+        return UserRoutineEngine.GetProviderInstance(this.ProviderToUse, UserRoutineEngine);
+    }
+    /** True when the loaded routine differs from the basic-path defaults in any advanced field. */
+    usesAdvancedSettings() {
+        return this.Description.trim().length > 0
+            || this.RoutineType === 'Monitoring'
+            || this.StartingPayloadText.trim().length > 0
+            || this.SelectedSkillIDs.length > 0
+            || this.Timezone !== GetLocalTimezone()
+            || this.StartAtLocal.trim().length > 0
+            || this.EndAtLocal.trim().length > 0
+            || this.NotifyCondition !== 'Always'
+            || !this.NotifyViaInApp
+            || this.NotifyViaEmail
+            || this.Recipients.length > 0;
+    }
+    async reload() {
+        this.IsLoading = true;
+        this.ValidationErrors = [];
+        this.deletedRecipients = [];
+        this.cdr.markForCheck();
+        try {
+            const p = this.ProviderToUse;
+            const [catalog] = await Promise.all([
+                LoadRoutineTargetCatalog(p),
+                this.engine().Config(false, p.CurrentUser, p),
+            ]);
+            this.Catalog = catalog;
+            this.buildAgentTreeConfig(p);
+            if (this._routineID) {
+                await this.loadExisting(this._routineID);
+                this.ShowAdvanced = this.usesAdvancedSettings();
+            }
+            else {
+                this.resetForNew();
+                this.ShowAdvanced = false;
+            }
+            if (this.Recipients.some((r) => r.Mode === 'user')) {
+                await this.ensureUserOptions();
+            }
+        }
+        catch (e) {
+            this.ValidationErrors = [
+                `Failed to load the editor: ${e instanceof Error ? e.message : 'unknown error'}`,
+            ];
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Builds the agent tree leaf config: Active, root-level agents only, EXCLUDING
+     * agents whose type is the Realtime agent type. The exclusion is expressed as an
+     * inline NOT IN list of type IDs resolved from metadata BY NAME (never hardcoded).
+     */
+    buildAgentTreeConfig(provider) {
+        const realtimeTypeIDs = this.resolveRealtimeTypeIDs(provider);
+        const filters = [`Status='Active'`, `ParentID IS NULL`];
+        if (realtimeTypeIDs.length > 0) {
+            const inList = realtimeTypeIDs.map((id) => `'${id}'`).join(',');
+            filters.push(`(TypeID IS NULL OR TypeID NOT IN (${inList}))`);
+        }
+        this.AgentTreeLeafConfig = {
+            EntityName: 'MJ: AI Agents',
+            ParentField: 'CategoryID',
+            DisplayField: 'Name',
+            IconField: 'IconClass',
+            DefaultIcon: 'fa-solid fa-robot',
+            ExtraFilter: filters.join(' AND '),
+            OrderBy: 'Name ASC',
+        };
+    }
+    /** Realtime agent-type IDs resolved from the cached AI metadata by type NAME. */
+    resolveRealtimeTypeIDs(provider) {
+        // The catalog load above already Config'd AIEngineBase for this provider —
+        // reuse its cached AgentTypes through the provider-scoped instance.
+        const engine = AIEngineBase.GetProviderInstance(provider, AIEngineBase);
+        return engine.AgentTypes
+            .filter((t) => t.Name?.trim().toLowerCase() === 'realtime')
+            .map((t) => t.ID);
+    }
+    resetForNew() {
+        this.editingEntity = null;
+        this.Name = '';
+        this.Description = '';
+        this.TargetID = null;
+        this.SelectedAgentIDs = [];
+        this.InitialMessage = '';
+        this.StartingPayloadText = '';
+        this.SelectedSkillIDs = [];
+        this.RoutineType = 'Scheduled';
+        this.ScheduleKind = 'daily';
+        this.ScheduleMinute = 0;
+        this.ScheduleTime = '09:00';
+        this.ScheduleDayOfWeek = 1;
+        this.ScheduleDayOfMonth = 1;
+        this.RawCron = '';
+        this.Timezone = GetLocalTimezone();
+        this.StartAtLocal = '';
+        this.EndAtLocal = '';
+        this.NotifyCondition = 'Always';
+        this.NotifyViaInApp = true;
+        this.NotifyViaEmail = false;
+        this.Recipients = [];
+    }
+    async loadExisting(routineID) {
+        const p = this.ProviderToUse;
+        // Prefer the engine's cached entity; fall back to a direct load (e.g., deep link
+        // into a routine saved elsewhere before the cache refreshed).
+        let routine = this.engine().GetRoutineByID(routineID) ?? null;
+        if (!routine) {
+            const loadedEntity = await p.GetEntityObject('MJ: User Routines', p.CurrentUser);
+            const loaded = await loadedEntity.Load(routineID);
+            routine = loaded ? loadedEntity : null;
+        }
+        if (!routine) {
+            this.ValidationErrors = [`Routine ${routineID} could not be loaded.`];
+            this.resetForNew();
+            return;
+        }
+        this.editingEntity = routine;
+        this.Name = routine.Name;
+        this.Description = routine.Description ?? '';
+        this.TargetID = routine.TargetID;
+        this.SelectedAgentIDs = routine.TargetID ? [routine.TargetID] : [];
+        this.InitialMessage = routine.InitialMessage ?? '';
+        this.StartingPayloadText = routine.StartingPayload ?? '';
+        this.SelectedSkillIDs = ParseSkillIDs(routine.RequestedSkillIDs);
+        this.RoutineType = routine.RoutineType;
+        this.applyCron(ParseCronExpression(routine.CronExpression));
+        this.Timezone = routine.Timezone;
+        this.StartAtLocal = ToDateTimeLocal(routine.StartAt);
+        this.EndAtLocal = ToDateTimeLocal(routine.EndAt);
+        this.NotifyCondition = routine.NotifyCondition;
+        this.NotifyViaInApp = routine.NotifyViaInApp;
+        this.NotifyViaEmail = routine.NotifyViaEmail;
+        this.loadRecipientRows(routineID);
+    }
+    applyCron(schedule) {
+        this.ScheduleKind = schedule.Kind;
+        this.ScheduleMinute = schedule.Minute;
+        this.ScheduleTime = `${schedule.Hour.toString().padStart(2, '0')}:${schedule.Minute.toString().padStart(2, '0')}`;
+        this.ScheduleDayOfWeek = schedule.DayOfWeek;
+        this.ScheduleDayOfMonth = schedule.DayOfMonth;
+        this.RawCron = schedule.Raw;
+    }
+    buildCron() {
+        const { hour, minute } = this.parseScheduleTime();
+        const schedule = {
+            Kind: this.ScheduleKind,
+            Minute: this.ScheduleKind === 'hourly' ? this.clampMinute(this.ScheduleMinute) : minute,
+            Hour: hour,
+            DayOfWeek: this.ScheduleDayOfWeek,
+            DayOfMonth: this.ScheduleDayOfMonth,
+            Raw: this.RawCron,
+        };
+        return BuildCronExpression(schedule);
+    }
+    parseScheduleTime() {
+        const match = /^(\d{1,2}):(\d{2})$/.exec(this.ScheduleTime.trim());
+        if (!match) {
+            return { hour: 9, minute: 0 };
+        }
+        return {
+            hour: Math.min(23, Math.max(0, parseInt(match[1], 10))),
+            minute: this.clampMinute(parseInt(match[2], 10)),
+        };
+    }
+    clampMinute(minute) {
+        return Math.min(59, Math.max(0, Math.round(minute ?? 0)));
+    }
+    /** Builds the editable recipient rows from the engine's cached recipients. */
+    loadRecipientRows(routineID) {
+        this.Recipients = this.engine()
+            .RecipientsForRoutine(routineID)
+            .map((entity) => ({
+            Entity: entity,
+            Mode: entity.UserID ? 'user' : 'email',
+            UserID: entity.UserID,
+            Email: entity.Email ?? '',
+            Channel: entity.Channel,
+        }));
+    }
+    /** Lazily loads the user picker options the first time a user-mode row exists. */
+    async ensureUserOptions() {
+        if (this.UserOptions.length > 0) {
+            return;
+        }
+        const p = this.ProviderToUse;
+        const rv = RunView.FromMetadataProvider(p);
+        const result = await rv.RunView({
+            EntityName: 'MJ: Users',
+            Fields: ['ID', 'Name', 'Email'],
+            ExtraFilter: `IsActive=1`,
+            OrderBy: 'Name ASC',
+            ResultType: 'simple',
+        }, p.CurrentUser);
+        if (result.Success) {
+            this.UserOptions = result.Results ?? [];
+            this.cdr.markForCheck();
+        }
+    }
+    validate() {
+        const errors = [];
+        if (!this.Name.trim()) {
+            errors.push('Name is required.');
+        }
+        if (!this.TargetID) {
+            errors.push('Select the agent this routine should run.');
+        }
+        if (this.ScheduleKind === 'advanced' && !IsPlausibleCronExpression(this.RawCron)) {
+            errors.push('The advanced cron expression must have 5 (or 6) space-separated fields.');
+        }
+        if (!this.Timezone?.trim()) {
+            errors.push('Timezone is required.');
+        }
+        const payloadCheck = ValidateOptionalJson(this.StartingPayloadText);
+        if (!payloadCheck.Valid) {
+            errors.push(`Starting payload is not valid JSON: ${payloadCheck.Error}`);
+        }
+        const startAt = FromDateTimeLocal(this.StartAtLocal);
+        const endAt = FromDateTimeLocal(this.EndAtLocal);
+        if (startAt && endAt && endAt.getTime() <= startAt.getTime()) {
+            errors.push('End of the activation window must be after its start.');
+        }
+        this.Recipients.forEach((row, i) => {
+            if (row.Mode === 'user' && !row.UserID) {
+                errors.push(`Recipient ${i + 1}: choose a user (or switch the row to an external email).`);
+            }
+            if (row.Mode === 'email' && !IsPlausibleEmail(row.Email)) {
+                errors.push(`Recipient ${i + 1}: enter a valid email address.`);
+            }
+        });
+        return errors;
+    }
+    /** Persists recipient rows in order (Sequence = index) and deletes removed rows. */
+    async saveRecipients(routine) {
+        const p = this.ProviderToUse;
+        const errors = [];
+        for (const entity of this.deletedRecipients) {
+            const deleted = await entity.Delete();
+            if (!deleted) {
+                errors.push(`Failed to remove a recipient: ${entity.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
+        }
+        this.deletedRecipients = [];
+        for (let i = 0; i < this.Recipients.length; i++) {
+            const row = this.Recipients[i];
+            const entity = row.Entity ??
+                (await p.GetEntityObject('MJ: User Routine Recipients', p.CurrentUser));
+            entity.RoutineID = routine.ID;
+            entity.UserID = row.Mode === 'user' ? row.UserID : null;
+            entity.Email = row.Mode === 'email' ? row.Email.trim() : null;
+            entity.Channel = row.Channel;
+            entity.Sequence = i;
+            const saved = await entity.Save();
+            if (saved) {
+                row.Entity = entity;
+            }
+            else {
+                errors.push(`Failed to save recipient ${i + 1}: ${entity.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            }
+        }
+        return errors;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵNewRoutineComponent_BaseFactory; return function NewRoutineComponent_Factory(__ngFactoryType__) { return (ɵNewRoutineComponent_BaseFactory || (ɵNewRoutineComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NewRoutineComponent)))(__ngFactoryType__ || NewRoutineComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NewRoutineComponent, selectors: [["mj-new-routine"]], inputs: { RoutineID: "RoutineID" }, outputs: { Saved: "Saved", Cancelled: "Cancelled", BeforeRoutineCreated: "BeforeRoutineCreated", AfterRoutineCreated: "AfterRoutineCreated" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "editor-loading"], [1, "routine-editor"], ["text", "Loading editor...", "size", "medium"], ["Variant", "error"], [1, "editor-section"], [1, "editor-field"], ["for", "routine-name", 1, "editor-label"], [1, "editor-required"], ["id", "routine-name", "type", "text", "placeholder", "e.g. Morning membership digest", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "editor-label"], ["DefaultExpansion", "all", "SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Select an agent...", 3, "BranchConfig", "LeafConfig", "Value", "Clearable"], [1, "editor-hint"], ["for", "routine-message", 1, "editor-label"], ["id", "routine-message", "placeholder", "The message the routine sends to the agent each time it runs", 3, "ngModelChange", "ngModel", "ExcludedTriggerKeys", "Provider", "enableAttachments", "autoFocus", "currentUser"], ["role", "radiogroup", "aria-label", "Schedule frequency", 1, "editor-segmented", "editor-segmented--wrap"], ["type", "button", 1, "editor-segment", 3, "editor-segment--active"], [1, "editor-schedule-detail"], [1, "editor-field", "editor-field--inline"], [1, "editor-schedule-preview"], [1, "fa-solid", "fa-calendar-check"], ["type", "button", 1, "editor-advanced-toggle", 3, "click"], [1, "fa-solid"], [1, "editor-hint-inline"], [1, "editor-footer"], ["mjButton", "", "variant", "primary", "size", "md", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "secondary", "size", "md", 3, "click", "disabled"], [1, "editor-errors"], ["DefaultExpansion", "all", "SelectionMode", "single", "SelectableTypes", "leaf", "Placeholder", "Select an agent...", 3, "AfterNodeSelect", "BranchConfig", "LeafConfig", "Value", "Clearable"], ["type", "button", 1, "editor-segment", 3, "click"], [3, "ngModelChange", "ngModel", "Min", "Max", "Step"], ["type", "time", 1, "mj-input", "editor-time-input", 3, "ngModelChange", "ngModel"], ["TextField", "text", "ValueField", "value", 1, "editor-inline-dropdown", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["for", "routine-cron", 1, "editor-label"], ["id", "routine-cron", "type", "text", "placeholder", "minute hour day-of-month month day-of-week", 1, "mj-input", "editor-mono", 3, "ngModelChange", "ngModel"], [1, "editor-section-title"], [1, "fa-solid", "fa-circle-info"], ["for", "routine-description", 1, "editor-label"], ["id", "routine-description", "rows", "2", "placeholder", "What does this routine do?", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["role", "radiogroup", "aria-label", "Routine type", 1, "editor-segmented"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-eye"], ["Placeholder", "Select an IANA timezone...", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], [1, "editor-field-row"], ["for", "routine-startat", 1, "editor-label"], ["id", "routine-startat", "type", "datetime-local", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["for", "routine-endat", 1, "editor-label"], ["id", "routine-endat", "type", "datetime-local", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "editor-code"], ["language", "json", "placeholder", "{ \"example\": true }", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-bell"], ["TextField", "text", "ValueField", "value", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], [1, "editor-field", "editor-field--inline", "editor-switches"], ["OnLabel", "In-app", "OffLabel", "In-app", 3, "ngModelChange", "ngModel"], ["OnLabel", "Email", "OffLabel", "Email", 3, "ngModelChange", "ngModel"], [1, "editor-recipients-header"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "editor-recipient-row"], [1, "editor-skills"], ["type", "button", 1, "editor-skill-chip", 3, "editor-skill-chip--selected", "title"], ["type", "button", 1, "editor-skill-chip", 3, "click", "title"], [1, "fa-solid", "fa-check", "editor-skill-check"], [1, "editor-recipient-order"], ["mjButton", "", "variant", "icon", "size", "sm", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["mjButton", "", "variant", "icon", "size", "sm", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["TextField", "text", "ValueField", "value", 1, "editor-recipient-mode", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["TextField", "Name", "ValueField", "ID", "Placeholder", "Select a user...", 1, "editor-recipient-target", 3, "Data", "ValuePrimitive", "ngModel"], ["type", "email", "placeholder", "name@example.com", 1, "mj-input", "editor-recipient-target", 3, "ngModel"], ["TextField", "text", "ValueField", "value", 1, "editor-recipient-channel", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["mjButton", "", "variant", "icon", "size", "sm", "title", "Remove recipient", 3, "click"], [1, "fa-solid", "fa-trash-can"], ["TextField", "Name", "ValueField", "ID", "Placeholder", "Select a user...", 1, "editor-recipient-target", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["type", "email", "placeholder", "name@example.com", 1, "mj-input", "editor-recipient-target", 3, "ngModelChange", "ngModel"]], template: function NewRoutineComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, NewRoutineComponent_Conditional_0_Template, 2, 0, "div", 0)(1, NewRoutineComponent_Conditional_1_Template, 49, 22, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJAlertComponent, i2.MJButtonDirective, i2.MJComboboxComponent, i2.MJDropdownComponent, i2.MJNumericInputComponent, i2.MJSwitchComponent, i3.LoadingComponent, i4.CodeEditorComponent, i5.TreeDropdownComponent, i6.MentionEditorComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.editor-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    padding: 48px 0;\n}\n\n.routine-editor[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    padding: 4px 2px 0 2px;\n}\n\n.editor-errors[_ngcontent-%COMP%] {\n    margin: 0;\n    padding-left: 18px;\n}\n\n.editor-section[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-lg, 10px);\n}\n\n.editor-section-title[_ngcontent-%COMP%] {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.editor-section-title[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.editor-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    min-width: 0;\n}\n\n.editor-field--inline[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.editor-field-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n.editor-field-row[_ngcontent-%COMP%]    > .editor-field[_ngcontent-%COMP%] {\n    flex: 1 1 220px;\n}\n\n.editor-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.editor-required[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.editor-hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.editor-hint-inline[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.editor-segmented[_ngcontent-%COMP%] {\n    display: inline-flex;\n    gap: 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    overflow: hidden;\n    width: fit-content;\n}\n\n.editor-segmented--wrap[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n}\n\n.editor-segment[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    font-size: 13px;\n    border: none;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: background 0.12s ease, color 0.12s ease;\n}\n\n.editor-segment[_ngcontent-%COMP%]    + .editor-segment[_ngcontent-%COMP%] {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n.editor-segment[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.editor-segment--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n\n\n.editor-schedule-detail[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md, 8px);\n}\n\n.editor-schedule-preview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.editor-schedule-preview[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.editor-time-input[_ngcontent-%COMP%] {\n    width: 130px;\n}\n\n.editor-inline-dropdown[_ngcontent-%COMP%] {\n    min-width: 140px;\n}\n\n.editor-mono[_ngcontent-%COMP%] {\n    font-family: var(--mj-font-mono, monospace);\n}\n\n\n\n.editor-code[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    overflow: hidden;\n    min-height: 90px;\n}\n\n\n\n.editor-skills[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.editor-skill-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    font-size: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full, 999px);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.editor-skill-chip[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.editor-skill-chip--selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.editor-skill-check[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n.editor-switches[_ngcontent-%COMP%] {\n    gap: 24px;\n}\n\n.editor-recipients-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.editor-recipient-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md, 8px);\n    background: var(--mj-bg-surface);\n}\n\n.editor-recipient-order[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.editor-recipient-mode[_ngcontent-%COMP%] {\n    flex: 0 0 150px;\n}\n\n.editor-recipient-target[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.editor-recipient-channel[_ngcontent-%COMP%] {\n    flex: 0 0 120px;\n}\n\n\n\n.editor-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 0 4px 0;\n    border-top: 1px solid var(--mj-border-default);\n    position: sticky;\n    bottom: 0;\n    background: var(--mj-bg-surface);\n}\n\n\n\n.editor-selected-agent[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-md, 8px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n    font-weight: 600;\n    width: fit-content;\n}\n\n.editor-selected-agent-hint[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 400;\n    color: var(--mj-text-muted);\n}\n\n.editor-agent-tree[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    max-height: 280px;\n    overflow: auto;\n    background: var(--mj-bg-surface);\n}\n\n\n\n.editor-advanced-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px dashed var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    text-align: left;\n}\n\n.editor-advanced-toggle[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.editor-advanced-toggle[_ngcontent-%COMP%]   .editor-hint-inline[_ngcontent-%COMP%] {\n    font-weight: 400;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewRoutineComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-new-routine', template: "@if (IsLoading) {\n  <div class=\"editor-loading\">\n    <mj-loading text=\"Loading editor...\" size=\"medium\"></mj-loading>\n  </div>\n} @else {\n  <div class=\"routine-editor\">\n\n    @if (ValidationErrors.length > 0) {\n      <mj-alert Variant=\"error\">\n        <ul class=\"editor-errors\">\n          @for (error of ValidationErrors; track error) {\n            <li>{{ error }}</li>\n          }\n        </ul>\n      </mj-alert>\n    }\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BASICS (the 80% path: name, agent, message, schedule) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"editor-section\">\n      <div class=\"editor-field\">\n        <label class=\"editor-label\" for=\"routine-name\">Name <span class=\"editor-required\">*</span></label>\n        <input id=\"routine-name\" class=\"mj-input\" type=\"text\" [(ngModel)]=\"Name\" placeholder=\"e.g. Morning membership digest\" />\n      </div>\n\n      <div class=\"editor-field\">\n        <label class=\"editor-label\">Which agent should this routine run? <span class=\"editor-required\">*</span></label>\n        @if (AgentTreeLeafConfig) {\n          <mj-tree-dropdown\n            [BranchConfig]=\"AgentTreeBranchConfig\"\n            [LeafConfig]=\"AgentTreeLeafConfig\"\n            DefaultExpansion=\"all\"\n            SelectionMode=\"single\"\n            SelectableTypes=\"leaf\"\n            [Value]=\"SelectedAgentKey\"\n            [Clearable]=\"false\"\n            Placeholder=\"Select an agent...\"\n            (AfterNodeSelect)=\"OnAgentNodeSelected($event)\">\n          </mj-tree-dropdown>\n        }\n        <div class=\"editor-hint\">Active agents only, grouped by category \u2014 realtime (voice) agents are interactive-only and can't be scheduled.</div>\n      </div>\n\n      <div class=\"editor-field\">\n        <label class=\"editor-label\" for=\"routine-message\">Message sent on each run</label>\n        <!-- Composer mention editor in DISCOVERY mode: trigger providers are ClassFactory-\n             discovered (ng-conversations registers '@' agent / '#' record / '/' skill plugins\n             when loaded). '@' agent mentions are excluded \u2014 the routine's agent is fixed by\n             the picker above. With no providers registered this degrades gracefully to a\n             plain text editor. -->\n        <mj-mention-editor id=\"routine-message\"\n          [(ngModel)]=\"InitialMessage\"\n          placeholder=\"The message the routine sends to the agent each time it runs\"\n          [ExcludedTriggerKeys]=\"['agent-mentions']\"\n          [Provider]=\"Provider\"\n          [enableAttachments]=\"false\"\n          [autoFocus]=\"false\"\n          [currentUser]=\"ProviderToUse.CurrentUser\"></mj-mention-editor>\n      </div>\n\n      <div class=\"editor-field\">\n        <label class=\"editor-label\">Frequency</label>\n        <div class=\"editor-segmented editor-segmented--wrap\" role=\"radiogroup\" aria-label=\"Schedule frequency\">\n          @for (option of ScheduleKindOptions; track option.Value) {\n            <button type=\"button\" class=\"editor-segment\"\n              [class.editor-segment--active]=\"ScheduleKind === option.Value\"\n              (click)=\"SetScheduleKind(option.Value)\">\n              {{ option.Label }}\n            </button>\n          }\n        </div>\n      </div>\n\n      <div class=\"editor-schedule-detail\">\n        @switch (ScheduleKind) {\n          @case ('hourly') {\n            <div class=\"editor-field editor-field--inline\">\n              <label class=\"editor-label\">At minute</label>\n              <mj-numeric-input [(ngModel)]=\"ScheduleMinute\" [Min]=\"0\" [Max]=\"59\" [Step]=\"5\"></mj-numeric-input>\n              <span class=\"editor-hint-inline\">past every hour</span>\n            </div>\n          }\n          @case ('daily') {\n            <div class=\"editor-field editor-field--inline\">\n              <label class=\"editor-label\">At</label>\n              <input class=\"mj-input editor-time-input\" type=\"time\" [(ngModel)]=\"ScheduleTime\" />\n              <span class=\"editor-hint-inline\">every day</span>\n            </div>\n          }\n          @case ('weekly') {\n            <div class=\"editor-field editor-field--inline\">\n              <label class=\"editor-label\">Every</label>\n              <mj-dropdown class=\"editor-inline-dropdown\" [Data]=\"DayOfWeekOptions\" TextField=\"text\" ValueField=\"value\"\n                [ValuePrimitive]=\"true\" [(ngModel)]=\"ScheduleDayOfWeek\"></mj-dropdown>\n              <label class=\"editor-label\">at</label>\n              <input class=\"mj-input editor-time-input\" type=\"time\" [(ngModel)]=\"ScheduleTime\" />\n            </div>\n          }\n          @case ('monthly') {\n            <div class=\"editor-field editor-field--inline\">\n              <label class=\"editor-label\">On day</label>\n              <mj-dropdown class=\"editor-inline-dropdown\" [Data]=\"DayOfMonthOptions\" TextField=\"text\" ValueField=\"value\"\n                [ValuePrimitive]=\"true\" [(ngModel)]=\"ScheduleDayOfMonth\"></mj-dropdown>\n              <label class=\"editor-label\">at</label>\n              <input class=\"mj-input editor-time-input\" type=\"time\" [(ngModel)]=\"ScheduleTime\" />\n            </div>\n          }\n          @case ('advanced') {\n            <div class=\"editor-field\">\n              <label class=\"editor-label\" for=\"routine-cron\">Cron expression</label>\n              <input id=\"routine-cron\" class=\"mj-input editor-mono\" type=\"text\" [(ngModel)]=\"RawCron\"\n                placeholder=\"minute hour day-of-month month day-of-week\" />\n            </div>\n          }\n        }\n        <div class=\"editor-schedule-preview\">\n          <i class=\"fa-solid fa-calendar-check\"></i> {{ SchedulePreview || 'No schedule yet' }}\n        </div>\n      </div>\n    </section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ADVANCED (progressive disclosure \u2014 collapsed by default) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <button type=\"button\" class=\"editor-advanced-toggle\" (click)=\"ShowAdvanced = !ShowAdvanced\"\n      [attr.aria-expanded]=\"ShowAdvanced\">\n      <i class=\"fa-solid\" [class.fa-chevron-right]=\"!ShowAdvanced\" [class.fa-chevron-down]=\"ShowAdvanced\"></i>\n      Advanced options\n      <span class=\"editor-hint-inline\">description \u00B7 monitoring \u00B7 timezone \u00B7 window \u00B7 payload \u00B7 skills \u00B7 notifications</span>\n    </button>\n\n    @if (ShowAdvanced) {\n      <section class=\"editor-section\">\n        <h3 class=\"editor-section-title\"><i class=\"fa-solid fa-circle-info\"></i> Details</h3>\n        <div class=\"editor-field\">\n          <label class=\"editor-label\" for=\"routine-description\">Description</label>\n          <textarea id=\"routine-description\" class=\"mj-textarea\" rows=\"2\" [(ngModel)]=\"Description\"\n            placeholder=\"What does this routine do?\"></textarea>\n        </div>\n\n        <div class=\"editor-field\">\n          <label class=\"editor-label\">Routine type</label>\n          <div class=\"editor-segmented\" role=\"radiogroup\" aria-label=\"Routine type\">\n            <button type=\"button\" class=\"editor-segment\"\n              [class.editor-segment--active]=\"RoutineType === 'Scheduled'\"\n              (click)=\"RoutineType = 'Scheduled'\">\n              <i class=\"fa-solid fa-clock\"></i> Scheduled\n            </button>\n            <button type=\"button\" class=\"editor-segment\"\n              [class.editor-segment--active]=\"RoutineType === 'Monitoring'\"\n              (click)=\"RoutineType = 'Monitoring'\">\n              <i class=\"fa-solid fa-eye\"></i> Monitoring\n            </button>\n          </div>\n          <div class=\"editor-hint\">{{ RoutineTypeHelp }}</div>\n        </div>\n\n        <div class=\"editor-field\">\n          <label class=\"editor-label\">Timezone</label>\n          <mj-combobox\n            [Data]=\"TimezoneOptions\"\n            [ValuePrimitive]=\"true\"\n            Placeholder=\"Select an IANA timezone...\"\n            [(ngModel)]=\"Timezone\">\n          </mj-combobox>\n        </div>\n\n        <div class=\"editor-field-row\">\n          <div class=\"editor-field\">\n            <label class=\"editor-label\" for=\"routine-startat\">Active from (optional)</label>\n            <input id=\"routine-startat\" class=\"mj-input\" type=\"datetime-local\" [(ngModel)]=\"StartAtLocal\" />\n          </div>\n          <div class=\"editor-field\">\n            <label class=\"editor-label\" for=\"routine-endat\">Active until (optional)</label>\n            <input id=\"routine-endat\" class=\"mj-input\" type=\"datetime-local\" [(ngModel)]=\"EndAtLocal\" />\n          </div>\n        </div>\n\n        <div class=\"editor-field\">\n          <label class=\"editor-label\">Starting payload (JSON, optional)</label>\n          <div class=\"editor-code\">\n            <mj-code-editor [(ngModel)]=\"StartingPayloadText\" language=\"json\"\n              placeholder='{ \"example\": true }'></mj-code-editor>\n          </div>\n          <div class=\"editor-hint\">Passed to the agent on each run. Leave blank for none.</div>\n        </div>\n\n        @if (SkillOptions.length > 0) {\n          <div class=\"editor-field\">\n            <label class=\"editor-label\">Pre-activate skills (optional)</label>\n            <div class=\"editor-skills\">\n              @for (skill of SkillOptions; track skill.ID) {\n                <button type=\"button\" class=\"editor-skill-chip\"\n                  [class.editor-skill-chip--selected]=\"IsSkillSelected(skill.ID)\"\n                  [title]=\"skill.Description ?? skill.Name\"\n                  (click)=\"ToggleSkill(skill.ID)\">\n                  <i [class]=\"skill.IconClass || 'fa-solid fa-wand-magic-sparkles'\"></i>\n                  {{ skill.Name }}\n                  @if (IsSkillSelected(skill.ID)) {\n                    <i class=\"fa-solid fa-check editor-skill-check\"></i>\n                  }\n                </button>\n              }\n            </div>\n            <div class=\"editor-hint\">Selected skills start every run with their instructions and tools in effect (subject to the agent's skill gates).</div>\n          </div>\n        }\n      </section>\n\n      <section class=\"editor-section\">\n        <h3 class=\"editor-section-title\"><i class=\"fa-solid fa-bell\"></i> Notifications</h3>\n\n        <div class=\"editor-field\">\n          <label class=\"editor-label\">Notify me</label>\n          <mj-dropdown [Data]=\"NotifyConditionOptions\" TextField=\"text\" ValueField=\"value\"\n            [ValuePrimitive]=\"true\" [(ngModel)]=\"NotifyCondition\"></mj-dropdown>\n        </div>\n\n        <div class=\"editor-field editor-field--inline editor-switches\">\n          <mj-switch [(ngModel)]=\"NotifyViaInApp\" OnLabel=\"In-app\" OffLabel=\"In-app\"></mj-switch>\n          <mj-switch [(ngModel)]=\"NotifyViaEmail\" OnLabel=\"Email\" OffLabel=\"Email\"></mj-switch>\n        </div>\n\n        <div class=\"editor-field\">\n          <div class=\"editor-recipients-header\">\n            <label class=\"editor-label\">Additional recipients</label>\n            <button mjButton variant=\"outline\" size=\"sm\" (click)=\"AddRecipient()\">\n              <i class=\"fa-solid fa-plus\"></i> Add recipient\n            </button>\n          </div>\n          @if (Recipients.length === 0) {\n            <div class=\"editor-hint\">Only you (the owner) will be notified.</div>\n          }\n          @for (row of Recipients; track $index; let i = $index; let first = $first; let last = $last) {\n            <div class=\"editor-recipient-row\">\n              <div class=\"editor-recipient-order\">\n                <button mjButton variant=\"icon\" size=\"sm\" title=\"Move up\" [disabled]=\"first\" (click)=\"MoveRecipient(i, -1)\">\n                  <i class=\"fa-solid fa-chevron-up\"></i>\n                </button>\n                <button mjButton variant=\"icon\" size=\"sm\" title=\"Move down\" [disabled]=\"last\" (click)=\"MoveRecipient(i, 1)\">\n                  <i class=\"fa-solid fa-chevron-down\"></i>\n                </button>\n              </div>\n              <mj-dropdown class=\"editor-recipient-mode\" [Data]=\"RecipientModeOptions\" TextField=\"text\" ValueField=\"value\"\n                [ValuePrimitive]=\"true\" [(ngModel)]=\"row.Mode\" (ngModelChange)=\"OnRecipientModeChange(row)\"></mj-dropdown>\n              @if (row.Mode === 'user') {\n                <mj-combobox class=\"editor-recipient-target\" [Data]=\"UserOptions\" TextField=\"Name\" ValueField=\"ID\"\n                  [ValuePrimitive]=\"true\" Placeholder=\"Select a user...\" [(ngModel)]=\"row.UserID\"></mj-combobox>\n              } @else {\n                <input class=\"mj-input editor-recipient-target\" type=\"email\" placeholder=\"name@example.com\" [(ngModel)]=\"row.Email\" />\n              }\n              <mj-dropdown class=\"editor-recipient-channel\" [Data]=\"ChannelOptions\" TextField=\"text\" ValueField=\"value\"\n                [ValuePrimitive]=\"true\" [(ngModel)]=\"row.Channel\"></mj-dropdown>\n              <button mjButton variant=\"icon\" size=\"sm\" title=\"Remove recipient\" (click)=\"RemoveRecipient(i)\">\n                <i class=\"fa-solid fa-trash-can\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </section>\n    }\n\n    <!-- ======================= Footer (confirm LEFT, cancel RIGHT) ======================= -->\n    <div class=\"editor-footer\">\n      <button mjButton variant=\"primary\" size=\"md\" [disabled]=\"IsSaving\" (click)=\"Save()\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        } @else {\n          <i class=\"fa-solid fa-check\"></i>\n        }\n        {{ IsEdit ? 'Save Changes' : 'Create Routine' }}\n      </button>\n      <button mjButton variant=\"secondary\" size=\"md\" [disabled]=\"IsSaving\" (click)=\"Cancel()\">Cancel</button>\n    </div>\n  </div>\n}\n", styles: [":host {\n    display: block;\n    height: 100%;\n}\n\n.editor-loading {\n    display: flex;\n    justify-content: center;\n    padding: 48px 0;\n}\n\n.routine-editor {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    padding: 4px 2px 0 2px;\n}\n\n.editor-errors {\n    margin: 0;\n    padding-left: 18px;\n}\n\n.editor-section {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-lg, 10px);\n}\n\n.editor-section-title {\n    margin: 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.editor-section-title > i {\n    color: var(--mj-brand-primary);\n}\n\n.editor-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    min-width: 0;\n}\n\n.editor-field--inline {\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.editor-field-row {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n.editor-field-row > .editor-field {\n    flex: 1 1 220px;\n}\n\n.editor-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.editor-required {\n    color: var(--mj-status-error);\n}\n\n.editor-hint {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.editor-hint-inline {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* Segmented pickers (target type / routine type / frequency) */\n.editor-segmented {\n    display: inline-flex;\n    gap: 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    overflow: hidden;\n    width: fit-content;\n}\n\n.editor-segmented--wrap {\n    flex-wrap: wrap;\n}\n\n.editor-segment {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    font-size: 13px;\n    border: none;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: background 0.12s ease, color 0.12s ease;\n}\n\n.editor-segment + .editor-segment {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n.editor-segment:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.editor-segment--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Schedule */\n.editor-schedule-detail {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md, 8px);\n}\n\n.editor-schedule-preview {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.editor-schedule-preview > i {\n    color: var(--mj-status-success);\n}\n\n.editor-time-input {\n    width: 130px;\n}\n\n.editor-inline-dropdown {\n    min-width: 140px;\n}\n\n.editor-mono {\n    font-family: var(--mj-font-mono, monospace);\n}\n\n/* Code editor container */\n.editor-code {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    overflow: hidden;\n    min-height: 90px;\n}\n\n/* Skills */\n.editor-skills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.editor-skill-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    font-size: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full, 999px);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.editor-skill-chip:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.editor-skill-chip--selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.editor-skill-check {\n    font-size: 10px;\n}\n\n/* Notifications */\n.editor-switches {\n    gap: 24px;\n}\n\n.editor-recipients-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n}\n\n.editor-recipient-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md, 8px);\n    background: var(--mj-bg-surface);\n}\n\n.editor-recipient-order {\n    display: flex;\n    flex-direction: column;\n}\n\n.editor-recipient-mode {\n    flex: 0 0 150px;\n}\n\n.editor-recipient-target {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.editor-recipient-channel {\n    flex: 0 0 120px;\n}\n\n/* Footer \u2014 confirm on the LEFT, cancel on the RIGHT (MJ convention) */\n.editor-footer {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 0 4px 0;\n    border-top: 1px solid var(--mj-border-default);\n    position: sticky;\n    bottom: 0;\n    background: var(--mj-bg-surface);\n}\n\n/* Agent tree picker */\n.editor-selected-agent {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-md, 8px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n    font-weight: 600;\n    width: fit-content;\n}\n\n.editor-selected-agent-hint {\n    font-size: 11px;\n    font-weight: 400;\n    color: var(--mj-text-muted);\n}\n\n.editor-agent-tree {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    max-height: 280px;\n    overflow: auto;\n    background: var(--mj-bg-surface);\n}\n\n/* Progressive-disclosure toggle between the basic path and the advanced sections */\n.editor-advanced-toggle {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px dashed var(--mj-border-default);\n    border-radius: var(--mj-radius-md, 8px);\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    text-align: left;\n}\n\n.editor-advanced-toggle:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.editor-advanced-toggle .editor-hint-inline {\n    font-weight: 400;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n"] }]
+    }], null, { RoutineID: [{
+            type: Input
+        }], Saved: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }], BeforeRoutineCreated: [{
+            type: Output
+        }], AfterRoutineCreated: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NewRoutineComponent, { className: "NewRoutineComponent", filePath: "src/lib/new-routine.component.ts", lineNumber: 69 }); })();
+//# sourceMappingURL=new-routine.component.js.map